/* ---- CSS
Gaia Spa (http://gaiaspan.com.mx)
Titulo: Gaia Spa
Autor: Free Desing www.freedesing.com
Fecha: Mar 2010
---- */

@import url('reset.css');

body{
	font-family:Arial,Helvetica;
	font-size:12px;
	background:#bff3f1 url(../images/fondo1920SOLO.jpg) repeat-x top center scroll;
}

/* Anchors
---------------------------------------------------*/

h1, h2, h3 {font-family: "Tahoma", Verdana, Geneva, Helvetica, Arial, Sans-Serif;}
h1 {font-family: "Myriad Pro", Verdana, Geneva, Helvetica, Arial, Sans-Serif; margin:5px 0 0 0; color:#FFF; font-weight:normal; font-size:18px;}
h2 {font-family: Arial, sans-serif; margin-bottom:5px; font-size:2em; color:#007fa0; font-weight:normal; text-align:center; }
h3 { font-size:18px; margin:5px 0; color:#007fa0; font-weight:normal; letter-spacing:1px; font-family:Aviano, arial;}
h4 {color:#98012E; font-weight:normal; font-size:13px; margin:5px 0; font-size:14px}
p {font-family: "Tahoma", Sans-Serif; line-height:20px; margin:0 0 10px 0; letter-spacing:0.5px; font-size:14px;}

a:focus {outline:none}
a {}
a img { border:0!important;}
a:hover { text-decoration:none;}

/******** HEADER *******/
#header{
	height: 87px;
	background:transparent url(../images/menu1920SOLO.jpg) repeat-y left top;
}
div#header #header-content{
	width:1000px;
	margin:0 auto;
	position:relative;
	height:100%;
}
div#header #logo{
	position:absolute!important;
	top:0;
	left:0;
	z-index:0;
}
div#header #botones{
	position:relative;
	top:3px;
	left:300px;
	
}
div#header #menu-container{
	float:right;
	margin-top:3px;
}
ul#menu li{
	float:left;
	padding-left:10px;
	position:relative;
}
ul#menu li a{
	color:#00A7A2;
	font-weight:bold;
	text-decoration:none;
}
ul#menu li a:hover {color:#a52a2a;}
div#menu li a:visited, #menu li a:active{
	color:#00A7A2;
	font-weight:bold;
	text-decoration:none;
}
#menu ul{
	left:10px;
	width:300px;
	_margin-top:10px;
}
#menu ul li{float:none!important;padding-left:5px;padding-top:3px}
	#menu ul{position:absolute; padding-top:5px}

/********* CONTENIDO **********/
#content{
	position:relative;
	/*min-height:500px;
	_height:500px;*/
	width:980px;
	margin:0 auto;
	padding:0 0 80px 0;
}

#testimonial
{
height:330px;
background-color:#a4eceb;
width:425px;
padding-top:10px;
padding-bottom:10px;
padding-right:15px;
padding-left:15px;
color:#056865;
margin:0px;
}
p.italicblue
{
font-style:italic;
}

.titles { color:#FFF; text-align:right; display:block; font-size:16px; margin:50px 65px 10px 0;}
.titles  h1 { font-weight:normal; font-size:2em; text-align:right;}

.col-left, .col-center, .col-right { float:left;}
.col-left { width:135px;} .col-center { width:440px; padding:0 20px;_padding:10px} .col-right { width:365px;}

.col-left-int, .col-center-int, .col-right-int, .col-right-pp, .col-center-pp, .col-left-pp { float:left;}
.col-left-int { width:175px; margin-right:15px; _margin-right:10px;} .col-center-int { width:635px; margin-right:15px;_margin-right:10px;}
.col-right-int { width:135px;right:0px;width:140px}

.col-left-pp { width:175px; margin-right:15px; _margin-right:10px;}
.col-center-pp { width:575px; margin-right:15px;_margin-right:10px;}
.col-right-pp { width:165px;right:0px;width:175px}

.col-left-int img { margin-bottom:5px;}

.img-banners { margin:15px 0;}

.tabla-golfo { line-height:16px;}
.PrinTextBold { font-weight:bold; font-size:14px;}
span.PrinTextBold { text-transform:uppercase;}

/********* FOOTER **********/
#footer{
	height:128px;
	background-color:#1db5b2;
	position:relative;
	bottom:0px;
	z-index:-200;
}
#footer a { color:#FFF; text-decoration:none;}
div#footer #flowers-footer{
	background:url(../images/abajoflores.png);
	bottom:0;
	height:244px;
	left:0;
	position:absolute;
	width:100%;
}
div#footer #footer-content {
	position:relative;
	z-index:23;
	width:900px;
	margin:0 auto;
	padding:20px 0 0 0;
	_padding-top:20px;
	_padding-bottom:0px;
	_height:100px;
}

.footer-column{
	float:left;
	text-align:center;
	width:300px;

	color:#CCFFFF;
	font-size:12px;
}
.footer-column b{
	color:#fff;
}

ul#menufoot li a{
	color:#00A7A2;
	font-weight:bold;
	text-decoration:none;
}
ul#menufoot li a:hover {color:#a52a2a;}
div#menufoot li a:visited, #menufoot li a:active{
	color:#00A7A2;
	font-weight:bold;
	text-decoration:none;
}

#menufoot ul li{float:none!important;padding-left:5px;padding-top:3px}
	#menu ul{position:absolute; padding-top:5px}
	
ul#menufoot li{
	float:left;
	padding-left:10px;
	position:relative;
}

/* COLORES
---------------------------------------------------*/
.azulito {color:#056865;}

/* XTRAS
---------------------------------------------------*/
.a-center { text-align:center;}

/* LOGIN
---------------------------------------------------*/


/* CLEARING
---------------------------------------------------*/
.clearfix:after {content: "."; display:block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {clear: both;}
.PrinTextBold {

}

.PrinTextBold u{
	font-size:16px;
	font-family:arial;
	color:brown;
}