/* Hoja de estilos de Charo Darango 
 Empresa: Eutec S.L.
 autor: Alberto Martinez
 empresa url: www.eutec.es 
 autor url: www.malberto.es 
  
--------INDICE DE CONTENIDOS-------------------------------------
Generales
			body
			enlaces
			encabezados
Estructura
			header
				h1
				navy
				navy_index
				subnavy
			content
				h2
			footer
Colores
---------------------------------------------------------------

*/

@import url("login.css");
@import url("tablas.css");
@import url("formularios.css");
@import url("mapa_web.css");

body{
background-color:#ffffff;
font:12px, Century, Arial, Helvetica, sans-serif;
text-align:center;
margin-bottom:30px;
margin-top:0px;
background:#FFFFFF url(../img/body_bg.jpg) no-repeat center 66px ;}

body.index{
background-color:#ffffff;
font:12px, Century, Arial, Helvetica, sans-serif;
text-align:center;
margin-bottom:30px;
margin-top:0px;
background:#FFFFFF;}

a{
color:#000000;
text-decoration:underline;}

a:hover{
color:#cccccc;
text-decoration:underline;}

h1{ }
h2{}
h3{}
h4{}

/**/body h1.charo{
font:30px,Century, Arial, Helvetica, sans-serif;
color:#fd1e79;
text-transform:uppercase;
position:absolute;
left:0px;
top:66px;
margin:0px;
padding:0px;
display:block;
z-index:2;}

body.index h1.charo{
font:38px,Century, Arial, Helvetica, sans-serif;
color:#fd1e79;
text-transform:uppercase;
position:absolute;
left:0px;
top:348px;
display:block;
margin:0px;
padding:0px ;}
.frase{
font:13px,Century, Arial, Helvetica, sans-serif;
color:#fc5599;
position:absolute;
left:0px;
top:95px;
display:block;
margin:0px;
padding:0px 0px 0px 3px ;}

.frase span{
color:#feb9d5;}

h1.charo span{
color:#ffffff;}

h2.charo{
background:#f38fbe url(../img/h2bottom_bg.jpg) no-repeat left bottom;
padding:0px 0px 10px 0px ;
width:500px;}

h2.charo .top{
background:#f38fbe url(../img/h2_bg.jpg) no-repeat left top;
width:460px;
padding:10px 10px 0px 30px ;
display:block;
margin:0px;
/*color:#fa3c8b;*/
color:#ffffff;
font-size:21px;}
h3.charo{
color:#fa3c8b;
font-size:17px;
border-bottom:1px solid #fa3c8b;
font-weight:normal;}
h4.charo{
color:#606060;
font-size:15px;
font-weight:bold;
margin:5px 5px 5px 0px ;}
h5.charo{}
h6.charo{}

#barra_izq p.charo{
font-size:13px;
float:left;
display:block;
clear:both;
width:400px;
position:absolute;
left:0px;
top:0px;
margin:0px;
padding:0px;
line-height:100%;
z-index:100;
margin-top: 387px!important;
margin-top:390px;
text-align:left;
word-spacing:11px;
color:#fc5599;}
/*----------------------------------Estructura----------------------------------------------------------*/
#wrapper{
position:relative;
width:875px;
margin:0px auto;
padding:0px;
overflow: hidden;
}

#wrapper_index{
position:relative;
width:854px;
margin:50px auto 10px auto;
padding:0px;
background:#FFFFFF url(../img/wrapper_index-bg.gif) repeat-y ;
height:401px;
border:1px solid #fff;
overflow:hidden;}

.logo{
position:absolute;
top:0px;
left:-80px;}
		#header{
		text-align:left;
		height:66px;
		float:left;
		width:880px;
		background:#FFFFFF url(../img/header_bg.jpg) no-repeat right top;
		margin:0px;}
			#header #topmenu ul{
			text-align:right;
			margin:0px;
			height:20px;
			padding:46px 20px 0px 0px ;}
				#header #topmenu ul li{
				text-align:right;
				display:inline;}
					#header #topmenu ul li a{
					text-decoration:none;
					color:#fa3c8b;}
					#header #topmenu ul li a:hover{
					text-decoration:underline;}
		
		#cuerpo{
		text-align:left;
		float:left;
		width:875px;
		background:#FFFFFF url(../img/cuerpo_bg.jpg) no-repeat left 295px;
		}
		#barra_izq{
		float:left;
		height:400px;
		background:#FFFFFF url(../img/bebe_bg.jpg) no-repeat left bottom;
		}
		
		#barra_central{
		width:253px;
		float:left;
		height:398px;
		background:#fd1e79 url(../img/select.jpg) no-repeat left 10px;
		}
		
		.texto{
		color:#ffffff;
		text-align:justify;
		margin:20px 20px 10px 20px;}
		.promo{
		width:231px;
		background:#fd1e79  url(../img/promo.jpg) no-repeat center top;
		margin:0 10px;}
		
		.promo_bottom{
		height:23px;
		background:#fd1e79  url(../img/promo_bottom.jpg) no-repeat center top;
		margin:0px;}
		
		.promo h4{
		font-size:18px;
		color:#000000;
		font-weight:normal;
		margin:0px 10px 0px 17px ;
		padding:7px 0px 0px 0px ;}
		.promo p{
		font-size:12px;
		color:#fd1e79;
		padding:0px;
		margin:10px 10px 0px 17px ;
		text-align:left;}
		
		
		
				#navy{
				width:117px;
				float:left;
				padding-top:70px;
				min-height:225px;
				height:auto!important;
				height:225px;
				background:#fd1e79 url(../img/navy_bg.jpg) no-repeat left bottom;}
				
				#navy_index {
				width:380px;
				float:left;}
				
				
					#navy ul{
						padding:0px ;
						list-style-type:none;
						text-align:right;
						margin:0px;}
						
						#navy_index ul{
						padding:0px;
						list-style-type:none;
						text-align:LEFT;
						margin:0px;}
						
						#navy ul li{
							padding:3px 10px;
							display:block;
							z-index:120;
							position:relative;
							float:right;
							line-height:110%;}
						
						#navy_index ul li{
						display:block;
						float:left;
						padding:0 7px;}
							
							#navy ul li a{
							color:#FFFFFF;
							text-decoration:none;
							font-size:14px;}
							
							 #navy_index ul li a{
								color:#fd1e79;
								text-decoration:none;
								font-size:14px;}
								
								 #navy_index ul li a:hover{
								text-decoration:underline;}
								
								#navy_index ul li.current{
								height:14px;
								padding-bottom:17px;
								background:#FFFFFF url(../img/current_index.gif) no-repeat center bottom;}
								
								#navy ul li a:hover{
								color:#FFFFFF;
								text-decoration:underline;}
								
							#navy ul li.current{							
							color:#ffffff;
							background:transparent url(../img/li_bg.jpg) no-repeat right top;
							text-decoration:none;
							margin-right:-15px;
							padding:3px 25px 3px 0px ;
							display:block;
							z-index:120;
							position:relative;
							float:right;
							}
							
							
											
							
							#navy ul li.current a{							
							color:#ffffff;
							display:block;}
							
								#navy ul li.current a:hover{
								color:#ffffff;
								text-decoration:underline;}
								
								
									body #navy ul li.current:after {
													content: ".";
													display: block;
													height: 0;
													clear: both;
													visibility: hidden;
												}
												
												body #navy ul li.current {display: inline-block;}

												/* Hides from IE-mac \*/
												* html body #navy ul li.current {height: 1%;}
												body #navy ul li.current {display: block;}
												/* End hide from IE-mac */
							
				
		#contenido{
		background-color:#ffffff;
		float:left;
		width:550px;
		padding:70px 0px 50px 30px ;
		color:#606060;}
		
		.contenidos_interior{
		margin:10px 10px 10px 15px;
		width:480px;}
		
		
		
				#cuerpo h1.titulo{
				color:#7d7d7d;
				font-size:28px;
				padding:5px 0px 0px 0px ;
				margin:0px;
				line-height:80%;
				}
				
				#cuerpo h2.subtitulo{
				color:#000;
				font-size:20px;
				padding:5px 0px 10px 0px ;
				margin:0px;
				line-height:110%;
				}
				
				
				#cuerpo .derecha{
				float:right;
				margin:10px 0px 20px 20px ;
				}
				
				#cuerpo .izquierda{
				float:right;
				margin:10px 20px 20px 0px ;
				}
				
				
				
				
				
		
		
		#barra_derecha{
		background-color:#ffffff;
		float:right;
		width:175px;
		margin-top:75px;
		}
		
		*html #barra_derecha{
		margin-top:70px;
		}
		
		#barra_derecha img.lateral{
			margin-top: 10px !important;
			margin-top: 0px;
		}
		
		.contenedor{
		width:169px;
		background:#FFFFFF url(../img/contenedor_bg.jpg) repeat-y;
		margin:10px auto;
		color:#FFFFFF;
		}
		
			.submenu{
			background:#FFFFFF url(../img/submenu.jpg) no-repeat left top;
			min-height:150px;
			height:auto!important;
			height:150px;
			margin-bottom:10px;
			}
			
				.submenu h3{
					background-color: #F38FBE;
					padding-left: 10px;
					margin-bottom: 10px;
					padding-top: 3px;
					
				}
				
				.submenu h3 a{
					color: #ffffff;
					font-size:17px;
					text-decoration: none;
				}
				
				.submenu h3 a:hover{
					color: #ffffff;
					text-decoration: none;
				}
			
				.submenu ul{
				margin:0px;
				padding:0px;
				
				}
				
				
				.submenu ul li{
				list-style-type:none;
				padding-left:10px;
				margin:2px 0px;
				font-size:14px;
				float:left;
				width:150px;
				}
				
				.submenu ul li.current{
				background:#FFFFFF url(../img/submenu_current.jpg) no-repeat left top;						
				color:#ffffff;
				text-decoration:none;
				margin-left:-15px;
				padding:3px 0px 3px 25px ;
				display:block;
				width:165px;
				z-index:120;
				position:relative;
				float:left;
				}
				
				.submenu ul li.current a{
				color:#FFFFFF;
				}		
		
					.submenu ul li a{
					text-decoration:none;
					color:#fd1e79;
					}
					
					.submenu ul li a:hover{
					text-decoration:underline;
					}
					
			.contenedor .contenedor_top{
			width:169px;
			background:#FFFFFF url(../img/contenedor_top.jpg) ;
			color:#FFFFFF;
			overflow:hidden;
			}
			
				.contenedor span{
				margin:3px 10px;
				display:block;
				}
			.contenedor .contenedor_bottom{
			width:169px;
			background:#FFFFFF url(../img/contenedor_bottom.jpg) no-repeat left top;
			clear:both;
			color:#FFFFFF;
			}
		#barra_der_index{
		float:right;
		padding:0px;
		margin:0px;}
		
		#barra_der_index img{
		padding:0px;
		margin:0px;
		z-index:1000000000;}
		
				#barra_der h3{
				color:#FFCC00;
				text-align:left;
				font-size:20px;
				font-weight:lighter;
				}
		
		
				
				
				
				

		
				
				.foto_der{}
				.foto_izq{}
		
#pie{
width:875px;
text-align:right;
margin:10px auto 0px auto;
clear:both;
color:#fb1e78;
border-top:1px solid #fb1e78;}
#pie_index{
width:848px;
text-align:right;
margin:0 auto;
clear:both;
color:#fd1e79;:}





/*----------------------------------/fin deEstructura----------------------------------------------------------*/


/*****************JaeT32**************************/

#mapa_google{
	clear: both;
}

#map{
	width: 480px;
	height: 350px;
}

p.mensaje{
	background-color: #F7EBEF;
	border: 1px dashed #FA3C8B;
	padding: 3px;
	color:#FA3C8B;
	font-weight: bold;
}