@charset "UTF-8";
.format {
}

		
#main {
	position:relative;
	width:805px;
	margin:0px auto auto;
	height:auto;
}

#arriba {width:800px;}

#navbar {width:410px;
		float:right;
		position:relative;
		margin-right:10px;
		left:0px;
		top:-25px;
		z-index:100;
}

.button{
position:relative;
float:left;
margin-left:5px;


}

#centro {width:800px;
		height:auto;
		position:relative;
		top:-24px;
		z-index:1;}
		
#bcontent{
position:relative;
width:790px;
height:270px;
top:-35px;
left:10px;
margin-bottom:5px;
background-image:url(images/ornamento.gif);
background-repeat:no-repeat;

}


#bcontentalt{
position:relative;
width:790px;
height:auto;
padding-top:40px;
padding-bottom:20px;
top:-40px;
left:5px;
background-image:url(images/ornamento_sides.gif);
background-repeat:repeat-y;
background-position:bottom;

}

#bcontentcon{
position:relative;
width:790px;
height:375px;
top:-40px;
left:5px;
margin-bottom:5px;
background-image:url(images/ornamento_sides.gif);
background-repeat:repeat-y;
background-position:bottom;


}

.hleft{position:relative;
		height:0px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:16px;
		left:20px;
		width:auto;
	
}
		
.header{
font-family:"Times New Roman", Times, serif;
font-size:11pt;
color:navy;
margin-top:5px;
margin-bottom:5px;

}

.headernos{
font-family:"Times New Roman", Times, serif;
font-size:24px;
color:navy;
position:relative;
margin-top:5px;
margin-bottom:0px;

}


.headercont{
font-family:"Times New Roman", Times, serif;
font-size:24px;
color:navy;
position:relative;
margin-top:5px;
margin-bottom:5px;

}
		
.pleft{
	position:relative;
	float:right;
	width:140px;
	height:inherit;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:100;
	top:18px;
	right:8px;
	z-index:20;
}

.imgleft{
position:relative;
float:left;
top:20px;
height:80px;
}

.pcenter{
	position:relative;
	text-align:center;
	float:left;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:100;
	left:15px;
	top:18px;
	z-index:20;
}


.imgcenter{
position:relative;
margin-top:10px;
height:auto;
}

.pright{
	position:relative;
	text-align:center;
	float:left;
	width:180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	left:20px;
	top:18px;
	z-index:20;
}

/*Multiple uses*/

.pnos{
	position:relative;
	text-align:justify;
	text-indent:1.2em;
	line-height:11px;
	float:right;
	width:500px;
	height:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	left:50px;
	top:10px;
	margin-top:10px;
	margin-right:100px;
	z-index:20;
}


#pnos{
	position:relative;
	text-align:justify;
	text-indent:1.2em;
	line-height:11px;
	float:left;
	width:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	left:180px;
	top:10px;
	margin-top:10px;
	margin-right:10px;
	z-index:20;
	

}



h2  {margin-top:10px;
	font-size:16pt;
	line-height:10pt;
	color:#333192;
	font-family:"Times New Roman", Times, serif;
	line-indent:0px;
}


.entry {
		border: #afaee6 1px solid;
		margin-bottom:2em;
		margin-right:1em;
		height:auto;
		}
		
.photo_text {position:relative}	


		
		
/*------------------*/

.pcont{
	position:relative;
	text-align:justify;
	float:left;
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	left:10px;
	top:31px;
	z-index:20;
}


/* Inicio Párafo Estética Facial -------------------------------------------- */

h2.estefa{
	position:relative;
	font-size:150%;
	color:#333192;
	text-indent:0pt;
	left:0px;
	width:525px;
	top:0px;
	border-bottom: #afaee6 1px solid;
	padding-bottom:8px;
	margin-left:175px;
}

h3.estefa{
	position:relative;
	font-size:110%;
	color:#333192;
	left:190px;
	width:500px;
}

h4.estefa{
	position:relative;
	font-size:100%;
	color:#333192;
	text-indent:25px;
	left:190px;
	width:500px;
}


.pestefa{
	position:relative;
	text-align:left;
	text-indent:1.2em;
	width:530px;
	left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	z-index:20;
	margin-left:0px;
	margin-bottom:20px;
	
	
}

.photo{	margin-left:20px;
		margin-top:10px;
		margin-bottom:40px;
		width:175px;
		height:auto;
		float:left;
}

.imgfloat{left:40px;position:relative;
			padding-top:0px;
			padding-bottom:0px;
			float:left;
			
			}
			
			
.imgfloatho{left:25px;position:relative;
			padding-top:0px;
			padding-bottom:0px;
			float:left;
			}
			
#flashfloat1{position:relative;
			width:150px;
			height:150px;
			margin-top:10px;
			margin-bottom:30px;
			float:left;
}

#flashfloat2{position:relative;
			width:150px;
			height:150px;
			margin-top:10px;
			margin-bottom:30px;
			float:left;
			margin-left:40px;
			}
			
.flashtext{
	width:300px;
	color:#666666;
	text-indent:0px;
	font-style:italic;
}

li.estefa{
list-style-type:circle;
line-height:1.5em;
width:475px;
}

/* Fin Párafo Estética Facial-------------------------------------------- */



/* Ornamento Estética Facial-------------------------------------------- */

#ornaeste{
/*background-image:url(images/ornamento_bottom.gif);
background-repeat:no-repeat;
background-position:bottom;*/
position:relative;
height:auto;
left:10px;
top:-60px;
width:790px;
margin:5px auto auto;
float:left;
/*border:#FF0000 thin solid;*/
}

/* Fin Estética Facial-------------------------------------------- */


.imgnos{
position:relative;
float:left;
top:20px;
left:30px;
}

.mapbox{
position:relative;
float:left;
width:320px;
height:250px;
overflow:hidden;
top:40px;
left:10px;
}

#map{
	position:relative;
	width:300px;
	height:300px;
}


.direccion{
	position:relative;
	float:right;
	top:15px;
	width:310px;
	height:40px;
	margin-top:0px;
}


/* Rounded Corners -------------------------------------------- */

#leftb{top:0px;
		left:8px;
		padding-left:5px;
		padding-right:5px;
		z-index:0;
		position:relative;
		width:245px;
		float:left}

#centerb{top:0px;
		left:8px;
		padding-left:5px;
		padding-right:5px;
		z-index:0;
		position:relative;
		width:245px;
		float:left;}

#rightb{top:0px;
		left:8px;
		padding-left:5px;
		padding-right:5px;
		z-index:0;
		position:relative;
		width:245px;
		float:left;}
		

#nosb{top:0px;
		left:8px;
		padding-left:10px;
		padding-right:5px;
		z-index:0;
		position:relative;
		width:755px;
		float:left}



.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#e6ebff; margin:0 5px;}
.b2f {height:1px; background:#e6ebff; margin:0 3px;}
.b3f {height:1px; background:#e6ebff; margin:0 2px;}
.b4f {height:2px; background:#e6ebff; margin:0 1px;}
.contentf {background:#e6ebff;}
.contentf div {margin-left:5px;height:200px;}

.contentfcon {background:#e6ebff;}
.contentfcon div {margin-left: 5px;height:365px;}



#contentfestefa{
	margin-left:0px;
	margin-bottom:5px;
	padding-top:30px;
	padding-bottom:0px;
	position:relative;
	width:790px;
	height:auto;
	top:-40px;
	left:5px;
	background-image:url(images/ornamento_sides.gif);
	background-repeat:repeat-y;
	background-position:bottom;
/*	border:#FF0000 thin solid;*/
	}

#backconteste{
	background:#e6ebff;
	width:750px;
	height:auto;
	position:relative;
	left:20px;
	top:-20px;
	padding-top:20px;
	padding-bottom:15px;
	margin-bottom:0px;
	/*border:#FF0000 thin solid;*/

}

.bceleste{
	background-image:url(images/bottom-celeste.gif);
	width:750px;
	height:auto;
	position:relative;
	left:0px;
	top:0px;
	z-index:0;
	float:right;

}



/* Navbar-------------------------------------------- */


#navbar, #navbar ul {	display:block;
						margin:0;
						padding:0;
						list-style:none;}


#navbar a {				display:block;
						width:90px;}



#navbar li 			{	float:left; 				
						width:90px;
						}

#navbar li ul 		{	display:none}


#navbar li:hover ul{position:absolute;display:block;
					width:90px;}
					
#navbar li ul li {	float:none;
					width: auto;
					}


div.content {clear:left; padding-top:5%;}


/* Drop Down format */
						
a:link, a:visited {		text-decoration:none;
						color:blue}
						

						
#navbar li 			{
						text-align:left;
						padding-left:4px}




#navbar li:hover {	border-left:.1em solid white;
					padding-left:2px}

#navbar li:hover ul{
					background:green;
					border-bottom:.1em solid white;
					border-left:.15em solid white;
					margin-left:-.25em;
					}
					
#navbar li ul li {	font-size:85%}
					
#navbar li:hover ul li {border:none;
						padding:4px}
						
#navbar a:hover {		text-decoration:underline}



div.content {margin-left:5%}