@charset "UTF-8";
.format {
}
#mainindex {
	position:relative;
	width:795px;
	margin:0px auto auto;
	height:270px;
}		

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

#arriba {width:800px;}

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

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


}

#centro {width:800px;
		height:auto;
		position:relative;
		top:-25px;
		z-index:1;}
		
#bcontent{
	position:relative;
	width:790px;
	height:auto;
	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;

}

.optitext{
font-family:"Times New Roman", Times, serif;
font-size:9pt;
color:gray;
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:450px;
	height:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	left:0px;
	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;
	

}




#entry {position:relative;
		/*border-bottom: #afaee6 1px solid;*/
		margin-bottom:2em;
		margin-left:5px;
		margin-right:10px;
		padding-bottom:10px;
		height:auto;
		min-height:125px;
		width:740px;
		float:left;
		}
		
.blueline{
		border-bottom: #afaee6 1px solid;
		width:515px;
		margin-top:40px;
		margin-right:10px;
		float:right;

}		
		
.photo_text {position:relative;
			width:500px;
			margin-right:20px;
			float:right;
			}
				
.photo_textcon {position:relative;
			width:350px;
			margin-right:20px;
			float:right;
			}


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

.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;
	padding-bottom:0px;
	margin-left:0px;
}


h2.con{
	position:relative;
	font-size:150%;
	color:#333192;
	text-indent:0pt;
	left:0px;
	width:200px;
	top:0px;
	padding-bottom:0px;
	margin-left:0px;
}

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

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


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

.pestefacon{
	position:relative;
	text-align:left;
	text-indent:0;
	width:340px;
	left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	z-index:20;
	margin-left:0px;
	margin-bottom:0px;	
	
}
.photoalt{margin-left:70px;
		margin-top:10px;
		margin-bottom:10px;
		width:auto;
		height:auto;
		float:left;
}


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

.photo img {margin: 10px 0px;
}

.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;
}


#tubefloat{
	width:300px;
	height:auto;
	margin-top:20px;
	margin-bottom:30px;
	padding-left:15px;
	float:left;
}

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:0px;
top:0px;
width:785px;
margin:5px auto auto;
float:right;
/*border:#FF0000 thin solid;*/
}

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


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

.mapbox{
position:relative;
float:left;
width:275px;
height:275px;
overflow:hidden;
top:0px;
left:10px;
}

#map{float:left;
	position:relative;
	width:275px;
	height:275px;
}


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

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

.opti{
	position:relative;
	float:left;
	top:-30px;
	width:310px;
	height:40px;
	margin-top:0px;
	margin-left:20px;
	
}



/* 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:740px;
	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:-50px;
	padding-top:30px;
	padding-bottom:0px;
	position:relative;
	width:790px;
	height:auto;
	top:-40px;
	left:0px;
	background-image:url(images/ornamento_sides.gif);
	background-repeat:repeat-y;
	background-position:bottom;
	float:right;

	}

#backconteste{
	background:#e6ebff;
	float:right;
	width:750px;
	height:auto;
	position:relative;
	margin-right:18px;
	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 5px;
						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:120px;}
					
#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:white}
						

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




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

#navbar li:hover ul{
					background:#7ab672;
					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%}