@charset "UTF-8";

/*ESTE ARCHIVO ES RESPONSIVO.
SI VAS A EDITAR ALGO, TOMA EN CUENTA EL CODIGO RESPONSIVO
AL FINAL DE CADA SECCION */

/* FUENTES */
@import url(http://fonts.googleapis.com/css?family=Orbitron:700);

@import url(https://fonts.googleapis.com/css?family=PT+Sans:700,400);

body{
	background-image:url(../imagenes/estructura/fondo.jpg);
	background-position: top center;
	background-repeat:no-repeat;
	
	font-family: 'PT Sans', sans-serif;
	
	margin:0px;
	padding:0px;
	background-color:#070f15;
	}

a{ color:#203543; text-decoration:none;  }
a:hover{ text-decoration:underline; color:#000;}
hr {
	
	margin:auto;
	margin-top:5em;
	margin-bottom:5em;
	text-align:center;
	width:80%;
	
	border:none;
	height:1px;
	background-color: #999;
	}

table, img{
	border:none;
	}

.ty{
	float:left;
	display:inline;
	max-width:550px;
	min-height:170px;
	text-align:justify;
	}


/* ROUND */
.redondear{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.redondear-bot {
	border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	}
.redondear-top {
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	}

.imagen{ float:left; margin-right:10px;}
.negami{ float:right; margin-left:10px;}
	
/* MAIN */
.contenedor{
	max-width:61.250em;
	margin:auto;
	}
.contenedor > * > *{
	/*border: solid 1px red;*/
	}


/* CABECERA /////////////////////////////////////////////////////// */
#cabecera #cab {
	background-color: #010910;
	display:block;
	overflow:hidden;
	
	max-width:980px;
	margin:auto;
	}
#logo {
	margin:.4em;
	margin-left: 2em;
	float:left;
	}
#cabecera-des{
	float:right;
	display:inline-block;
	padding-right:4%;
	padding-top:20px;
	}
#cabecera h1{
	font-family: 'Orbitron', sans-serif, Arial;
	color:#aae8ff;
	font-size:14px;
	display:inline;
	}
#cabecera h2{
	margin:0px;
	padding:0px;
	font-weight: normal;
	}
#logohyundai{ margin-bottom:8px; }


.fecha{
	font-style:italic;
	font-size:13px;
	color: #666;
	}

/* MENU ///////////////////////// */
#menu {
	margin:auto;
	overflow:hidden;
	max-width:100%;
	text-align:center;
	padding-top:20px;	
	}
#menu div{
	font-size:12px;	
	font-weight:500;
	text-align:center;
	display: inline-table;
	padding-left:2.5em;
	padding-right:2.5em;
	overflow:hidden;
	height:5.5em;
	}
#menu h2{ margin:0px; padding:0px; margin-bottom:-5px;}
#menu div a{
	color:#FFF;
	text-decoration:none;
	}
#menu div a:hover{ color: #FC0; }

.activo {
	background-image:url(../imagenes/estructura/senalador.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	overflow:hidden;
	color:#FC0!important;
	}
.activo a, .activo h2{
	color:#FC0;
	}

/* MENU RESPONSIVO */
@media only screen and (max-width: 786px) {
	#cabecera > *, #cabecera > * > * { float:none; display:block; margin:0px; padding:0px; }
	#cabecera div{ text-align:center; }
	#logo { float:none; position:relative; margin:auto;}
	#cabecera-des{ width:100%; display:block; float:none; clear:both; }
	#cabecera h1{ display:block; margin-top:10px; }
}
@media only screen and (max-width: 786px) {
	#menu{
		background-image:url(../imagenes/estructura/fondo.menu.jpg);
		background-position:bottom center;
	}
}
@media only screen and (max-width: 786px) { 	#menu div { padding-left:1.0em; padding-right:1.0em; } #menu{ height:5.5em }	}
@media only screen and (max-width: 660px) {		#menu div {	padding-left:.3em;	padding-right:.3em; }	}
@media only screen and (max-width: 470px) {		#menu div {	display:block; width:100%; padding-bottom:1em; height:auto; } #menu{ height:16em } .activo{  background-image:none;}}

/* FIN CABECERA /////////////////////////////////////////////////////// */



/* INICIO BUSQUEDA /////////////////////////////////////////////////////// */
#busqueda{
	background-color:#091824;
	color:#FFF;
	padding: 10px;
	overflow:hidden;
	}
#busqueda tr td:first-child{
	width:44%;
	border-right: solid 1px #FFF;
	}
#busqueda tr td:last-child{
	padding-left:2%;
	}
#busqueda tr td > *{
	vertical-align:top;
	}
#busqueda span{
	font-size: 10px;
	vertical-align:top;
	display:inline-block;
	}
#busqueda li{
	float:right;
	display:inline-block;
	margin-right:3px;
	}
#busqueda a{
	color:#FFFFFF;
	text-decoration:none;
	}
#busqueda input[placeholder], #busqueda [placeholder], #busqueda *[placeholder] {
	font-style:italic;
	font-size:12px;
	color: #758fa0;
}
.inputbusqueda{
	border:none;
	margin:0px;
	padding:0px;
	height:29px;

	width: 65%;	
	margin-left: 13px;

	}
.lupa{
	background-image:url(../imagenes/estructura/busqueda.gif);
	border: none;
	width:33px;
	height:29px;
	margin:0px;
	padding:0px;
	margin-right:20px;
	}

/* RESPONSIVO */
@media only screen and (min-width: 810px) and (max-width: 900px)  { .inputbusqueda{ width:60%; } }
@media only screen and (min-width: 660px) and (max-width: 900px)  { .inputbusqueda{ width:50%; } }

@media only screen and (max-width: 660px) {
	#busqueda tr td > * {
		float:none!important;
		clear:both;
		vertical-align:top;
		
		margin:0px;
		padding:0px;
		}
	#busqueda tr td {
		display:block;
		text-align:center;
		width:100%!important;
		}
	#busqueda tr td span {
		display:inline-block;
		width:100px;
		text-align:right;
		}
	.inputbusqueda{
		margin-left: 0px;
		width:50%;
		max-width:100%;
		margin-left:5px;
		}
} /*Fin responsivo*/
	
/* FIN BUSQUEDA /////////////////////////////////////////////////////// */

#contenido{
	width:100%;
	max-width:100%;
	
	/* degradado */
	background:#102431;	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #102431),
		color-stop(1, #070f15)
	);
	background-image: -o-linear-gradient(bottom, #102431 0%, #070f15 100%);
	background-image: -moz-linear-gradient(bottom, #102431 0%, #070f15 100%);
	background-image: -webkit-linear-gradient(bottom, #102431 0%, #070f15 100%);
	background-image: -ms-linear-gradient(bottom, #102431 0%, #070f15 100%);
	background-image: linear-gradient(to bottom, #102431 0%, #070f15 100%);
	}
#informacion {
	background-color:#FFFFFF;
	font-weight: lighter;
	max-width:100%;
	padding:10px;
	overflow:hidden;
	}
#informacion > div{
	display:inline;
	/*border: solid 1px red;*/
	}
.info {
	display:block!important;
	overflow:hidden;
	padding: 4em;
	max-width:100%;
	text-align:justify;
	}
.infomenu{
	max-width:300px;
	float:left;
	margin-right:20px;
	color: #203543;
	}
.infomenu div:first-child{
	background-color:#acbfcb;
	}
.infomenu div div{
	max-width: 100%;
	padding:15px;
	padding-left:40px;
	border-bottom: solid 1px #FFF;
	background-image:url(../imagenes/estructura/fondo.list.png);
	background-position:center left;
	background-repeat:no-repeat;
	}
	
@media only screen and (max-width: 470px) {
	.infomenu{
		max-width:100%;
		width:100%;
		margin-bottom:20px;
		}
	}

.img-noticia{
	float:left;
	margin-right:1em;
	margin-bottom:1em;
	}
	
.bienvenida{
	max-width:67%;
	padding-right:15px;
	}
.bienvenida img{
	float:left;
	margin-right: 10px;
}
#pie{
	
	color:#577081;
	text-align:center;
	
	padding:20px;
	
	background:#203543;	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #203543),
		color-stop(1, #16252f)
	);
	background-image: -o-linear-gradient(bottom, #203543 0%, #16252f 100%);
	background-image: -moz-linear-gradient(bottom, #203543 0%, #16252f 100%);
	background-image: -webkit-linear-gradient(bottom, #203543 0%, #16252f 100%);
	background-image: -ms-linear-gradient(bottom, #203543 0%, #16252f 100%);
	background-image: linear-gradient(to bottom, #203543 0%, #16252f 100%);
}
#pie a{
	color:#87a6ba;
	}
#pie div:first-child{
	width:70%;
	margin:auto;
	margin-bottom:20px;
	}