/* CSS Document */


body {
background-color: #3c3c3c;
background-image:url('images/gluteos-back.jpg');
background-repeat:repeat-x;
font-family: arial, verdana;
}



/* frame */
.gluteos
{
	position: absolute;
	left: 50%;
	width: 900px;
	margin-left: -495px;
	top: 0px;
	background-color: #0b0b0b;
}

/* layer1 */

.gluteos-1
{
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 330px;
	width: 900px;
}


.gluteos-1-logo
{
	position: absolute;
	top: 0px;
	left: 60px;
	height: 100px;
	width: 100px;
	z-index: 2;
}

.gluteos-1-cirujanos
{
	position: absolute;
	top: 5px;
	left: 650px;
	height: 30px;
	width: 150px;
	background-color: #FFCCFF;
	z-index: 3;
}


.gluteos-1-image
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 330px;
	width: inherit;
	background-color: #000000;
	z-index: 1;
}


/* layer2 */

.gluteos-2
{
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 30px;
	width: 900px;
	background-image:url('images/back-second.jpg');
	background-repeat: no-repeat;
}


/* layer3 */

.gluteos-3
{
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 250px;
	width: 900px;
	background-color: #CCFFFF;
}



/* layer4 */

.gluteos-4
{
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	/*height: 131px;*/
	width: 900px;
	padding-top: 20px;
}


.gluteos-4 h1 
{
color: #cccccc;
font-size: 18px;
/*font-family: "times new roman", serif;*/
margin-top: 15px;
margin-bottom: 10px;
}


.gluteos-4 h2 
{
color: #cccccc;
font-size: 13px;
/* font-family: "times new roman", serif;*/
margin-top: 30px;
margin-bottom: 10px;
}

.gluteos-4 h3 
{
color: #cccccc;
font-size: 13px;
/* font-family: "times new roman", serif;*/
margin-top: 25px;
margin-bottom: 5px;
}

.gluteos-4 h4
{
color: #cccccc;
font-size: 13px;
/* font-family: "times new roman", serif;*/
margin-top: 25px;
margin-bottom: 5px;
}


.gluteos-4left
{
	float: left;
	width: 520px;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 30px;
	margin-left: 10px;
	margin-right: 0px;
	/* background-color: #EBF0F3; */
	font-size:13px;
	line-height: 17px;
	color: #999999;
}



.gluteos-4left a
{
	color: #cc0033;
	text-decoration: none;
}

.gluteos-4left-bread
{
	position: relative;
	font-size: 10px;
	color: #cccccc;
}

.gluteos-4right
{
	/* float: right; */
margin-left: 600px;	
/*padding-top: 30px;*/
padding-top: 100px;
background-image:url('images/gluteos-direccion.gif');
	background-repeat: no-repeat;
	background-position : 0px 0px;
	margin-top: -10px;
margin-bottom: 30px;
	padding-left: 5px;
	padding-right: 0px;
	width: 285px;
	/* background-color: #999999;*/
}





.gluteos-4right ul
{
position: relative;
right: 0px;
text-align: left;
list-style: none;
padding: 0px;
margin-right: 0px;
margin-left: 0px;
margin-top: 0px;
width: 280px;
font-size: 12px;
}


.gluteos-4right li
{
display: block;
list-style: none;
width: 260px;
/*height: 30px;*/
margin-top: 1px;
margin-bottom: 0px;
margin-right: 0px;
/* padding-left: 15px;*/
/* if bc is here can't override it in mainnavtop
background-color: #cc0000;*/
color: #ffcccc;
}


.mainnavtop
{
display: block;
list-style: none;
width: 250px;
/*height: 30px;*/
/*background-color: #ff0066;*/
background-color: #990033;
padding: 5px 0px 5px 10px;
margin-bottom: 1px;
color: #ffcccc;
}

.gluteos-4right li a
{
display: block;
list-style: none;
width: 220px;
padding: 5px 0px 5px 10px;
color: #ffffff;
text-decoration: none;
background-color: #b80030;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 40px;
}


.gluteos-4right li a:hover
{
background-color: #d53044;
}


.gluteos-4right h1
{
/*the clear also clears the container div floats!*/
/*clear: both;*/	
font-family: arial;
color: #999900;
}



.gluteos-4footer
{
	clear:both; 
/* must have a position otehrwise left and right divs will be out of place */
	position: relative;
	margin-top: 30px;
	/*padding-top: 60px;*/
	width: 900px;
	height: 140px;
	background-image:url('images/gluteos-footer-back.jpg');
	background-repeat: no-repeat;
	background-position : 0px 15px;
	font-size: 9px;
	/*border-top: solid 1px #666666;*/
	background-color: #1a1a1a;
	color: #666666;
}


.gluteos-4footer a
{
color: #666666;
text-decoration: none;
}


.gluteos-4footer-left
{
position: absolute;
top: 100px;
left: 10px;	
/*float:left;*/
	height: 20px;	
	width: 450px;
	margin-right:0px;
	padding-left: 13px;
	padding-top: 10px;
	/* border-top: solid 1px #060606;*/
	z-index: 1;
}


.gluteos-4footer-right
{
position: absolute;
top: 100px;
right: 10px;
padding-top: 10px;
padding-right: 13px;	
/*position: relative;*/
	width: 450px;
	height: 40px;
	text-align: right;
	z-index: 2;
	/* border-top: solid 1px #797979;*/
}


/* Highlight colors and other random css */

.highred
{
	color: #b80030;
}

#map_canvas {

padding: 5pxx 5px 5px 5px;
border: solid 1px #ffffff;
width: 400px;
position: relative;
margin-left: 0px;
margin-right: 0px;
height: 200px;
}


.facebook {
position: relative;
margin-top: 10px;
width: 240px;
padding: 0px 0px 0px 0px;
margin-left: 40px;
/*background-color: #1a1a1a;*/
/*background-image:url('images/facebook.png');
background-repeat: no-repeat;*/
font-size: 12px;
}

.facebook a {
color: #cccccc;
text-decoration: none;
}


.emailbox {
width: 178px;
height: 70px;
margin-top: 1px;
margin-left: 40px;
margin-bottom: 8px;
background-image: url('http://www.liposuccionbarcelona.com/images/dar-cirujanos-email.jpg'); 
background-position: -130px -3px;  
font: 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 12px;
padding-right: 40px;
/*border: solid 1px #cccccc;*/
}

.emailbox h5 {
color: #F2C7D2;
font-size: 12px;
margin-bottom: 0px;
margin-top: 5px;
font-weight: bold;
}

.emailbox p {
color: #F2E9EB;
margin-top: 2px;
line-height: 12px;
}

.emailbox a {
display: block;
font-weight:bold;
width: 100px;
padding: 1px;
color: #ffffff;
margin-top: -8px;
text-decoration: none;
}

.emailbox a:visited {
color: #ffffff;
}

.emailbox a:hover {
color: #f7f7f7;
}