﻿body
{
    margin:0;
    padding:0;
    background-color:#d1d4d7;
}

.container
{
    width:900px;
    margin:0px auto;
}

#up
{
    min-width:100%;
    width:100%;
    max-width:100%;
    min-height:4px;
    height:4px;
    max-height:4px;
    background-image:url('../images/fondos/up.png');
    background-repeat:no-repeat;
    background-attachment:scroll;   
    margin:0 auto;
}

#background
{
    width:100%;
    max-width:100%;
    background-color:White;
    margin:0 auto;
    font-family:Arial;
    color:#415cb3;
}

#background a
{
    font-family:Arial;
    color:#415cb3;
    text-decoration:none;
}

#background a:hover
{
    font-family:Arial;
    color:Red/*#194ffe*/;
    text-decoration:none;
}

#down
{
    min-width:100%;
    width:100%;
    max-width:100%;
    min-height:4px;
    height:4px;
    max-height:4px;
    background-image:url('../images/fondos/down.png');
    background-repeat:no-repeat;
    background-attachment:scroll;   
}

#head
{
    width:100%;
    height:79px;
    min-height:79px;
    max-height:79px; 
    background-color:White;   
}

#logo
{
    float:left;    
    margin:0;    
    width:200px;
    min-width:200px;
    max-width:200px;
    height:100%;
}

#logo a img
{
    text-decoration:none;
    border:0;
}

#derechalogo
{
    float:left;
    width:700px;
    max-width:700px;
    background-image:url('../images/fondos/ondas.png');
    background-repeat:no-repeat;
    background-attachment:scroll;
    height:100%;    
}

#derechalogo h1
{
   visibility:hidden;
   padding:0;
   margin:0;
   width:200px;
}

.ComboIdiomas
{
    float:right;
    margin:10px 15px 0 0;
    vertical-align:top;    
}

.LblIdioma
{
    font-size:10pt;
    font-weight:bold;
    margin-top:0;
}

.LstDespIdi
{
    font-family:Verdana;
    font-size:8pt;
    color:#415cb3;
    padding:0;
}

#MenuLine
{
    width:100%;
    max-width:100%;
    background-color:White;    
}
#middle
{
    width:100%;
}
#logoDown
{
    float:left;
    width:200px;
    min-width:200px;
    max-width:200px;    
    
    font-size:9pt;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;    

    border-top:solid 4px red;    
}

#MenuBar
{
    float:left;
    width:700px;
    min-width:700px;
    max-width:700px;

    margin:0;
    border-top:solid 4px gray; 
}

.zoneLink
{
    float:right;
    padding: 9px 11px 9px 24px;
    text-decoration: none;
    background:#ecebeb url('../images/icons/mac-lock-icon.png') no-repeat left;
    /*border:2px solid;*/
}

.zoneLink span:hover
{
    color:Red;    
}

#MenuVert
{
    float:left;
    width:200px;
    max-width:200px;
    background-color:White;
}
#CallCenter
{
    margin:5px auto;
    width:170px;
}
#CallCenter img
{
    border:0;
}

/* Show only to IE PC \
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox
{
    float:left;
	margin: 5px 10px; 
	width:180px;
	max-width:180px;
	font-size:9pt;	
}

.sidebox .headerMenu
{
    background: url('../images/fondos/RoundedDiv/Header.png') no-repeat left top;
    float:left;
    margin:0;
    max-width:170px;
    min-width:170px;
    width:170px;
    padding:5px;
}
.sidebox .headerMenu h2
{
   margin:0;
   padding:0;
   font-size:9pt; 
   color:White;
   font-weight:bold;
}
.sidebox .headerMenu:hover
{
    background: url('../images/fondos/RoundedDiv/HeaderHover.png') no-repeat left top;
}
.sidebox .headerMenu a
{
    color:White;
    font-weight:bolder;
    font-variant:small-caps;
}
.sidebox .headerMenu a:hover,a:activated
{
    color:Red;
}
.sidebox .bodyMenu
{
    background: url('../images/fondos/RoundedDiv/Body.png') no-repeat left bottom;
    float:left;
    font-weight:bold;
    margin:0;
    max-width:170px;
    min-width:170px;
    width:170px;
    padding:5px;       
}
.sidebox .bodyMenu h3
{
    padding:0;
    margin:0;
    font-size:9pt;
}
.sidebox .bodyMenu ul
{
    margin:-5px 5px 5px -17px;
    list-style-image:url('../images/icons/ulicon.png');
}
/* IE7 Only */
*:first-child+html .sidebox .bodyMenu ul
{
    margin:0px 5px 5px 15px;
}
.sidebox .bodyMenu ul li:hover, li:active
{
    list-style-image:url('../images/icons/uliconover.png');
}

.sidebox .bodyMenu ul li
{
    padding:0px;
    margin:10px 0px;
}

h3,.sidebox .bodyMenu ul li a h3,.sidebox .bodyMenu ul li ul a h3,.sidebox .bodyMenu ul li ul li a h3,.sidebox .bodyMenu ul h3
{
    margin:0;
    padding:0;
}
/* IE7 Only */
*:first-child+html h3,.sidebox .bodyMenu ul li a h3,.sidebox .bodyMenu ul li ul a h3,.sidebox .bodyMenu ul li ul li a h3,.sidebox .bodyMenu ul h3
{
    margin-top:-10px;
    padding:0;
}
.sidebox .bodyMenu ul li ul
{
    margin:-2px 5px 5px -35px;
}
/* IE7 Only */
*:first-child+html .sidebox .bodyMenu ul li ul
{
    margin:0px 5px 5px 15px;
}
#MenuVertDer
{
    float:right;
    width:200px;
    max-width:200px;
    background-color:White;
    color:#003366;    
}
.buttons
{
    border:2px solid #009ee0;
    min-width:180px;
    width:180px;
    max-width:180px;
    min-height:30px;
    height:30px;
    max-height:30px;
    margin: 5px auto;
    padding:3px auto;
    
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    
    -webkit-box-shadow:5px 5px 5px #949494;
    -moz-box-shadow:5px 5px 5px #949494;
    box-shadow:5px 5px 5px #949494;
    
    background-color:#009ee0;
    color:white;
}
.buttons:hover
{
    cursor:pointer;   
    background-color:#03658e;
    border-color:#03658e;
    color:White;
}
.buttons img
{
    float:left;
    height:20px;
    width:20px;
    margin:5px;
    padding:0;
    border:0;
    text-decoration:none;
}
.buttons #truckControllerLogo
{
    width:100%;
}
.buttons h2
{
    float:left;    
    padding:0;
    margin:2px;
    font-size:9pt;
    font-family:Arial;
    font-variant:small-caps;
    font-weight:bolder;
    max-width:135px;
}
#truckButton
{
    border-color:#0e5674;
    margin-top:8px;
    
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    
    -webkit-box-shadow:5px 5px 5px #949494;
    -moz-box-shadow:5px 5px 5px #949494;
    box-shadow:5px 5px 5px #949494;
}
#news
{
    min-width:96%;
    width:96%;
    max-width:96%;
    min-height:420px;
    max-height:420px;
    margin: 15px auto;
    margin-bottom:5px;
    border:solid 0.5px #c9caca;
    background-color:#eeeeee; 
    padding-bottom:5px; 
    
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;  
}
#news h2
{
    margin:3px 3px;
    font-size:10pt;
    
}
#newsContent
{
    width:95%;
    max-width:95%;
    margin:0px auto;       
}
#newsContent .Noticia
{
	min-width:95%;
	max-width:95%;
	margin:5px auto;
	font-size:8pt; 
	
	background-color:#dddddd; 
	
	border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    
    border:1px solid;   
}

.notHeader
{
    /*background: url('../images/fondos/RoundedDiv/NotHeader.png') no-repeat left top;*/
    margin:0;
    padding:0;
    width:100%;
    font-weight:bold;
    font-variant:small-caps;
    max-width:100%;
    min-width:100%; 
    background-color:#aaaaaa;    
}
.notBody
{
    /*background: url('../images/fondos/RoundedDiv/NotBody.png') no-repeat left bottom;*/    
    margin:0;
    padding:0;
    max-width:100%;
    min-width:100%;    
}
.notBody .fecha
{
    text-align:left;
    width:100%;
}
.notBody .fecha span,.notBody .fecha img
{
    float:left;
    margin:2px;
}
.notBody p
{
    text-align:justify;
    margin:5px auto;
    width:90%;
    min-width:90%;
    max-width:90%;
}
.notBody .notLink
{
    width:100%;
    text-align:right;    
}
.notBody .notLink a
{
    margin-right:15px;
}
.body
{
    float:left;
    width:500px;
    max-width:500px;
    background-color:White;
    min-height:100%;
}

.foot
{
    float:left;
    width:100%;
    max-width:100%;
    background-color:White;
}

.foot hr
{
    width:90%;
}

#oficinas
{
    width:100%;   
    margin:3px auto;    
    font-size:8pt;
    text-align:center;
}
#oficinas .oficina
{
    float:left;
    width:19%;
    margin:0 2px;
    text-align:center;
}
#oficinas .oficina h3
{
    padding:0;
    margin:2px;
}
#oficinas .oficina p
{
    padding:0;
    margin:0;
    vertical-align:middle;
}
#oficinas .oficina p img
{
    /*margin-top:5px;*/
    vertical-align:middle;
}
#oficinas .oficina p span
{
    margin:1px;
}
.mail
{
    text-align:center;
    vertical-align:middle;
    margin-top:5px;
    color:#929191;
}
.mail span,.mail a
{
    font-size:9pt;
    font-weight:bold;
    margin:0 0px;
    color:#929191;
}

.contentBody
{
    width:100%;
    max-width:100%;
    /*color:Black;*/
}

.contentBody h2
{
    width:95%;
    font-size:11pt;
    float:left;
    margin:5px 0 5px 5px;
    font-variant:small-caps;
}

.contentBody p
{
    width:95%;
    font-size:9pt;
    margin:5px auto;
    text-align:justify;
    line-height:2em;
}

.contentBody ul
{
    width:90%;
    margin: 5px auto;
    font-size:9pt;
    text-align:justify;
    list-style-type:disc;
    line-height:2em;
}

.contentBody h2 img
{
    width:16px;
    height:16px;
}
