body{
	font-size: 15px;
	font-family: 'Ubuntu Condensed', sans-serif;
	color: #1F1F1F;
	margin: 0px;
	padding: 0px;
}
header{
	background: #00529B;
	color: white;
	margin: 0px;
	padding: 0px;
}
nav{
	width: auto;
	background: #004380;
	margin: 0px auto;
	text-align: center;
}
a{
	text-decoration: none;
}
#cabecera{
	width: 1100px;
	margin: 0px auto;
}
#cabecera img{
	margin: 25px 0px 20px 0px;
}
.cont_rs{
	float: right;
	text-align: right;
	margin:10px 0 0 0;
}
.cont_rs .buscar{
	border-radius: 6px;
	border: 0px;
	padding: 3px 6px;
	color: #CCC;
}
.cont_rs .btn_buscar{
	border-radius: 6px;
	border: 0px;
	padding: 3px 6px;
	color: white;
	background: #00529B;
}
.cont_rs p, .cont_rs img, .cont_rs .idioma{
	display: inline-block;
	vertical-align: middle;
	font-style: italic;
	font-size: .8em;
}

#cabecera .cont_rs img{
	padding-top: 8px;
	margin: 0px 10px 0px 3px;
}
.limpiar{
	clear: both;
}
#cont_nav{
	width: 70%;
	margin: 0px auto;
	text-align: center;
}
nav ul li a:hover{
	background: #003566;
}
#nav ul li a{
	padding: .5em 1em;
	font-size: 1em;
}

#contenedor{
	width: 1100px;
	margin: 0px auto;
	border: 0px solid red;
}
#banner{
	text-align: center;
    margin: 20px auto;
    width: 100%;
  
}
/*CUADRO DE LOS PRODUCTOS (BATERIAS) DE LA PORTADA ----------------------------------------- */
#baterias{
	color: #1F1F1F;
	width: 246px;
	background: url("../imagenes/bg_productos.png");
	border-radius: 6px;
	border:1px solid #E3E3FB;
	display: inline-block;
	margin: 5px 7px;
	padding: 10px 5px 0px 5px;
	vertical-align: middle;
	text-align: center;
}
#baterias h2{
 margin: 0px;
 margin-top: 0px;
 padding: 0px;
}
#baterias p{
	padding: 0px;
	margin: 8px 0px;
}
#baterias  a{
 color: #1F1F1F;
 display: block;
 }
#baterias img{
 margin: 0px;
 padding: 0px;
}
.azul{
	color: #00529B;
}
.blanco{
	color: #FDFDFD;
}
.centrar{
	margin: 0px auto;
	text-align: center;
}
/* -------------------  CUADRO DE BUSQUEDA DE BATERIAS  ------------------------------------------*/
/*-- BOTONES DE BUSQUEDA --------------------------------------*/
#busquedaBateria{
	background: #00529B;
	margin: 15px auto;
	padding: 0px;
	border-radius: 5px;
}
#myDiv, #myDiv2{
	display: inline-block;
}
#busquedaBateria h2, #busquedaBateria p,  #myDiv select, #myDiv2 select, #busquedaBateria select, #busquedaBateria input{
	display: inline-block;
	vertical-align: middle;
	font-family: 'Open Sans', sans-serif;
	margin:8px 4px;
	padding: 0px;
}
 #busquedaBateria select{
 	border: 0px;
 	padding: 0px;
 	font-size: 12px;
 	border-radius: 5px;
 }
 #myDiv select{
 	border: 0px;
 	padding: 0px;
 	font-size: 12px;
 	border-radius: 5px;
 }
 #myDiv2 select{
 	border: 0px;
 	padding: 0px;
 	font-size: 12px;
 	border-radius: 5px;
  }
.btnBuscar{
	width: 100px;
	height: 30px;
	border: 0px solid #666;
	border-radius: 6px;
	background:#00529B;
	color: white;
	font-size: 1.2em;
	text-decoration: underline;
}
/* DESDE ACA ESTAN LOS CUADROS DE XPRESS Y MAPA ------------------- */
#bSecundarios{
	width: 525px;
	display: inline-block;
	margin: 5px 10px;
	border:1px solid #E3E3FB;
	position: relative;
}
.busquedamapa{
	position: absolute;
	left: 20%;
	top: 100px;
	width: 60%;

}
.busquedamapa select{
	width: 100%;
	padding: 3px;
	display: block;
	border-radius: 6px;
	border: 1px solid #DDD;
	padding: 5px 3px;
	margin-top: 10px;
}
.busquedamapa input{
	width: 50%;
	padding: 6px;
	display: block;
	border-radius: 6px;
	border: 0px;
	background: #004584;
	margin: 0px auto;
	margin-top: 10px;
	color: white;
	font-size: 1.3em;
}
/*------------------- DESDE AQUI LAS NOTICIAS  ----------------------------- */
/*#{
	width: 1090px;
	background: pink;
}*/
#txtNoticias{
	margin: 0px;
	border-bottom:1px solid #E3E3FB;
}
#txtNoticias a{
	border:0px;
}
#txtNoticias h2{
	margin: 10px;
	padding: 0px;
	color: #00529B;
	font-size: 1.8em;
}
#detalleNoticias{
	width: 525px;
	display: inline-block;
	margin: 10px 10px 0px 10px;
}
#detalleNoticias img{
	border: #E1E3EA 6px solid;
	margin-right: 10px;
	float: left;
}
#detalleNoticias h2{
	color: #004584;
	font-size: 1.2em;
	text-align: left;
	padding-top: 15px;
}
#detalleNoticias p{
	display: block;
	text-align: left;
	margin-top: 20px;
	color: #858593;
	font-size: 1em;
	font-weight: none;
}
#detalleNoticias p a{
	text-decoration: none;
	color: #858593;
	line-height: 1.5;
}
#detalleNoticias p a:hover{
	text-decoration: underline;
}
/* ///////////////////////////////////////////////////////*/
/* ///////////////////////////////////////////////////////*/

#menuFooter{
	background: #ECF0F1;
	margin-top: 25px;
}
.bgFooter{
	width: 1100px;
	margin: 0px auto;
	margin-top: 0px;
}
.bgFooter ul{
	float: left;
}
.bgFooter li{
	display: inline-block;
	padding: 0px 4px;
	margin: 0px 5px;
	font-size: 1em;
} 
.bgFooter li a{
	color: #4A4A53;
	text-decoration: none;
	font-weight: 500;
} 
.bgFooter p{
	color: #6096AE;
	float: right;
}
#footer{
	background: #00529B;
	text-align: center;;
	color: white;
	padding: 5px;
	font-size: .8em;

}
/* ------------------------------------- ESTA ES LA SECCION EN LA QUE INCIAN LAS SECUNDARIAS PARA LA ESTRUCTURA CSS --------- */
#txtgarantia{
	width: auto;
	background: #FCFCFC;
	border: 1px solid #E3E3E3;
	padding: 15px;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
}
#txtgarantia p{
	padding: 0px;
	margin: 0px;
}
#avisobusqueda{
	width: 93%;
	background: #FCFCFC;
	border: 1px solid #E3E3E3;
	margin: 20px auto;
}
#avisobusqueda img{
	float: left;
	margin: 45px 20px;
}
#avisobusqueda p {
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	margin: 25px 20px;
}
#avisobusqueda p, #avisobusqueda img{
	vertical-align: middle;
}

#bannersecundaria{
	width: auto;
	margin-top:15px;
}
#bannersecundaria img{
	width: 100%;
}
#bannersecundaria p{
	font-family: 'Open Sans', sans-serif;
}
#titulosecundaria{
	background: #C7DAE2;
	padding: 12px 0px;
	color: #004584;
	width: 100%;
	margin-top: 15px;
}
#titulosecundaria h2{
	font-weight: bold;
	font-size: 1.4em;
	float: left;
	margin: 0px auto;
	margin-left: 20px;
}
#titulosecundaria h3{
	color: #000;
	font-size: 1em;
	float: right;
	margin: 0px auto;
	margin-right: 25px;
}

#cuerposecundaria{
	width: 95%;
	margin: 20px auto;
	font-family: 'Open Sans', sans-serif;
	line-height: 20px;
}
#cuerposecundaria h2, #cuerposecundaria p{
	margin: 15px 0px;
	padding: 0px;
}

/* ----------------------------  PRODUCTOS -----------------------------*/ 
#tablaproducto{
	display: inline-block;
	width: 520px;
	/*background: pink;*/
	background: url("../imagenes/bg_tbl_bateria.png");
	margin: 6px;
	padding: 5px;
	border: 1px solid #DDD;
	border-radius: 10px;
}
#imgproducto, #detalleproducto{
	display: inline-block;
}
#imgproducto{
	margin: 20px auto;
	width: 35%;
	height: auto;
	border-right: 1px solid #DDD;
	text-align: center;
}
#imgproducto img{
	max-width: 98%;
}
#detalleproducto{
	width: 62%;
}
#celda{
	width: 48%;
	display: inline-block;
	vertical-align: middle;
}
.linea{
	width: 100%;
	border-bottom: 1px solid #DDD;
}
.lineapunto{
	margin: 10px auto;
	width: 80%;
	height: 8px;
	background: url("../imagenes/lineapunto.png") repeat-x;
	background-position: center;
}
.subtitulobateria{
	font-weight: bold;
	text-align: right;
	padding: 3px;
	margin-right: 5px;
}

#modelobateria{
	padding: 6px;
	text-align: center;
	color: #00529A;
	font-size: 1.4em;
	font-weight: bold;
}
/* ------------------- TOYO Garantia ------------------  */
#cajagarantia{
	width: 90%;
	padding: 8px;
} 
#cajagarantia img{
	float: left;
	margin-right: 20px;
} 
#cajagarantia p{
	text-align: left;
}

/* Contacto */
#formContacto, #detalleContacto{
	display: inline-block;
}
#formContacto{
	width: 65%;
	margin-right: 10px;
}
#formContacto h2{
	color: #05266B;
	text-align: left;
}
#formContacto p{
	text-align: left;
}
#formContacto input{
	width: 50%;
	display: block;
	padding: 10px;
	margin: 10px 0px;
	border-radius: 6px;
	border: 1px solid #E3E3E3;
	background: #FCFCFC;
}
#formContacto textarea{
	width: 70%;
	height: 150px;
	display: block;
	padding: 10px;
	margin: 4px 0px;
	border-radius: 6px;
	border: 1px solid #E3E3E3;
	background: #FCFCFC;
}
#formContacto, #detalleContacto{
	vertical-align: top;
}
.btn_contacto{
	background: #00529B;
	border:0px;
}


#detalleContacto{
	width: 20%;
	text-align: left;
}

#detalleContacto ul li{
	list-style: none;
	margin: 0px;
	text-align: left;
}
#detalleContacto img{
	float: left;
	vertical-align: middle;
	margin-right: 5px;
}
#detalleContacto ul li p{
	padding-top: 3px;
}

.buscarotraciudad{
	width: auto;
	margin: 15px auto;
	padding: 10px 0px;
	background: #004584;
	border-radius: 8px;
}

.buscarotraciudad select{
	width: 50%;
	padding: 3px;
	border-radius: 6px;
	margin-right: 20px;
}
#formContacto .buscarotraciudad select, #formContacto .buscarotraciudad input{
	display: inline-block;
}
#formContacto .buscarotraciudad input{
	width: 25%;
	padding: 5px;
	margin: 0px;
}


#direcciones{
	width: auto;
	margin-bottom: 55px;
}
#direcciones img{
	width: 100%;
	margin: 0px;
}
#direcciones h2{
	background: #00529B;
	padding: 5px;
	color: white;
	margin: 0px;
}
#direcciones p{
	background: #E8F4FF;
	padding: 15px 0;
	margin: 0px;
}
.negrita{
	font-weight: bold;
}

/*Desde aca las noticias de la pagina */ 
#cuerponoticias, #menunoticias{
	display: inline-block;
	vertical-align: top;
}
#cuerponoticias{
	width: 70%;
	margin-right: 25px;
}
#menunoticias{
	width: 25%;
	text-align: left;
}
#articulo{
	width: auto;
	margin: 25px 0px;
	margin-top: 25px;
	text-align: left;
}
#articulo img{
	max-width: 100%;
}
#articulo p{
	text-align: left;
	font-family: 'Open Sans', sans-serif; 
}
.vermas{
	text-align: center;
	width: 200px;
	padding: 6px;
	border-radius: 5px;
	border: 1px solid #FDFDFD;
	background: #00529B;
	color: #FDFDFD;
	font-size: 1.1em;
}
.vermas a{
	display: block;
	color: #000;
	font-weight: 400;
	color: #FDFDFD;
}



#ultimasnoticias{
	width: auto;
}
#ultimasnoticias h2{
	color: #00529B;
}
#ultimasnoticias li{
	list-style: none;
	margin: 15px 0px;
}
#ultimasnoticias a{
	color: #004380;
	display: block;
}
#ultimasnoticias a:hover{
	color: #000;
	
}
#suscripcion{
	width: auto;
	margin: 0px auto;
	text-align: left;
}
#suscripcion input{
	background: #FCFCFC;
	width: 80%;
	margin: 8px auto;
	text-align: center;
	border-radius: 6px;
	border: 1px solid #E3E3E3 ;
	padding: 8px 4px;
}
#tags {
	width: auto;
}
#tags a{
	padding: 3px 5px;
	border-radius: 6px;
	background: #FDFDFD;
	display: inline-block;
	margin: 4px 2px;
	color: #000;
}
#cuerpoexpress{
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	padding: 0px;
	margin: 0px;
}
#cuerpoexpress h2{
	margin: 25px 0px;
}
#cuerpoexpress ul li{
	list-style: none;
	list-style-image: url("../imagenes/bien.png");
	padding: 5px;
	padding-left: -15px;
	vertical-align: middle;
}


/*///////////////////////////////// CSS CONTACTO ///////////////////////// */

form.contacto {
    margin-bottom: 0;
    position: relative;
    width: 90%;
}
form.contacto .ultimo{
    margin-bottom: 0;
    position: relative
}
form.contacto button {
    background: #00529B;
    border: 0 none;
    color: #FFFFFF;
    float: right;
    margin-top: 30px;
    font-weight: bold;
    border-radius: 10px;
    padding: 15px 30px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}
form.contacto button:hover{
    background: #6A6A6A;
}
 
/* AJAX Gif y mensajes de exito o fracaso */
.hide{
    display: none;
}
.ajaxgif{
    position: absolute;
    right: 150px;
    top: 5px;
}
.msg{
     height: 32px;
    line-height: 32px;
    border: 0 none;
    color: #FFFFFF;
    float: right;
    margin-top: 30px;
    font-weight: bold;
    border-radius: 10px;
    padding: 15px 30px;
    position: absolute;
    text-transform: uppercase;
    min-width: 121px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}

.msg_ok{
    background: #00529B;
}
.msg_error{
    background: red;
}

/* //////////////////////////////////////////////////////////////////////////////*/



/* DESD AQUI LOS QUERYS---------------------------------------------------------------------------------------------------*/

/* Portrait tablet to landscape and desktop */
@media  (max-width: 1152px) {
	#cabecera{
	width: 95%;
	}
	#cont_nav{
	width: 98%;
	}
	#nav ul li a{
	padding: .5em .6em;
	font-size: 1.1em;
	}

	#contenedor{
	width: 99%;
	padding: 0px;
	margin: 0px;
	}
	#baterias{
	color: #1F1F1F;
	width: 260px;
	background: url("../imagenes/bg_productos.png");
	border-radius: 6px;
	border:1px solid #E3E3FB;
	display: inline-block;
	margin: 15px 15px;
	padding: 10px 5px 0px 5px;
	vertical-align: middle;
	text-align: center;	
	}

	.bgFooter{
		width: 100%;
		margin: 0px auto;
		margin: 0px;
	}
	
	#tablaproducto{
		width: 500px;
		/*background: pink;*/
		background: url("../imagenes/bg_tbl_bateria.png") repeat-x #FFF;
		margin: 6px;
	}
	
}
@media  (max-width: 1030px) {
	/*header{
	background: pink;
	}*/
	#baterias{
	color: #1F1F1F;
	width: 200px;
	background: url("../imagenes/bg_productos.png");
	border-radius: 6px;
	border:1px solid #E3E3FB;
	display: inline-block;
	margin: 10px 5px;
	padding: 10px 5px 0px 15px;
	vertical-align: middle;
	text-align: center;
	}

	#busquedaBateria h2, #busquedaBateria p,  #myDiv select, #myDiv2 select, #busquedaBateria select, #busquedaBateria input{
	display: inline-block;
	vertical-align: middle;
	font-family: 'Open Sans', sans-serif;
	margin:8px 4px;
	padding: 0px;
	}

	#busquedaBateria h2{
		width: 100%;
		font-size: 1.1em;
	}

	#bSecundarios{
	width:45% ;
	display: inline-block;
	border:1px solid #E3E3FB;
	}
	#bSecundarios img{
	width: 100%;
	}
	#bSecundarios form{
		padding: 0px;
		margin: 0px;
	}

	#cont_noticias{
	width: 100%;
	margin: 20px 0px;
	}
	.slide{
		width: 100%;
	}
	#detalleNoticias{
	width: 100%;
	display: block;
	margin: 0px auto;
	text-align: center;
	}
	#detalleNoticias img{
		border: #E1E3EA 6px solid;
		margin: 0px auto;
		float: none;
	}
	#detalleNoticias h2 {
		text-align: center;
		margin: 10px;
	}
	#detalleNoticias p{
		text-align: left;
		margin: 0px 10px 10px 10px;
		font-family: 'Open Sans', sans-serif;
	}
	.bx-wrapper .bx-prev {
	left: 90%;
	/*left: 10px;*/
	background: url(../imagenes/images/controls.png) no-repeat 0 -32px;
	}

	.bx-wrapper .bx-next {
		right: 1%;
		/*right: 10px;*/
		background: url(../imagenes/images/controls.png) no-repeat -43px -32px;
	}

	.bgFooter li{
	display: inline-block;
	padding: 0px 4px;
	margin: 0px 5px;
	font-size: .8em;
	} 
	/* ------- css para las baterias productos  */
	#tablaproducto{
		width: 45%;
		/*background: pink;*/
		background: url("../imagenes/bg_tbl_bateria.png") repeat-x #FFF;
		margin: 6px;
	}
	#imgproducto, #detalleproducto{
	display: block;
	}
	#imgproducto{
		margin: 10px auto;
		width: 95%;
		height: auto;
		border-right: 0px solid #DDD;
		text-align: center;
	}
	#detalleproducto{
		width: 95%;
	} 


	#formContacto{
	width: 90%;
	display: block;
	padding: 0px;
	}
	#detalleContacto{
		width: 65%;
		display: block;
	padding: 0px;
	}

	#formContacto input{
	width: 80%;
	}
	#formContacto textarea{
		width: 90%;
	}
	#nav ul li{
		width: 24%;
	padding: 0px;
	font-size: .9em;
	}

}
/* Landscape phone to portrait tablet */
@media (max-width: 800px) {
/*header{
	background: blue;
	}*/
	

	#baterias{
	color: #1F1F1F;
	width: 260px;
	background: url("../imagenes/bg_productos.png");
	border-radius: 6px;
	border:1px solid #E3E3FB;
	display: inline-block;
	margin: 10px 5px;
	padding: 10px 5px 0px 15px;
	vertical-align: middle;
	text-align: center;
	}

	#bSecundarios{
	width:525px ;
	display: inline-block;
	border:1px solid #E3E3FB;
	}
	#bSecundarios img{
	width: 100%;
	}

	.bgFooter p{
		display: none;
	}


	#celda{
		width: 100%;
		text-align: center;
	}

	#cuerponoticias, #menunoticias{
	display: block;
	}
	#cuerponoticias{
		width: 95%;
		margin: 0px auto;
	}
	#menunoticias{
		width: 95%;
		margin-bottom: 25px;
		text-align: left;
	}
	
}

/* Landscape phones and down */
@media (max-width: 600px) { 
/*header{
		background: green;
	}*/
	#cabecera{
	width: 100%;
	text-align: center;
	}
	#cabecera img{
	margin: 20px auto;
	}
	#banner{
		display: none;
	}
	.cont_rs p, .cont_rs img, .cont_rs .idioma{
		display: none;
	}
	.cont_rs{
		width: 100%;
		text-align: center;
	}
	.cont_rs input{
		margin: 0px;
		margin-bottom: 20px;
	}
	#nav ul li{
		width: 100%;
		padding: 0px;
		margin: 0px;
		font-size: 1em;
	}

	#busquedaBateria h2, #busquedaBateria p, #busquedaBateria #myDiv select, #busquedaBateria #myDiv2 select,  #busquedaBateria select, #busquedaBateria input{
	display: inline-block;
	vertical-align: middle;
	font-family: 'Open Sans', sans-serif;
	margin:0px;
	padding: 4px;
	width: 80%;
	}

	#myDiv, #myDiv2{
	width: 100%;
	}


	#bSecundarios{
	width:95% ;
	margin: 5px 0px;
	padding: 0px;
	display: inline-block;
	border:1px solid #E3E3FB;
	}
	#bSecundarios img{
	width: 100%;
	padding: 0px;
	margin: 0px;
	}
	

	.bx-wrapper .bx-prev {
	left: 85%;
	/*left: 10px;*/
	background: url(../imagenes/images/controls.png) no-repeat 0 -32px;
	}

	.bx-wrapper .bx-next {
		right: 1%;
		/*right: 10px;*/
		background: url(../imagenes/images/controls.png) no-repeat -43px -32px;
	}

	.busquedamapa{
	position: absolute;
	left: 20%;
	top: 50px;
	width: 60%;

	}
	.busquedamapa select{
		width: 100%;
		padding: 3px;
		display: block;
		border-radius: 6px;
		border: 1px solid #DDD;
		padding: 5px 3px;
		margin-top: 10px;
	}
	.busquedamapa input{
		width: 50%;
		padding: 6px;
		display: block;
		border-radius: 6px;
		border: 0px;
		background: #004584;
		margin: 0px auto;
		margin-top: 10px;
		color: white;
		font-size: 1.3em;
	}

	/* ESTA ES LA SECCION DE SECUNDARIAS  */
	#tablaproducto{
		width: 80%;
		/*background: pink;*/
		background: url("../imagenes/bg_tbl_bateria.png") repeat-x #FFF;
		margin: 10px 0px;
	}
	#imgproducto, #detalleproducto{
	display: block;
	}
	#imgproducto{
		margin: 10px auto;
		width: 95%;
		height: auto;
		border-right: 0px solid #DDD;
		text-align: center;
	}
	#detalleproducto{
		width: 95%;
	}
	#modelobateria{
		border-bottom: 1px solid #DDD;
	}
	#celda{
		width: 45%;
		padding: 6px 0px;
	}
	#menuFooter{
		display: none;
	}
	#detalleContacto{
		width: 70%;
		margin-top: 70px;
		text-align: left;
	}
	#detalleContacto h3{
		text-align: center;
	}
}