@charset "utf-8";
/* CSS Document */


/*-----------------------GENERAL---------------------------------*/

body {
background:url(../img/fondo.jpg) top repeat-x #ffffff
;

font-size:62.5%;
height:100%;
}

#igualador{
clear:both
}

#todo{
width:982px;
margin:80px auto 10px auto;
height:auto;
font-family: Tahoma ;
line-height:16px;
font-size:11px;
color:#434343;
background-color:#f5f4f4
}

.destacado{
font-family: Tahoma ;
font-size:11px;
font-weight:bold;
color:#3b70a9;
}

.destacado_2{
font-family: Tahoma ;
font-size:11px;
font-weight:bold;
color:#3b70a9;
}

.destacado_3{
font-family: Tahoma ;
font-size:11px;
font-weight:bold;
color: #5F92CB
}

.destacado_4{
font-family: Tahoma ;
font-size:11px;
color: #7B91D9;
}

a.destacado:hover, a.destacado_2:hover, a.destacado_3:hover, a.destacado_4:hover{
color: #666666
}

#cabecera{
width:982px;
height:51px;
}

#imagecabecera{
height:103px;
width:982px;
}
#imagecabecera_home{
height:103px;
width:982px;
}

#cuerpo{
height:auto;
width:980px;
background-color:#f5f4f4;
border:1px solid #ebebeb;
border-bottom:0px;
}

#cierrapagina{
height:8px;
background:url(../img/borde_finalpagina.jpg)  repeat-x

}

h1{
width:100%;
height:22px;
font-family:Tahoma;
font-size:22px;
color:#3b70a9;
font-weight:normal;
float:left
}

#foto_de{
width:auto; 
height:auto; 
clear:right; 
float:right; 
padding-left:30px; 
padding-bottom:15px;
padding-top:15px;
}

#foto_iz{
width:auto; 
height:auto; 
clear:left; 
float:left; 
padding-right:30px; 
padding-bottom:5px;
padding-top:5px;
}
/*---------------------------------------------------------------------*/

/*-----------------------MENU SUPERIOR---------------------------------*/

#menu{
background: url(../img/fondo_menu.jpg) top no-repeat #FFFFFF;
width:982px;
height:51px;
}

#menu ul li{
margin-top:15px;
height:36px;
list-style-type:none;
float:left;
display:inline;
margin-right:3px;
}


#menu li a{
height:36px;
display:block;
_display: inline;
padding:0px 21px 0px 21px;
font-family: Tahoma;
font-size:14px;
color:#5b5d55;
text-decoration:none;
}

#menu li .final a{
width:68px;
height:36px;
display:block;
_display: inline;
padding:0px 10px 0px 10px;
font-family: Tahoma;
font-size:14px;
color:#5b5d55;
text-decoration:none;
text-align:center;
}

#menu li.ON a {
color: #3b70a9;
}

#menu li:hover , #menu li.ON{
background: url(../img/btt_selecciona.gif) center bottom no-repeat;
position:relative;
}

/*----------------------------------------------------------------*/


/*-----------------------CABECERA HOME---------------------------------*/
#panel{
height:90px;
background:url(../img/panel-fondo.jpg);
font-family:Tahoma;
font-size:13px;
color:#f7cd00;
}

#panel a{
color:#3b70a9;
text-decoration:none;
font-size:12px;
}

#panel a:hover{
color:#ffffff;
}

#panel p{
margin-top:2px
}

#panel h1{
font-size:18px;
font-weight: normal;
}

#panel .panel_imag{
float:left;
width:128px;
height:70px;
margin-top:10px;
margin-left:25px;
_margin-left:12px;
}

#panel .panel_txt{
float:left;
width:260px;
height:70px;
margin-top:10px;
margin-left:25px;
margin-right:25px;
*margin-left:12px;
*margin-right:40px;
}

/*-------------------------------------------------------------------------*/


/*--------------------------PRINCIPAL TODOS---------------------------------------*/
#principal_mapa{
height: auto;
width:855px;
margin:20px 58px 33px 58px;
_margin:20px 27px 0px 27px;
text-align:center;
}

#principal_mapaweb{
background: url(../img/fondo_ondas.jpg) no-repeat right bottom ;
height: auto;
width:855px;
margin:20px 58px 33px 58px;
_margin:20px 27px 0px 27px;
}

#principal_mapaweb ul {
list-style-image: url(../img/flechita_doble.gif);
margin-left:20px;
margin-top:20px;
margin-bottom:20px
}



#principal_mapaweb ul li ul{
list-style-image: url(../img/flechita.gif);
margin-left:20px;
margin-top:20px;
margin-bottom:20px
}
#principal_mapaweb ul li, #principal_mapaweb ul li ul li, #principal_mapaweb ul li ul li ul li, #principal_mapaweb ul li ul li ul li{
margin-top:20px;
margin-bottom:20px
}

#principal_mapaweb ul li ul li ul{
list-style-image: url(../img/arbol.gif);
margin-left:20px;
margin-top:20px;
margin-bottom:20px
}

#principal_enlaces h1 , #principal_noticias h1 , #principal_quienessomos h1 , #principal_seguridadvial h1 , #principal_abonopeaje h1 , #principal_home h1 , #principal_miembros h1{
width:100%;
height:22px;
font-family:Tahoma;
font-size:22px;
color:#3b70a9;
font-weight:normal;
margin-bottom:20px;
float:left;
line-height:24px;
}

#principal_enlaces h2 , #principal_noticias h2 , #principal_seguridadvial h2 , #principal_home h2 , #principal_miembros h2{
font-family:Tahoma;
font-size:18px;
color:#434343;
font-weight:normal;
margin-bottom:10px;
}

#principal_abonopeaje h2 , #principal_quienessomos h2 {
font-family:Tahoma;
font-size:18px;
color:#434343;
font-weight:normal;
margin-bottom:10px;
margin-top:20px;
}

#principal_noticias h3 , #principal_seguridadvial h3 , #principal_quienessomos h3 , #principal_abonopeaje h3 , #principal_home h3 {
font-family:Tahoma;
font-size:14px;
color:#3b70a9;
font-weight: bold;
margin-top:25px;
margin-bottom:5px;
}

#principal_enlaces h3 ,  #principal_miembros h3{
font-family:Tahoma;
font-size:14px;
color:#3b70a9;
font-weight: bold;
margin-top:0px;
margin-bottom:5px;
}

#principal_enlaces p , #principal_noticias p , #principal_seguridadvial p , #principal_quienessomos a , #principal_abonopeaje p , #principal_home p , #principal_miembros p{
margin-bottom:5px;
}

#principal_enlaces a:hover , #principal_noticias a:hover , #principal_seguridadvial a:hover , #principal_quienessomos a:hover , #principal_abonopeaje a:hover , #principal_home a:hover , #principal_miembros a:hover{
color: #3399FF
}

/*-------------------------------------------------------------------------*/


/*-----------------------PRINCIPAL HOME---------------------------------*/

#cuerpo.home{
background:url(../img/fondo_cuerpo_home.jpg) top no-repeat; 
}

#principal_home{
height: auto;
width:931px;
_width:950px;
margin:20px 25px 33px 25px;
_margin:20px 0px 0px 10px;
float:left;
overflow:visible;
}

#principal_home #marco{
height:200px;
width:204px;
margin: 0px 38px 22px 0px;
_margin: 0px 40px 22px 0px;
float:left;
position:relative;
}

/*#principal_home #marco.doble{
text-align:center;
height:200px;
width:450px;
margin:0px 0px 22px -10px;
background-color:#9e9e9e
}
*/
#principal_home #marco.final{ 
height:200px;
width:195px;
_width:150px;
margin:0px 0px 22px 0px;
_margin:0px -10px 22px 0px;
}

#principal_home #imagen_marco{
width:204px;
_width:50px;
height:auto; 
position:absolute; 
bottom:0;
background:none;
margin:0px;
text-align:left;
}

#principal_home a{
font-family:Tahoma;
text-decoration:none;
color:#3b70a9;
font-size:12px;
}

/*---------------------------------------------------------------*/


/*----------------------PRINCIPAL NOTICIAS---------------------------------*/

#principal_noticias #mini_menu {
margin-bottom:10px;
margin-top:20px;
width:100%;
border-bottom:2px solid #a1beda;
height:50px;
text-align:center;
}

#principal_noticias #mini_menu lu{
width:100%;
height:29px;

}

#principal_noticias #mini_menu li{
width:143px;
display:inline;
line-height:30px;
_line-height:28px;
margin-right:20px;
/*padding:5px 10px 5px 10px;*/

}

#principal_noticias #mini_menu li a{
font-family:Tahoma;
text-decoration:none;
color:#5b5d55;
font-size:13px;
padding:5px 10px 5px 10px;
width:143px;
background:url(../img/btt_mini_off.jpg);
border:1px solid  #b1b1b1;
border-bottom: #a1beda;
}

#principal_noticias #mini_menu li a:hover{
color:#3b70a9;
}


#principal_noticias #mini_menu li a.ON , #principal_noticias #mini_menu li a:hover .ON{

font-family:Tahoma;
text-decoration:none;
font-weight:bold;
color:#3b70a9;
font-size:13px;
padding:5px 10px 5px 10px;
background:url(../img/btt_mini_ON.jpg) top;
border:1px solid  #a1bfdb;
}



#principal_noticias{
height: auto;
width:850px;
margin:0px 58px 33px 58px;
_margin:0px 28px 0px 28px;
float:left;
overflow:visible;
}

#principal_noticias ul{
list-style-image:url(../img/flechita.gif);
margin-left:20px;
}
#principal_noticias li{
margin-top:10px
}

#principal_noticias p{
text-align:justify;
margin-bottom:20px
}

#principal_noticias #imagen_marco {
width:292px;
height:164px;
background:none;
margin-left:20px;
_margin-left:10px;
margin-right:0px;
float:right;
text-align:center;
}

#principal_noticias a{
font-family:Tahoma;
text-decoration:none;
color:#3b70a9;
font-size:12px;
}

#principal_noticias #separador{
width:982px;
_width:913px;
height:8px;
float:left;
margin-left:-58px;
margin-top:10px;
margin-bottom:10px;
background: url(../img/borde_finalpagina.jpg) no-repeat
}

/*#paginacion{
float:left;
width:100%;
height:auto;
text-align:center;
font-family:Tahoma;
color:#3b70a9;
font-size:12px;
}*/

/*-------------------------------------------------------------------------*/


/*--------------------------PRINCIPAL MIEMBROS---------------------------------------*/
#principal_miembros p{
margin-left:12px;
}

#principal_miembros{
height: auto;
width:615px;
margin:20px 10px 33px 58px;
_margin:20px 5px 0px 28px;
float:left;
}

#principal_miembros_buscador{
float:right;
height:auto;
width:200px;
border:1px solid  #999999;
margin:20px 58px 33px 0px;
_margin:20px 28px 0px 0px;
padding:15px;
background: url(../img/fondo_minimenu.jpg) bottom repeat-x
}

#principal_miembros_buscador input , #principal_miembros_buscador select{
width:195px;
margin-bottom:5px;
font-family:Tahoma;
font-size:11px;
color:#3b70a9;
}

#principal_miembros a , #principal_miembros_buscador a {
font-family:Tahoma;
text-decoration:none;
color:#3b70a9;
font-size:12px;
}

#principal_miembros_buscador a:hover{
color:#434343
}


#principal_miembros #marco{
height:auto;
float:left;

}

#principal_miembros #imagen_marco{
width:100px;
height:75px;
background:url(../img/marco-enlaces.gif) no-repeat;
margin-right:10px;
float:left;
text-align:center;
}

#principal_miembros #txt_marco{
width:480px;
height:auto;
float:left;
}

#principal_miembros #txt_marco_G{
width:480px;
height:auto;
float:left;
}


#principal_miembros #separador{
width:100%;
height:2px;
float:left;
margin-top:10px;
margin-bottom:10px;
_margin-bottom:5px;
background:url(../img/separador.gif) no-repeat
}

#principal_miembros #donde a{
font-family:Tahoma;
color:#434343;
font-size:12px;
margin-top:0px;
}
#principal_miembros #donde a:hover {
color:#3b70a9;
}


#donde{
float:left;
width:100%;
height:auto;
}

#principal_miembros #imagen_marco img , #principal_enlaces #imagen_marco img{
display:block;
position:relative;
margin:auto;
margin-top:10px
}

/*-------------------------------------------------------------------------*/


/*--------------------------PRINCIPAL ENLACES---------------------------------------*/
#principal_enlaces{
height: auto;
width:800px;
margin:20px 28px 33px 58px;
_margin:20px 28px 0px 28px;
float:left;
}

#principal_enlaces #marco{
width:100%;
height:auto;
float:left;
}

#principal_enlaces #imagen_marco{
width:100px;
height:75px;
background:url(../img/marco-enlaces.gif) no-repeat;
margin-right:10px;
float:left;
text-align:center;
}

#principal_enlaces #separador{
width:100%;
height:2px;
float:left;
margin-top:5px;
margin-bottom:5px;
background:url(../img/separador.gif) no-repeat
}

#principal_enlaces a , #principal_seguridadvial a{
font-family:Tahoma;
color:#3b70a9;
font-size:12px;
}

/*-------------------------------------------------------------------------*/


/*--------------------------PRINCIPAL SEGURIDAD VIAL---------------------------------------*/

#cuerpo.sv{
background: url(../img/fondo_sv.gif) top;
height:auto;
width:980px;
background-color:#f5f4f4;
border:1px solid #ebebeb;
border-bottom:0px;

}

#principal_seguridadvial{
height: auto;
width:900px;
margin:20px 40px 33px 40px;
_margin:20px 15px 0px 20px;
float:left;
}

#principal_seguridadvial p{
margin-top:12px;
}

#principal_seguridadvial #menu_marco{
width:180px;
height:auto;
background:none;
margin-right:27px;
float:left;
text-align:center;
margin-top:-6px;
}

#principal_seguridadvial #menu_marco ul li a , #principal_seguridadvial #menu_marco ul li.ON a:hover{
font-family:Tahoma;
font-size:12px;
color:#364462;
text-decoration:none;
}

#principal_seguridadvial #menu_marco ul li{
text-align:left;
height:auto;
min-height:30px;
background:url(../img/separador_menu.gif) bottom no-repeat;
padding-top:12px;
padding-left:6px;
}

#principal_seguridadvial #menu_marco ul li.ON{
text-align:left;
height:auto;
min-height:30px;
background:url(../img/separador_menu_ON.gif) bottom no-repeat;
padding-top:12px;
padding-left:6px;
font-weight:bold;
}

#principal_seguridadvial #menu_marco ul li a:hover{
color:#3399FF;
}

#principal_seguridadvial #txt_marco{
width:665px;
height:auto;
float:left;
text-align:justify;

}

#principal_seguridadvial #txt_marco ul{
list-style: url(../img/flechita_doble.gif);
margin-left:18px;
margin-top: 10px;
margin-bottom: 30px;
}

#principal_seguridadvial #marco #txt_marco ul li{
margin-top: 15px;
}

#principal_seguridadvial #separador{
width:100%;
height:2px;
float:left;
margin-top:40px;
margin-bottom:20px;
}

/*-------------------------------------------------------------------------*/


/*--------------------------PRINCIPAL QUIENES SOMOS---------------------------------------*/

#principal_quienessomos{
height: auto;
width:855px;
margin:20px 58px 33px 58px;
_margin:20px 27px 0px 27px;
float:left;
}

#principal_quienessomos p{
margin-top:12px;
}

#principal_quienessomos #menu_marco ul li a:hover{
color:#3399FF;
}

#principal_quienessomos #txt_marco{
width:100%;
height:auto;
float:left;
text-align:justify;
}

#principal_quienessomos #txt_marco ul{
list-style: url(../img/flechita_doble.gif);
margin-left:18px;
margin-top: 25px;
}

#principal_quienessomos #marco #txt_marco ul li{
margin-top: 15px;
}

#principal_quienessomos #separador{
width:100%;
height:2px;
float:left;
margin-top:40px;
margin-bottom:20px;
}

#pre_pie{
clear:both;
height:100px;
width:924px;
border-right: 1px solid #ebebeb;
border-left: 1px solid #ebebeb;
background: url(../img/fondo_pre_pie.jpg) no-repeat;
padding:15px 0px 15px 56px;

}


/*-------------------------------------------------------------------------*/

/*--------------------------PRINCIPAL ABONO PEAJE---------------------------------------*/

#principal_abonopeaje{
height: auto;
width:855px;
margin:20px 58px 33px 58px;
_margin:20px 27px 0px 27px;
float:left;
}

#principal_abonopeaje p{
margin-top:12px;
}

#principal_abonopeaje #menu_marco ul li a:hover{
color:#3399FF;
}

#principal_abonopeaje #txt_marco{
width:100%;
height:auto;
float:left;
text-align:justify;
}

#principal_abonopeaje #txt_marco ul{
list-style: url(../img/flechita_doble.gif);
margin-left:18px;
margin-top: 25px;
}

#principal_abonopeaje #marco #txt_marco ul li{
margin-top: 15px;
}

#principal_abonopeaje #separador{
width:100%;
height:2px;
float:left;
margin-top:40px;
margin-bottom:20px;
}

#principal_abonopeaje table{
margin-top:20px;
margin-bottom:20px
}

#principal_abonopeaje table tr{
margin-bottom:20px
}
#principal_abonopeaje table td{
margin-right:10px
}

#pre_pie{
clear:both;
height:100px;
width:924px;
border-right: 1px solid #ebebeb;
border-left: 1px solid #ebebeb;
background: url(../img/fondo_pre_pie.jpg) no-repeat;
padding:15px 0px 15px 56px;

}



/*-------------------------------------------------------------------------*/

/*-----------------------PIE DE PAGINA---------------------------------*/
#pie{
clear:both;
height:12px;
width:940px;
background: url(../img/imagen-pie.gif);
padding:15px 21px 15px 21px;
margin-top:15px;
}

#pie .iz{
width:auto;
float:left; 
margin-right:87px
}

#pie .de{
 float:right;
 margin-left:14px
}

#pie a{
font-family: Tahoma;
font-size:11px;
color:#cfcfcf;
text-decoration:none;
}

#pie a:hover{
color: #ffffff;
}

/*-----------------------------------------------------------------*/