/* -------------------------------------------------------- partes generales ------------------------------------------------- */

/* -------- cuerpo -------- */
body {
	margin: 0 auto;
	min-width: 57em;
	max-width: 57em;
	/width: 800px;
	padding: 0;
	font: 1.1em Trebuchet MS,Arial,sans-serif !important;
	font-style: normal;
	font-stretch: semi-condensed;
	text-align: left;
	color: black;
	background-color: #EFF5FB;
	cursor: crosshair; /* cursor en forma de cruz */
}

/* -------- enlaces -------- */
/* -------- enlace -------- */
a {
	color: blue;
	text-decoration: none;}
/* enlace con raton sobre el */
a:hover {
	color: red;
	text-decoration: underline;
}
/* enlace visitado */
a:visited {
	color: blue;
	text-decoration: none;
}
/* enlace pulsado */
a:active {
	color: red;
	text-decoration: none;
}

/* -------- titulos -------- */
/* titulo 1 */
h1 {
	text-align: center;
	color: #208BE1;
	font-variant: small-caps;
	font-weight: lighter;
	font-size: 180%;
}
/* titulo 2 */
h2 {
	margin : 0 auto;
	font-variant: small-caps;
	font-weight: lighter;
	font-size: 16pt;
	color: navy;
	background-color: #CECEF6;
	text-indent: 10px;
}
/* titulo 3 */
h3 {
	font-size: 14pt;
}
/* titulo 4 */
h4 {
	text-align: center;
	font-size: 12pt;
	color: #d8bfd8;
}
/* titulo 5 */
h5 {
	font-size: 10pt;
}
/* titulo 6 */
h6 {
	text-align: center;
	font-size: 9pt;
}

/* parrafo */
p {
	font-size: 0.8em;
	margin: 0;
	padding: 10px 20px;
}

/* -------- avisos -------- */
div.caja_vacia {
	width: 80%;
	/width: 600px;
	margin: 10px auto;
	/margin: 10 50px;
	border: 1px solid #d3e6fe;
	background: #fff url('../imx/fondo/info_bg.jpg') repeat-x;
	font-size: 1em;
	padding: 5px 5px 15px 5px;
	position: relative;
}
div.caja_transparente {
	width: 100%;
	/width: 700px;
	background: #EFF5FB;
	padding: 0 0 0;
}
div.ganga {
	width: 95%;
	margin: 0 auto;
	border: 2px solid red;
	background: red;
	font-size: 0.9em;
}
div.ganga p {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
div.ganga h5 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 0.9em;
	font-weight: bold;
	color: navy;
}
div.oferta {
	width: 95%;
	margin: 0 auto;
	border: 2px solid red;
	background: #EFF5FB;
	font-size: 0.9em;
}
div.oferta p {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
div.oferta h5 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 0.9em;
	font-weight: bold;
	color: red;
}
div.oferta h6 {

}
div.novedad {
	width: 95%;
	margin: 0 auto;
	border: 2px solid red;
	background: #EFF5FB;
	font-size: 0.9em;
}
div.novedad p {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
div.novedad h5 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 0.9em;
	font-weight: bold;
	color: navy;
}
/* Info */
div.info {
	width: 80%;
	/width: 600px;
	margin: 10px auto;
	/margin: 10 50px;
	border: 1px solid #d3e6fe;
	background: #fff url('../imx/fondo/info_bg.jpg') repeat-x;
	font-size: 1em;
	padding: 5px 5px 15px 5px;
	position: relative;
}
div.info h2 {
	height: 31px;
	margin: 5px 0 -5px 10px;
	padding: 5px 0 0 0;
	font-size: 1.2em;
	text-indent: 40px;
	background: url('../imx/ico/idea.png') no-repeat;
}

/* tienda */
div.tienda {
	width: 80%;
	/width: 600px;
	margin: 10px auto;
	/margin: 10 50px;
	border: 1px solid #d3e6fe;
	background: #fff url('../imx/fondo/info_bg.jpg') repeat-x;
	font-size: 1em;
	padding: 5px 5px 15px 5px;
	position: relative;
}
div.tienda h2 {
	height: 31px;
	margin: 5px 0 -5px 10px;
	padding: 5px 0 0 0;
	font-size: 1.3em;
	text-indent: 40px;
	background: url('../imx/ico/user1.png') no-repeat;
}

/* Atención */
div.atencion {
	width: 80%;
	/width: 600px;
	margin: 10px auto;
	/margin: 10 50px;
	border: 1px solid #CECEF6;
	background: #fff url('../imx/fondo/info_bg.jpg') repeat-x;
	font-size: 1em;
	color: blue;
	padding: 5px 5px 15px 5px;
	position: relative;
}
div.atencion h2 {
	height: 31px;
	margin: 5px 0 -5px 10px;
	padding: 5px 0 0 0;
	font-size: 1.3em;
	text-indent: 40px;
	background: url('../imx/ico/star3.png') no-repeat;
}

/* Avisos */
div.aviso {
	width: 80%;
	/width: 600px;
	margin: 10px auto;
	/margin: 10 50px;
	border: 1px solid #f9ffa8;
	background: #fff url('../imx/fondo/att_bg.jpg') repeat-x;
	font-size: 1em;
	padding: 5px 5px 15px 5px;
	/padding: 5px 5px 15px 5px;
	position: relative;
}
div.aviso h2 {
	height: 31px;
	margin: 0 0 -5px 10px;
	padding: 5px 0 0 0;
	font-size: 1.3em;
	text-indent: 40px;
	background: url('../imx/ico/mundo.png') no-repeat;
}
div.obras {
	width: 80%;
	/width: 600px;
	margin: 10px auto;
	/margin: 10 50px;
	border: 2px solid #d8bfd8;
	background: #fff url('../imx/fondo/header_info_bg.gif') repeat-x;
	font-size: 1em;
	padding: 5px 5px 15px 5px;
	position: relative;
}
div.obras h2 {
	height: 31px;
	margin: 0 0 -5px 10px;
	padding: 5px 0 0 0;
	font-size: 1.3em;
	text-indent: 40px;
	background: url('../imx/ico/ruedas.gif') no-repeat;
}

/* Buscador */
div.buscador {
	width: 80%;
	/width: 600px;
	margin: 10px auto;
	/margin: 10 50px;
	border: 1px solid #ffffff;
	background: #fff url('../imx/fondo/header_info_bg.gif') repeat-x;
	font-size: 1em;
	padding: 5px 5px 15px 5px;
	position: relative;
}
div.buscador h2 {
	height: 31px;
	margin: 0px 0 -5px 10px;
	padding: 5px 0 0 0;
	font-size: 1.3em;
	text-indent: 40px;
	background: url('../imx/ico/email.png') no-repeat;
}
div.info p, div.atencion p, div.aviso p, div.buscador p {
	text-indent: 0;
}

/* -------- tablas -------- */
/* -------- tabla -------- */
table {
	border-width: 0px;
	border-color: blue;
	border-style: solid;
	width: 45%;
	height: auto;
	text-align: center;
}
/* Encabezado de la tabla */
th {
	font-size: 12pt;
	font-weight: bold;
	font-variant: small-caps;
	background-color: #d8bfd8;
}
/* Celda */
td {
	font-size: 10pt;
}

/* -------------------------------------------------------- partes centrales ------------------------------------------------- */
/* --------- menus horizontal navegador ----------- */
#menu_nav{
	float: left;
	width: 100%;
	padding-top: 0px;
	background: white;
	font-size: 0.8em;
}
#menu_nav ul{
	margin-left: 1px;
	margin: 0;
	padding: 0;
	width: 100%;
}
#menu_nav li{
	list-style-type: none;
	margin: 2 1 6 2px;
	text-align: center;
	border: 1px solid navy;
	float: right; /* opciones colocadas a la derecha */
}
#menu_nav a{
	float: left;
	width: 4em;	/* ancho de las pestañas */
	padding: 2px 0;
	background: #E7F1F8;
	text-decoration: none;
	text-align: center;
	color: navy;
}
#menu_nav a:hover{
	background: navy;
	color: #FFF;
}
#menu_nav li.activelink a,li.activelink a:hover{
	background: #0000FF;
	color: #FFFF00;
}

/* ----------------------------- cuerpo central dividido en 3 columnas --------------------------------*/

/* pruebas   div#CentradaLS { position:absolute; top:50%; left:50%; width:500px; height:300px; margin-left:-250px; margin-top:-150px; }   */
#continente {
	margin: 0 8em 0 8em;
	/margin: 0 140px 0 140px;
	padding: 0 0;
}

#parte_central {
	float: left;
	width: 100%;
	/width: 700px;
	/*background-color: #EFF5FB;*/
	color: navy;
	background-color: white;
}

/* ----------------------------- central pie de pagina --------------------------------*/
#central_pie {
	clear: both;
	padding: 3 3 3 3px;
	text-align: center;
	color: navy;
	border-top: 1px solid #369;
	background-color: #CECEF6;
}

/* ---------------------- lateral ---------------------- */
#lateral_izqdo {
   float: left;
   width: 8em;
   /width: 140px;
   padding: 0.4em 0.2em;
   /padding: 0.4em 0em;
   margin-left: -100%;
   /margin-left: -643px;
   position: relative;
   right: 8.3em;
   /right: 199px;
}
#lateral_izqdo p{
	font-size: 0.8em;
	font-weight: bold;
	color: #EFF5FB;
	text-align: center;
	margin: 0 0 0 2px;
	padding: 0 0 0 0px; 
	list-style: none;
	background-color: navy;
}
#lateral_izqdo ul{
	font-size: 0.8em;
	/font-size: 10.5pt;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	list-style: none;
}
#lateral_izqdo li{
	background-color: #CECEF6;
	margin: 2 0 2 2px;
	padding: 0 0 0 0px;
	border: 1px solid navy;
	font-weight: bold;
	text-align: center;
}
#lateral_izqdo a{
	display: block; /* acercando cursor al recuadro selecciona */
	color: navy;
	text-decoration: none;
	padding: 2px 6px; /* aire entre letras y caja, vertical y horizontal */
}
#lateral_izqdo a:hover{
	background: navy;
	color: white;
	font-size: 9pt;
	/font-size: 11pt;
}
#lateral_izqdo li.activelink a,#lateral_izqdo li.activelink a:hover{
	background: #0000FF;
	color: black;
}

/* ---------------------- lateral derecho ---------------------- */
#lateral_dcho {
   float: left;
   width: 8em;
   padding: 0.4em 0;
   margin-left: -8em;
   position: relative;
   left: 8.1em;
}
#lateral_dcho p{
	font-size: 0.8em;
	color: navy;
	text-align: center;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px; 
	list-style: none;
	background-color: #EFF5FB;
}
#lateral_dcho h4{
	font-size: 0.9em;
	color: navy;
	text-align: center;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px; 
	list-style: none;
	background-color: #EFF5FB;
}
#lateral_dcho ul{
	font-size: 0.9em;
	color: navy;
	background-color: white;
	margin: 0 0 0 0px;
	padding: 1 1 1 1px;
	border: 1px solid navy;
	list-style: none; 
}
#lateral_dcho li{
	background-color: white;
	margin: 0 0 0 0px;
	font-weight: bold;
	text-align: center;
}
#lateral_dcho a{
	display: block; /* acercando cursor al recuadro selecciona */
	color: navy;
	font-size: 0.8em;
	text-decoration: none;
	padding: 2px 6px; /* aire entre letras y caja, vertical y horizontal */
}
#lateral_dcho a:hover{
	background: white;
	color: lime;
	font-size: 9pt;
}
#lateral_dcho li.activelink a,#lateral_dcho li.activelink a:hover{
	background: #0000FF;
	color: black;
}
/* -------------------------------------------------------- fin del css ------------------------------------------------- */