/* CSS Document */


/* *************  ESTRUCTURA GENERAL *********************/
body {
	background-color: #fbfeff;
	color: #00446b;
	font-family : "Trebuchet MS", Verdana, Arial, Terminal, sans-serif;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	background-image:  url("../imagenes/fondo.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;	
}

#contenedor {	
	/*background-image: url("../imagenes/fondo.jpg");*/
	background-repeat: no-repeat;
	background-position:top;
	height:100%;
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;	
	text-align: left;
	vertical-align:top;	
	
	
}
* html #contenedor{

	width:775px;
}
#col_izq{
	margin-top: 40px;
	width: 540px;
	margin-right:4px;
	float: left;
	
}
* html col_izq{
	/*width:430;*/
	margin-right:0px;
}
#col_der{	
	margin-top: 38px;
	width: 225px;
	font-size:70%;	
	float:left;	
}

#col_izq #cabecera_logo{
	height: 60px;
}

#col_izq #pestania{
	height: 30px;
	width:500px;
	margin-left:40px;
	margin-top:40px;	
}

#col_izq #cuerpo{
	width:525px;
	margin-left:0px;
	margin-top:10px;
	padding-right:10px;
	font-size:80%;	
	border-bottom: 2px dotted #6fdcff;	
}
* html #col_izq #cuerpo{
	padding-right:0px;
	width:525px;
	
}
#col_izq #cuerpo2{
	width:520px;
	margin-left:-10px;
	margin-top:0px;
	font-size:80%;
	background-color: #ffffff;	
	border-bottom: 2px dotted #6fdcff;	
	padding:10px;
}

* html #col_izq #cuerpo2{
	width:519px;
	
}

#col_izq #cuerpo3{
	width:520px;
	margin-left:-10px;
	margin-top:0px;
	font-size:80%;
	background-color: #ffffff;	
	border-bottom: 2px dotted #6fdcff;	
	padding:10px;
}


#col_izq #izquierda{
	width:60px;
	margin-top:10px;
	float:left;
	margin-left:10px;
	margin-right:10px;	
}


#col_izq #derecha{
	width:410px;
	padding-left:10px;
	margin-top:10px;
	float: left;
	margin-bottom:20px;	
}

#col_izq #pie{
	width:510px;
	margin: 0px;
	font-size:80%;
	background-image:url(../imagenes/linea_vertical.gif);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	height:700px;
	padding-left:30px;
	padding-top:10px;
	margin-left: -10px;
}

/* *************  FIN DE LA ESTRUCTURA GENERAL *********************/





/* *************  DESARROLLO DE LOS CONTENIDOS *********************/
#col_izq h1{
	font-size: 150%;	
	color: #006f8b;
	margin-bottom:0px;
	font-weight:normal;
	margin-left:15px;
}
#col_izq h2{
	font-size: 90%;	
	color: #00446b;
	margin-bottom:0px;
	font-weight:bold;
}

#col_izq p{
	font-size: 85%;	
	margin-top: 0px;
	margin-left:15px;
}
#col_izq p.servicio{

	margin-left:0px;
}
#col_izq .azulin{
	color: #6fdcff;
}
#col_izq .azulon{
	color: #00446b;
}

#col_izq #pie p{
	margin:0px;
}
#col_izq #pie p a{
	color: #6fdcff;
	text-decoration:none;
}
#col_izq #pie p a:hover{
	color: #6fdcff;
	text-decoration:underline;
}

/* ------productos------ */
.cubo_naranja {
		display: table; 
		height: 90px; 
		width:90px;
		position: relative; 
		overflow: hidden;
		float:left;	
		background-image:url(../imagenes/cuadrados/cuadrado_naranja.gif);
		background-repeat:no-repeat;	
		margin-left:10px;
}

.cubo_malva {
		display: table; 
		height: 90px; 
		width:90px;
		position: relative; 
		overflow: hidden;
		float:left;	
		background-image:url(../imagenes/cuadrados/cuadrado_malva.gif);
		background-repeat:no-repeat;	
		margin-left:10px;
}

.cubo_azul {
		display: table; 
		height: 90px; 
		width:90px;
		position: relative; 
		overflow: hidden;
		float:left;	
		background-image:url(../imagenes/cuadrados/cuadrado_azul.gif);
		background-repeat:no-repeat;	
		margin-left:10px;
}
.cubo_amarillo {
		display: table; 
		height: 90px; 
		width:90px;
		position: relative; 
		overflow: hidden;
		float:left;	
		background-image:url(../imagenes/cuadrados/cuadrado_amarillo.gif);
		background-repeat:no-repeat;	
		margin-left:10px;
}
.cubo_verde {
		display: table; 
		height: 90px; 
		width:90px;
		position: relative; 
		overflow: hidden;
		float:left;	
		background-image:url(../imagenes/cuadrados/cuadrado_verde.gif);
		background-repeat:no-repeat;	
		margin-left:10px;
}
.cubo_rojo {
		display: table; 
		height: 90px; 
		width:90px;
		position: relative; 
		overflow: hidden;
		float:left;	
		background-image:url(../imagenes/cuadrados/cuadrado_rojo.gif);
		background-repeat:no-repeat;	
		margin-left:10px;
}
.cubo_marron {
		display: table; 
		height: 90px; 
		width:90px;
		position: relative; 
		overflow: hidden;
		float:left;	
		background-image:url(../imagenes/cuadrados/cuadrado_marron.gif);
		background-repeat:no-repeat;	
		margin-left:10px;
}
.cubo_fucsia {
		display: table; 
		height: 90px; 
		width:90px;
		position: relative; 
		overflow: hidden;
		float:left;	
		background-image:url(../imagenes/cuadrados/cuadrado_fucsia.gif);
		background-repeat:no-repeat;	
		margin-left:10px;
}
.invisible{
		#position: absolute; 
		#top: 50%;
		display: table-cell; 
		vertical-align: middle;	
		text-align:center;
		width:100%;
}

.dentro{
		#position: relative; 
		#top: -50%;
		color:blue;
		margin-left:5px;
		margin-right:5px;
		/*width:82px;*/
}
.dentro a{
	font-weight:bold;	
	color:white;
	text-decoration:none;
}

.dentro a:hover{
	color:#CCCCCC;
	text-decoration:none;
}

.img_borde{
	background-image:url(../imagenes/marco_fotos.gif);
	background-position:center;
	vertical-align:middle;
	background-repeat:no-repeat;
	padding:10px;
	display:block;
	width:85px;
	height:85px;
}
.img_borde3{
	background-image:url(../imagenes/marco_fotos.gif);
	background-position:center;
	vertical-align:middle;
	background-repeat:no-repeat;
	padding:10px;
	display:block;
	width:85px;
	height:85px;
	float:left;
	margin-right:30px;
	margin-left:30px;
}

* html .img_borde3{

margin-left:20px;
}

#cuerpo h2{
	font-size:120%;
	/*float:left;*/
	display:block;
	margin-top: 10px;
	margin-left:15px;
	width:400px;
}

#cuerpo img.recuadro{
	margin-top:10px;
	margin-left:16px;
	border: 1px solid #006f8b;
	display:block;
}
#columna_fotos{
	float:left;
}
#columna_consejo{
	float:left;
	margin-bottom:15px;
	width:79%;
}
#columna_servicio{
	float:left;
	margin-bottom:15px;
	width:85%;
}


* html #columna_consejo h2{
	width:90%;
	margin-left:15px;
	display:block;
}

#columna_servicio h2{
	width:99%;
	display:block;
}
* html #columna_servicio h2{
	width:99%;
	margin-left:15px;
	display:block;
}


#columna_fotos p{
	margin:0px;
	color: #6fdcff;
	font-weight:bold;
	margin-left:16px;
	font-size:80%;
}

#cuerpo3 img{
	margin-top:10px;
	margin-left:16px;
	border: 1px solid #006f8b;
	float:left;
}

#cuerpo3 a{
	margin-top: 0px;
	margin-bottom: 14px;
	font-weight:bold;
	text-decoration:none;
	color: #6fdcff;
}
#cuerpo3 a:hover{
	text-decoration:underline;
}
a.buscador{
	text-decoration: none;
	color: #00c6da;
}
a.buscador:hover{
	text-decoration:underline;
	color: #00c6da;
}

/*
		display:block;
		width:90px;
		height:90px;
		background-image:url(../imagenes/cuadrado_naranja.gif);
		background-repeat:no-repeat;
		background-position:center;
		padding-top: auto;
		padding-bottom: auto;
		color:blue;
		text-align:center;
		border:1px solid blue;	
		vertical-align:middle;		*/


/* ------fin productos------ */




/* ------pestaņa------ */
#col_izq #pestania form{
	margin:0px;
	padding:0px;
	/*wihth: 100px;*/
	vertical-align:top;
}

#col_izq #pestania p{
	float:left;
	margin:0px;
	width:310px;
	font-size: 80%;	
	color: #00808c;
}

#col_izq #pestania a{
	color: #00808c;
	text-decoration: none;
	font-weight:bold;
}

#col_izq #pestania a:hover{
	/*text-decoration:underline;*/
	color: #00c6da;
}

#col_izq #pestania a.sel{
	color: #00c6da;
	text-decoration: none;
}

#col_izq #pestania form input.texto{
	margin:0px;
	padding-left:3px;
	/*wihth: 100px;*/
	border: 1px solid #00808c;
	font-size: 70%;	
}

#col_izq #pestania form input.buscar{
	margin:0px;
	padding:0px;
	border: 0px;
	background-image: url(../imagenes/boton_lupa.gif); 
	background-repeat:no-repeat;
	text-indent: -5000px;
	width:16px;
	height:17px;
	background-color:transparent;	
}
/* ---------------fin pestaņa------------ */



/* ---------------COLUMNA DERECHA------------ */

#caja1{
	height:140px;
	display:block;
	color: #006f8b;
	line-height: 90%; 
}

#caja2{
	height:145px;
	display:block;
	margin-top:15px;
	
}
#caja_sig_ant{
	height:45px;
	display:block;
	margin-top:8px;
}
#caja3{
	margin-top:2px;
	height:100%;
	display:block;
}

*html #caja3{
	margin-top:-5px;
	
}
/*Para el listado de categorias de productos*/
#caja4{ 
	margin-top:2px;
	height:100%;
	display:block;
}

*html #caja4{
	margin-top:-5px;
}

#caja1 .izquierda{
	border-right: 1px solid #6fdcff;
	width:45%;
	margin-right:5px;
	float: left;
	margin-top:10px;
}

#caja1 a.bot_calendario {
	background-image: url(../imagenes/b_calendario.jpg); 
	background-position: top center;
	background-repeat: no-repeat; 
	display: block; 		
	width: 100px; 	
	height: 50px; 
	margin-bottom:0px;	
	margin-top: 20px;
	padding: 0px; 
	padding-top: 45px;
	color: #e49600; 
	line-height: 120%; 
	text-decoration: none;
	font-weight:bold;
	text-align: center;
	font-size: 110%; 
	cursor:hand;
	cursor:pointer;
}

#caja1 p{
	margin-top: 0px;
	margin-bottom: 14px;
	font-weight:bold;
	font-size:90%;
}

#caja1 a{
	margin-top: 0px;
	margin-bottom: 14px;
	font-weight:bold;
	text-decoration:none;
	color: #006f8b;
}

#caja1 a:hover{
	color:  #6fdcff;
}

#caja1 .azulito{
	color:  #6fdcff;
}

#caja1 a.bot_calendario:hover {
	color: #6FDCFF;	
}

#caja1 .derecha{
	margin-top:10px;
	width:50%;
	float: left;
}

#caja2 img{
	float:right;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:8px;
}
#caja2 h1{
	font-size:120%;
	color: #156300;
	margin-top:3px;
	margin-bottom:0px;
}

#caja2 h2{
	font-size:110%;
	border-bottom: 1px solid #6fdcff;
	border-top: 1px solid #6fdcff;
	color: #00a0c9;
	margin-top:3px;
	margin-bottom:0px;
	margin-left:-5px;
	padding-left:5px;
	width: 110px;
}
* html #caja2 h2{
	width: 110px;
}

#caja2 h2 a{
	color: #00a0c9;
	text-decoration:none;
}

#caja2 h2 a:hover{
	text-decoration:underline;
}

#caja2 p{
	color: #00a0c9;
	margin-top:3px;
	margin-bottom:0px;
	font-size:80%;
	line-height: 130%; 
}

#caja2 p.precio{
	color: #00a0c9;
	margin-top:6px;
	margin-bottom:0px;
	font-size:130%;	
}

#caja_sig_ant p{
	font-weight:bold;
	color: #00a0c9;
	margin-top:5px;
	margin-bottom:5px;
	font-size:120%;
}

#caja_sig_ant p a{
	text-decoration:none;
	color: #00a0c9;
	
}
#caja_sig_ant p a:hover{
	text-decoration:underline;
}

#caja_sig_ant .anterior{
	float:left;
	border-right: 1px solid #6fdcff;
	width:49%;
	text-align:center;	
}

#caja_sig_ant .siguiente{
	float:left;
	width:50%;
	text-align:center;	
}

#caja3 h1{
	color:#006f8b;
	font-size:110%;
	margin-bottom:7px;
	margin-top:10px;
}

*html #caja3 h1{
	margin-top:0px;
}

#caja3 img{
	margin-top:10px;
	margin-bottom:0px;
	border: 1px solid #006f8b;
}
#caja3 p{
	margin-bottom:0px;
	margin-top:0px;
}

#caja3 p.titulo{
	color:#00446b;
	font-size:95%;
	font-weight:bold;
}

#caja3 p.descripcion{
	color:#00446b;
	font-size:85%;		
}

#caja3 p a{
	color:#00dbff;
	font-size:90%;
	margin-bottom:0px;
	margin-top:0px;
	font-weight:bold;
	text-decoration:none;
}
#caja3 p a:hover{
	text-decoration:underline;
}
/*Para la lista de categorias de productos*/
#caja4 h1{
	color:#006f8b;
	font-size:150%;
	margin-bottom:17px;
	margin-top:10px;
}
*html #caja4 h1{
	margin-top:0px;
}
#caja4 p{
	margin-bottom:10px;
	margin-top:0px;
}

#caja4 p.titulo{
	color:#00808c;
	font-size:120%;
	font-weight:bold;
}
#caja4 p a{
	color:#00808c;
	font-size:100%;
	margin-bottom:0px;
	margin-top:0px;
	font-weight:bold;
	text-decoration:none;
}
#caja4 p a:hover{
	color:#00c6da;
	text-decoration:underline;
}
#caja4 p.marcado{
	color:#00c6da;
	font-size:120%;	
	font-weight:bold;	
	text-decoration:underline;
}

.novedad{
	width:230px;
	margin-right:20px;
	margin-left:10px;
	margin-bottom:15px;
	float:left;
	
}
* html .novedad{
	
	width:215px;
	margin-left:7px;
	
	
}
.novedad_mini{
	width:167px;
	margin-right:-7px;
	margin-left:10px;
	margin-bottom:15px;
	float:left;		
}


.foto{
	float:left;
	
}

.detalle_producto{
	float:left;
	margin-top: 0px;
	margin-left:1px;	
	width:78%;
	
}

#cuerpo h2.cuadro_azul{
	color: #00a0c9;	
	font-size: 120%;
	background-image:url(../imagenes/cuadrados/cuadrado_azul_p.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:25px;
	width:350px;
	display:block;
	margin-bottom: 10px;
}

#cuerpo h2.cuadro_naranja{
	color: #00a0c9;	
	font-size: 120%;
	background-image:url(../imagenes/cuadrados/cuadrado_naranja_p.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:25px;
	width:350px;
	display:block;
	margin-bottom: 10px;
}

#cuerpo h2.cuadro_malva{
	color: #00a0c9;	
	font-size: 120%;
	background-image:url(../imagenes/cuadrados/cuadrado_malva_p.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:25px;
	width:350px;
	display:block;
	margin-bottom: 10px;
}
#cuerpo h2.cuadro_fucsia{
	color: #00a0c9;	
	font-size: 120%;
	background-image:url(../imagenes/cuadrados/cuadrado_fucsia_p.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:25px;
	width:350px;
	display:block;
	margin-bottom: 10px;
}
#cuerpo h2.cuadro_verde{
	color: #00a0c9;	
	font-size: 120%;
	background-image:url(../imagenes/cuadrados/cuadrado_verde_p.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:25px;
	width:350px;
	display:block;
	margin-bottom: 10px;
}
#cuerpo h2.cuadro_rojo{
	color: #00a0c9;	
	font-size: 120%;
	background-image:url(../imagenes/cuadrados/cuadrado_rojo_p.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:25px;
	width:350px;
	display:block;
	margin-bottom: 10px;
}
#cuerpo h2.cuadro_marron{
	color: #00a0c9;	
	font-size: 120%;
	background-image:url(../imagenes/cuadrados/cuadrado_marron_p.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:25px;
	width:350px;
	display:block;
	margin-bottom: 10px;
}
#cuerpo h2.cuadro_amarillo{
	color: #00a0c9;	
	font-size: 120%;
	background-image:url(../imagenes/cuadrados/cuadrado_amarillo_p.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:25px;
	width:350px;
	display:block;
	margin-bottom: 10px;
}


#cuerpo .detalle_producto p{
	margin-left:40px;
	
	
}

.descripcion2{
	line-height:120%;
	float:left;
	margin-top: 38px;
	margin-left:1px;
	margin-right:0px;
	font-weight:bold;
	color: #00a0c9;
	padding-top:0px;	
	padding-bottom:10px;
	width:36%;
	vertical-align:top;
	
		
}

.descripcion2 a{
	font-weight:bold;
	color: #00a0c9;
	text-decoration:none;	
}

.descripcion2 a:hover{
	text-decoration:underline;	
}
.descripcion2 img.cuadrito{
	margin-bottom:-2px;
	padding-bottom:0px;
	display:block;
}

.descripcion3{
	float:left;
	/*margin-top: 40px;*/
	margin-top: 0px;
	margin-left:5px;
	width:400px;
}

.descripcion4{
	float:left;
	padding-top: 10px;
	margin-left:5px;
	width:395px;
	font-size:90%;
}

.descripcion4 p{
	font-size:100%;
	margin-left:0px;
	padding-left:0px;
}

.descripcion5{
	float:left;
	padding-top: 10px;
	margin-left:5px;
	width:395px;
	font-size:100%;
}

.descripcion5 p{
	font-size:90%;
	margin-left:0px;
	padding-left:0px;
}

p.tit_consejo{
	font-weight:bolder;
	font-size:110%;
	margin-left:0px;
	padding-left:0px;
}

/* ---------------COLUMNA DERECHA------------ */
















/* *************  FIN DEL DESARROLLO DE LOS CONTENDISO *********************/





/* ESTILOS GENERALES*/

a img{
	border: 0px;
}

a.sel{
	text-decoration:underline;
	color: #00a0c9;
}

a.sel:hover{
	text-decoration:none;
	color:red;
}

.separador{
	clear:both;
	height:3px;
}

.caja_color1{
	/*border: 1px solid #6fdcff;
	width:300px;*/

}

.caja_color1 th{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif
}

.caja_color1 td{
	color: #6fdcff;
}

.caja_color1 .rojo{
	font-weight:bold;
	color:red;
}

img.cara{
	float:left;
	margin-right:10px;
}