body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th { 
	margin:0;
	padding:0;
}

html, body{     
    height: 100%; 
} 

*{ /*selector universal*/
    FONT-FAMILY: Arial; 
}

table{
	font-size:12px;
}

a:hover{
	color:#dd1111;
	
}
A.grises{
    COLOR: #666666
}
A.grises:visited{
    COLOR: #666666
}
A.grises:hover{
    COLOR: #dd1111;
    TEXT-DECORATION: none
}
A.grises:active{
    COLOR: #666666
}

.contenedor{	/*contenedor principal, con sombra en los bordes*/
	margin:0 auto;
    POSITION: relative;
    HEIGHT: 1360px;
    BACKGROUND-COLOR: #ffffff;
    moz-box-shadow: 10px 10px 5px #ccc;
    webkit-box-shadow: 10px 10px 5px #ccc;
    box-shadow: 0px -10px 7px #ccc;
    behavior: url(PIE_CSS3/PIE.htc);      /*libreria que aplica css3 a IE8*/
}

.header{
    WIDTH: 100%;
    HEIGHT: 85px
}

.logo{
    LEFT: 4.1%;
    WIDTH: 21.5%;
    POSITION: absolute;
    TOP: 10px;
}

.difuminado{      /*difuminado celeste*/
    WIDTH: 100%;
    HEIGHT: 70px;
}

.contacto{        /*twitter contacto y mapa del sitio*/
    RIGHT: 4.1%;
    POSITION: absolute;
    TOP: 40px;
    HEIGHT: 17px;
    padding-top:0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    FLOAT: right;
    COLOR: #666666;
}

.iconos{      /*sombra de twitter*/
    vertical-align:top;
	/*
	box-shadow: 1px 1px 2px #ccc;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=4);
	*/
	}

.espacio{     /*acá van A+ A-*/
    RIGHT: 4.1%;
    WIDTH: 100%;
    POSITION: absolute;
    TOP: 58px;
    HEIGHT: 22px;
    TEXT-ALIGN: right
}

.Amas{
    DISPLAY: inline;
    FONT-WEIGHT: bold;
    FONT-SIZE: 14pt
}

.Amenos{
    DISPLAY: inline;
    FONT-SIZE: 12pt
}


.contenedor_menu_list{     /*menu izquierdo entero*/
    Z-INDEX: 10;
    LEFT: 4.1%;
    WIDTH: 21.5%;
    POSITION: absolute;
    }
	
    
.sombra{	
	background-color:#ffffff;
    behavior: url(PIE_CSS3/PIE.htc);
    border: 1px solid #ccc;
}    

.sombra:after {content: "";}        /*sombra para internet explorer 10*/
    
.menu_head{	       /*menu izquierdo desplegable*/
    BORDER-BOTTOM: #cccccc 1px solid;
    BORDER-TOP: #cccccc 1px solid;
    PADDING-RIGHT: 10px;
    BACKGROUND-POSITION: 10px 50%;
    PADDING-LEFT: 20px;
    /*FONT-WEIGHT: bold;*/
    FONT-SIZE: 12px;
    MARGIN-BOTTOM:-1px;
    CURSOR: pointer;
    COLOR: #333333;
    PADDING-TOP: 10px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: relative;
    HEIGHT: 35px;
}
.menu_head2{       /*menu izquierdo link, como INICIO*/
    BORDER-BOTTOM: #cccccc 1px solid;
    BORDER-TOP: #cccccc 1px solid;
    PADDING-RIGHT: 10px;
    BACKGROUND-POSITION: 10px 50%;
    PADDING-LEFT: 20px;
   /*FONT-WEIGHT: bold;*/
    FONT-SIZE: 12px;
    MARGIN-BOTTOM:-1px;
    CURSOR: pointer;
    COLOR: #333333;
    PADDING-TOP: 10px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: relative;
    HEIGHT: 35px;
}

.sub_submenu_izquierda{
	PADDING-LEFT: 12px;
	font-size: 11px;
}



.menu_despleg .menu_head2{  /*el menu_despleg es cada item del menu horizontal (automotores, etc)*/
	border-top:0px; 
	border-bottom:0px;
	FONT-WEIGHT:normal;
	FONT-SIZE:12px;
}

.menu_despleg .menu_head{
	border-top:0px; 
	border-bottom:0px;
	padding-top:15px;
}

.menu_body{	      /*bloque que se despliega del menu*/
    DISPLAY: none;
	COLOR: #333333;
	FONT-SIZE: 12px;
	PADDING-LEFT: 22px;
	line-height: 20PX;
}

.menu_list .menu_body{
	margin-bottom:10px;
}

.menu_body a:hover{
	color:#dd1111;
}

.menu_body a{
    DISPLAY: block;
    PADDING-LEFT: 10px;
    /*FONT-WEIGHT: bold;*/
    COLOR: #333333;
    BACKGROUND-COLOR: #ffffff;
    TEXT-DECORATION: none
}

.flechita{
    PADDING-LEFT: 0px;
    LEFT: 0px;
    WIDTH: 100%;
    PADDING-TOP: 1px;
}

.menu_horiz{	
	LEFT: 27.5%;
    WIDTH: 68.3%;
    POSITION: absolute;
    TOP: 85px;
    height:40px;
}

.menu_borde{
	LEFT: 27%;
    WIDTH: 69.5%;
    POSITION: absolute;
    TOP: 80px;
    height:45px;
}

.menu_despleg{	
    POSITION: absolute;
    TOP: 40px;
    BACKGROUND-COLOR: #ffffff;
    z-index:100;
    display: none;
	box-shadow: 1px 1px 2px #ccc;
}

.MENU_DESPLEG .menu_body{
	line-height:20px;
}

.menu_despleg .menu_head{
	line-height:5px;
	margin:0px;
	font-weight:normal;
	font-size:12px;
}

.flecha_blanca{
    DISPLAY: none;
    POSITION: absolute;
    TOP: 35px;
}

.flecha_gris, .flecha_gris2{
    DISPLAY: none;
    POSITION: absolute;
    TOP: 35px;
}

.separador{
    POSITION: absolute;
    TOP: 0px;
}

.boton_horiz{
    position:absolute;

}

.carrusel{
    RIGHT: 4.1%;
    WIDTH: 68.4%;
    POSITION: absolute;
    TOP: 140px;
    HEIGHT: 140px;
}

.carruselNoticias{
    WIDTH: 100%;
	HEIGHT: 350px;
    POSITION: absolute;
    margin-bottom: 5px;
    
}

.texto_cuadro A{ 
    COLOR: #333333
}
.texto_cuadro A:hover{
    COLOR: #dd1111
}
.cuadro{     /*noticias y normas de home*/
    LEFT: 27.5%;
    WIDTH: 21.5%;
    POSITION: absolute;
    TOP: 310px;
    HEIGHT: 263px;
    BACKGROUND-COLOR: #f3f3f3;
}

.cuadromensajes{     /*mensajes debajo del menú vertical*/
    HEIGHT: 155px;
	BACKGROUND-COLOR: #f3f3f3;
}


.titulo{
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    MARGIN: 1px;
    COLOR: #FFFFFF;
    PADDING-TOP: 4px;
    HEIGHT: 30px;
    BACKGROUND-COLOR: #00A7D5;
}

.degrade{
	background:linear-gradient(135deg, #422268, #9c027c	) !IMPORTANT;
}

#preTitulo{
	font-size:12px; 
	line-height:18px; 
	margin-bottom:10px;
}

.tituloizquierda{
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    MARGIN: 1px;
    COLOR: #00A7D5;
    PADDING-TOP: 3px;
    HEIGHT: 25px;
    BACKGROUND-COLOR: #ffffff;
}

.tituloderecha{
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    MARGIN: 1px;
    COLOR: #FFFFFF;
    PADDING-TOP: 4px;
    HEIGHT: 30px;
    BACKGROUND-COLOR: #00A7D5;
}

.scroll-pane{ /*scroll personalizado*/
	overflow: auto;
	FONT-SIZE: 12px;
	COLOR: #333333;
	BACKGROUND-COLOR: #f3f3f3;
	height:210px;
	maRgin-left:10PX;
	maRgin-top:10PX;
	padding-right:10px;				
}

.div_hidden{
    display: none;
    position: fixed;
    z-index:100;
    width:100%;
    height:100%;
}

/* 02/09/14 JAVIER: estilo para popup del calendario y otros*/

#overdiv1 {
	position:absolute;
	left:27.5%;
	top:150PX;
	background: #ffffff;
	width: 44.9%;
	min-height: 200px;
	max-height: 500px;
	padding-bottom:5px;
	overflow:auto;
	box-shadow: 1px 1px 3px #333;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=135, Strength=4);
	}



/* 13/06/14 JAVIER: estilos para la ventana emergente al cargar la página*/


#mensaje_inicio_fondo{
	display:none;
	position:fixed;
	_position:absolute; /* caso especial para IE 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	z-index:100;
}
#mensaje_inicio{
	display:none;
	position:fixed;
	_position:absolute; /* caso especial para IE 6*/
	/*height: 255px;*/
	width: 700px;
	background:#333333;
	box-shadow: 1px 1px 3px #333;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=135, Strength=4);
	z-index:101;
}

.radios{
    LEFT: 15%;
    BOTTOM: 15px;
    POSITION: absolute;
    TEXT-ALIGN: center
}

.botonera{
    RIGHT: 4.1%;
    WIDTH: 21.5%;
    POSITION: absolute;
    TOP: 310px;
    HEIGHT: 440px
}

.boton_derecha{
    RIGHT: 0px;
    background-color: #ffffff;
	WIDTH: 100%;
    POSITION: absolute;
    TOP: 65px;
	min-width: 226px;
    HEIGHT: 50px;
 }

/*24/06/14 JAVIER: estilos para transparencias de los botones de la derecha e icono*/
.boton_derecha:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
}

.boton_derecha a:hover{
	color:#000000;
}

.icono_boton_derecha{ 
	width:50px;
	float:left;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#ffffff;
}

.prop_botones_derecha{
	font-size:11px;
	font-weight:bold;
	color:#333;
	text-align:center;
	padding-top:16px;
	min-width:226px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#cccccc;
	height:51px;	
}

#formularios{/*Agrego borde superior por ser el primer botón*/
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#cccccc;
}
/*FIN*/

.fondo{
    RIGHT: 25.6%;
    LEFT: 27.5%;
    POSITION: absolute;
    TOP: 140px;
    HEIGHT: 620px;
    BACKGROUND-COLOR: white
}

/* Footer multiespacio*/
.footer{
    FONT-SIZE: 11px;
    RIGHT: 0px;
    LEFT: 0px;
    COLOR: #666666;
	background-color: #666666;
    position: absolute;

	bottom:0px;
    padding-bottom:10px;


}

.primerfooter{
	background-color:#cdcdcd;
	padding-top:15px;
	padding-bottom:15px;
	bottom:100px;
	position:absolute;
	display:block;
	width:100%;
}

.segundofooter{
	padding-top:15px;
	padding-bottom:15px;
	bottom: 0px;
    height: 100px;
	display:block;
	width:100%;
}

.seccionfooter{
	width:30%;
	float:left;
	margin-left:3%;
	height:120px;
	color:#000000
}

.seccionfooter a{
	line-height:20px;
}

.titseccionfooter{
	color:#333333;
	margin-bottom:10px;
}

#texto_footer{
	color: #cccccc;
	text-align:center;
	float:left;
	width:100%;
	height:35px;
	font-size:11px;
	width:60%;
	margin-left:20%;
	padding-top: 30px;
}
#texto_ceats{
	color: #cccccc;
	text-align:center;
    margin-right: -30px;
	padding-top: 25px;
	
}
.iconos_navegadores{        /*iconos compatibilidad navegadores*/
    RIGHT: 4.1%;
    POSITION: absolute;
    bottom:12px;
	
}

.iconos_licencias{        /*iconos licencias*/
    LEFT: 4.1%;
    POSITION: absolute;
    bottom:15px;
	
}

/*PAGINAS INTERNAS*/
.text-content{
    LEFT: 27.5%;
    WIDTH: 60.5%;
    position:absolute;
	FONT-SIZE: 16px;
	TOP: 140px;
}

.titulo_int{       /*titulo blanco con fondo celeste de las paginas internas*/
	color:#ffffff;
	font-weight:bold;
	background-color:#00A7D5;
	padding-left:10px;
	padding-right:10px;
	padding-top:7px;
	top:31px;
	position:absolute;
	font-size:12px;
	height:30px;
	z-index:1;
}

.linea_tit{       /*linea celeste que aparece abajo de los titulos de las paginas*/
	height:2px;
	width:100%;
	background:#00A7D5;
	top:61px;
	position:relative;
}

.subtitulo{		   /*subtitulo de las paginas internas*/
	background:#FFFFFF; 
	font-size:14px; 
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
	letter-spacing:1px;
}

.texto_int{      /*aqui va el contenido principal de cada pagina*/
	margin-top:91px;
	font-size:14px;
	line-height:24px;
	width:100%;
	color:#333333;
}

/*esto es para algunas tablas*/

.clsFondoCeleste{
    BACKGROUND-COLOR: #FFFFFF;
}

.clsCabec{
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #00a7d5;
    TEXT-ALIGN: center;
    font-weight:bold;
    height:30px;
    font-size:12px;
}

.clsFechaB{
	font-weight:bold;
}

.botonera2{			/*BOTONERA CHICA DE LA DERECHA*/
    RIGHT: 4.1%;
    WIDTH: 5.9%;
    POSITION: absolute;
    top:172px;
    //HEIGHT: 370px;
}

.boton_small{     /*botones q necesitan sombra*/
	position:absolute;
	right:0px;
}

.boton_small:hover{
	opacity:0.4;
	filter:alpha(opacity=40);
}

.boton_accion{     /*botones de acción q necesitan sombra*/
	position:absolute;
	right:0px;
	/*box-shadow: 1px 1px 3px #ccc;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=4);*/
}

/*pruebas para menu horizontal con css*/
.degradado {
	text-align: center;
	font-size: 12px;
	/*font-weight:bold;*/
	color: #333333;
	height: 40px;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #666666;
	padding-top: 8px;
	background-color:#eeeeee;
	}

.degradado:hover {
	border-top-color: #00A7D5;
	color: #333333;
}

/*Botones turnera*/

a.menu {
	width: 230px;
	height: 40px; 
	display: block; 
	text-align: center; 
	background-color: rgba(0,167,213,1.00); 
	color: rgba(255,248,248,1.00); 
	text-decoration: none; 
	font-weight: bolder; 
	padding-top: 9px;
	margin:15px;
	box-shadow: 1px 1px 3px #ccc;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=4);
}

a.menu:hover {
	width: 230px;
	height: 40px; 
	display: block; 
	text-align: center; 
	background-color: rgba(117,222,251,1.00); 
	color: rgba(255,248,248,1.00); 
	text-decoration: none; 
	font-weight: bolder; 
	padding-top: 9px;
	margin:15px;
	box-shadow: 1px 1px 3px #ccc;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=4);
}


.boton_accion_V2{     /*nuevo botones de acción sin imagenes*/
	position:absolute;
	right:0px;
	width: 100px; 
	height: 37px; 
	display: block; 
	padding-top: 8px; 
	color: #ffffff; 
	font-family: ARIAL; 
	font-weight: bolder; 
	font-size: 14px; 
	text-align: center; 
	background-color: #00A7D5; 
	border-bottom: 3px solid #008EB5;
	box-shadow: 1px 1px 3px #ccc;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=4);
}

.boton_accion_V2:HOVER{     /*nuevo botones de acción sin imagenes*/
	position:absolute;
	right:0px;
	width: 100px; 
	height: 37px; 
	display: block; 
	padding-top: 7px; 
	color: #333333; 
	font-family: ARIAL; 
	font-weight: bolder; 
	font-size: 14px; 
	text-align: center; 
	background-color: #ffffff; 
	border: 1px solid #cccccc;
	border-bottom: 3px solid #cccccc;
	box-shadow: 1px 1px 3px #ccc;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=4);
}
/*Estilos para el listado de noticias en la home*/
.titulo_noticia_home{
	font-size:13px;
	font-weight: bolder; 	
	line-height:20px;
}

.fecha_noticia_home{
	font-size:10px;
	margin-top:-17px;
	margin-bottom:-20px;
}

/*Estilos para cuadro buscador de noticias*/
#custom-search-input {
        margin:0;
        padding: 0;
		margin-right:-20px;
    }
 
    #custom-search-input .search-query {
        padding-right: 3px;
        padding-right: 4px \9;
        padding-left: 3px;
        padding-left: 4px \9;
		height:30px;
		border-color:#cccccc;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
 
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
 
    #custom-search-input button {
        border: 0;
        background: none;
        /** belows styles are working good */
        padding: 2px 5px;
        position: relative;
        left: -28px;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color:#00A7D5;
    }
 
    .search-query:focus + button {
        z-index: 3;   
    }