/* CSS Document */
body {
background-image: url(images/estetica-background.gif); 
background-repeat: repeat-x;
background-color: #474646;
				 } 


/*mainbox*/
.cirugiaesteticabarcelona{
	position: absolute;
	width: 820px;
	left : 50%;
	margin-left : -410px;
	top: -2px;
	}
	

/* layers */

.cirugiaesteticabarcelona1{
	position: relative;
	height: 190px;
	width: 780px;
	left: 20px;
	top: 0px;
	z-index: 5;
	background-color: #303030;
	border: 1px solid #FFFFFF;
	margin-bottom: 0px;
}

.cirugiaesteticabarcelona2{
	position: relative;
	height: 260px;
	width: 780px;
	left: 20px;
	z-index: 5;
	background-color: #CBD61A;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	margin-top: 0px;

}

.cirugiaesteticabarcelona3{
	position: relative;
	width: 780px;
	left: 20px;
	top: 0px;
	z-index: 5;
	background-color: #272222;
	border: 1px solid #FFFFFF;
	background-image: url(images/estetica-contentbackdark2.gif);
}

.cirugiaesteticabarcelona3 h5{
	color: #CCCCCC;
	text-decoration: none;
	margin-top: 30px;
	margin-bottom: 0px;
}

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

.cirugiaesteticabarcelona3 a:link{
	color: #CCCCCC;
	text-decoration: underline;
}

.cirugiaesteticabarcelona3 a:visited{
	color: #666666;
	text-decoration: underline;
}

.cirugiaesteticabarcelona3 a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

/* layer1 */

.titleblock{
	position: absolute;
	width: 200px;
	left: 20px;
	top: 25px;
	z-index: 5;
}

.languageblock2{
	position: absolute;
	width: 30px;
	left: -1px;
	top: 5px;
	z-index: 5;
}

.languageblock{
	position: absolute;
	width: 205px;
	left: 520px;
	top: 10px;
	z-index: 5;
	border-left-width: 1px;
	border-left-style: none;
	border-left-color: #FFFFFF;
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif, "trebuchet MS";
	font-size: 11px;
	color: #E9E9E9;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	text-align: right;
}


.languageblock p{
	margin-bottom: 10px;
	margin-top: 0px;
}

.languageblock a{
	color: #FFFFFF;
	text-decoration: none;
}

.languageblock a:visited{
	color: #FFFFFF;
	text-decoration: none;
}

.languageblock a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

.topnav{
	position: absolute;
	width: 510px;
	top: 163px;
	z-index: 5;
	font: bold 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: right;
	left: 0px;
	padding-left: 270px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #4B4C41;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCCC00;
}

.topnav a{
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 12px;
	margin-right: 12px;
}

.topnav a:visited{
	color: #CCCCCC;
	text-decoration: none;
}

.topnav a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

/* layer2 */

.mainimage{
	position: absolute;
	width: 780px;
	left: -1px;
	top: 0px;
	z-index: 5;
	height: 260px;
	background-color: #666666;
	border-left: 1px solid #eee;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #eee;
}

/* layer2 - navigation*/

.cirugiamainnav{
	position: absolute;
	width: 188px;
	right: 0px;
	top: 0px;
	z-index: 5;
}

.cirugianavcont{
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	z-index: 5;
}

.cirugianavcont ul{
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
}

.cirugianav{
	width: 180px;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	z-index: 5;
}

.cirugianav ul
{
list-style-type: none;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
z-index: 5;
}

.cirugianav a
{
display: block;
width: 180px;
background-color: #859114;
font: bold 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
border-bottom: 1px solid #eee;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 3px;
}

.cirugianav a:link
{
color: #CCCC99;
text-decoration: none;
}

.cirugianav a:visited
{
color: #CCCC99;
text-decoration: none;
}

.cirugianav a:hover
{
background-color: #AFB90F;
color: #666666;
}

.cirugianavimage{
	width: 188px;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	z-index: 5;
	border-bottom: 1px solid #eee;
}

.toplink {
list-style-type: none;
color: #FFFFFF;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
display: block;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
width: 180px;
}

.toplink ul
{
list-style-type: none;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.toplink a
{
display: block;
padding-left: 5px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
width: 180px;
background-color: #AFB90F;
border-bottom: 1px solid #eee;
/*border-top: 1px solid #eee;*/
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}


.toplink a:link
{
list-style-type: none;
background-color: #AFB90F;
display: block;
color: #666666;
text-decoration: none;
}

.toplink a:visited
{
color: #666666;
text-decoration: none;
}

.toplink a:hover
{
background-color: #CBD61A;
color:FFFFFF;
text-decoration: none;
}

.homelink {
list-style-type: none;
color: #FFFFFF;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
display: block;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
width: 180px;
}

.homelink ul
{
list-style-type: none;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.homelink a
{
display: block;
padding-left: 5px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
width: 180px;
background-color: #000000;
border-bottom: 1px solid #eee;
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}


.homelink a:link
{
list-style-type: none;
background-color: #000000;
display: block;
color: #FFFFFF;
text-decoration: none;
}

.homelink a:visited
{
color: #FFFFFF;
text-decoration: none;
}

.homelink a:hover
{
background-color: #000000;
color: #666666;
text-decoration: none;
}

.cirugianavinner ul
{
list-style-type: none;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
z-index: 5;
}

.cirugianavinner a
{
display: block;
padding-left: 15px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
width: 170px;
background-color: #AFB90F;
border-bottom: 1px solid #eee;
font: bold 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.cirugianavinner a:link
{
color: #666666;
text-decoration: none;
}

.cirugianavinner a:visited
{
color: #666666;
text-decoration: none;
}

.cirugianavinner a:hover
{
color: #FFFFFF;
background-color: #CBD61A;
}

/* layer3 - non-nav content */

.contentnav{
	position: relative;
	left: 20px;
	top: 30px;
	height: 30px;
	z-index: 5;
	width: 350px;
	font-family: Arial, Helvetica, sans-serif, "trebuchet MS";
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
}
/* now included in cirugiaesteticabarcelona3
.contentnav a{
	color: #99CC00;
	text-decoration: none;
	font-weight: bold;
}

.contentnav a:link{
	color: #99CC00;
	text-decoration: none;
}

.contentnav a:visited{
	color: #CBD61A;
}

.contentnav a:hover{
	text-decoration: underline;
}
*/

.contentmain{
	position: relative;
	left: 70px;
	top: 40px;
	width: 445px;
	min-height: 647px;
	z-index: 5;
	font-family: Arial, Helvetica, sans-serif, "trebuchet MS";
	font-size: 12px;
	line-height: 17px;
	color: #E6E6E6;
}

.contentmain h1{
	font-size: 18px;
	line-height: 20px;
	color: #FFFFFF;
}

.contentmain h4{
	font-size: 18px;
	line-height: 20px;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	display: block;
	width: 100%;
}

.contentmain h5{
	color: #FFFFFF;
}

.contentmain ul {
	list-style-type: square;
	list-style-image: url(bullet.gif);
	list-style-position: inside;
	line-height: 20px;
	}

/* frontcontentboxes */

.contentbox {
	position: relative;
	width: 100%;
	left: 0px;
	top: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #605353;
	border-right-color: #605353;
	border-bottom-color: #605353;
	border-left-color: #605353;
	margin-bottom: 50px;
	margin-top: 10px;
	padding-top: 7px;
}

.contentbox h4{
	font-size: 18px;
	line-height: 20px;
	color: #FFFFFF;
	display: block;
	width: 100%;
}


/* wherenext */

.wherenext {
	position: relative;
	width: 100%;
	left: 0px;
	top: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #605353;
	border-right-color: #605353;
	border-bottom-color: #605353;
	border-left-color: #605353;
	padding-top: 16px;
	padding-bottom: 8px;
	margin-top: 40px;
}

.wherenext h6{
background-image: url(images/dar-icon-info2.gif); 
background-repeat: no-repeat;
font-size: 12px;
line-height: 18px;
padding-left: 25px;
}
/* footer */
 

.footeresteticacontainer {
	position: relative;
	width: 753px;
	left: 0px;
	/*top: 0px;*/
	margin-top: 40px;
	font-size: 12px;
	line-height: 14px;
	margin-left: 0px;
	height: 35px;
	z-index: 10;
}


.footeresteticanav {
	position: absolute;
	height: 20px;
	width: 780px;
	left: -1px;
	top: 10px;
	background-color: #333333;
	text-align: left;
	font-size: 10px;
	color: #CCCCCC;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 1;
	border: 1px solid #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}



.footeresteticabottom {
	position: absolute;
	height: 25px;
	width: 540px;
	left: 10px;
	top: 130px;
	padding-top: 15px;
	background-color: #FFCC00;
}

.webbarcelona {
	position: absolute;
	height: 25px;
	width: 200px;
	left: 12px;
	bottom: -50px;
	font-size: 9px;
}

.webbarcelona a:link
{
color: #666666;
text-decoration: none;
}

.webbarcelona a:visited
{
color: #666666;
text-decoration: none;
}

.webbarcelona a:hover
{
color: #CCCCCC;
}


.darnellsalvador {
	position: absolute;
	height: 25px;
	width: 660px;
	left: 14px;
	top: 12px;
}

.copyright {
	position: absolute;
	height: 25px;
	width: 80px;
	right: 13px;
	top: 12px;
	text-align: right;
}

/* When using a float div, the type of position chosen changes the behaviour... */

.floatdiv {
	position: relative;
	background-color: #000000;
	height: 101px;
	width: 101px;
	float: right;
	margin-left: 8px;
}


.innerimage {
	position: absolute;
	left: 5px;
	top: 5px;
	background-color: #666666;
	height: 90px;
	width: 90px;
	border: 1px solid #666666;
	}
	
/* map div */

/*#mapcont {
position: relative;
left: 0px;
top: 0px;
width: 440px;
height: 310px;
background-color:#E5E5E5;
}	*/

#map_canvas {
position: relative;
/*width: 430px;
height: 300px;*/
background-color:#E5E5E5;
}	

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

.mapinfowindow {
color: #000000;
height: 150px;
width: 200px;
}