@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	background-image: url(images/fondo.jpg);
	background-repeat:  repeat-x;
	background-color: #F2F2F2;
	font-family: Arial, Helvetica, sans-serif;
}


#contenedor {
	margin: auto;
	width: 900px;
	padding: 15px 0;
}
#contenedor #top {
	background-color: #FFFFFF;
	height: 297px;
	background-image: url(images/bgtop.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#top_home {
	background-color: #FFFFFF;
	height: 210px;
	background-image: url(images/bgtop.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#home {
	margin:auto;
	width:600px;
	
}
#home h2 {
	padding: 3px 3px 3px 20px;
	font-size: 14px;
	color: #A02629;
}
#home p {
	padding: 10px 15px;
	text-align: justify;
	font-size: 14px;
	color: #666666;
	line-height: 1.2em;
}

#info {
	float: left;
	width: 470px;
}
#info h2 {
	padding: 3px 3px 3px 20px;
	font-size: 14px;
	color: #A02629;
}
#info p {
	padding: 10px 15px;
	text-align: justify;
	font-size: 14px;
	color: #666666;
	line-height: 1.5em;
}
#info li {
	list-style-type: disc;
	font-size: 14px;
	color: #666666;
	line-height: 1.5em;
}
#info ul {
	list-style-image: url(images/li.jpg);
}

#contenido {
	background-color: #E6E6E6;
	background-image: url(images/bgconten.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 15px 0 0 0;	
}

#banner {
	float: right;
	width: 210px;
	margin: 0 7px 0 0;
}
.clear {
	clear: both;
}
#header {
	padding: 10px 0 0;
	
}
#header h1 {
	padding: 0px;
	background-image: url(images/logo.gif);
	height: 96px;
	width: 160px;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
}
#menuhorizontal {
	float: right;
	width: 700px;
}


/* menu vertical--------------------------------------------------*/
#menuvertical {
	float: left;
	width: 210px;
}
#navcontainer 
{
	float: left;
	width: 210px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CC0000;
	
}
#navcontainer ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 85%;
	
}

#navcontainer a
{
display: block;
padding: 8px 5px 8px 30px;
width: 160px;

}

#navcontainer a
{
color: #333;
text-decoration: none;
}

#navcontainer a:hover, .activo {
	color: #fff;
}
#navcontainer #navlist li#belleza a:hover, .belleza {
background-color: #FF99CC;
}
.titulo_belleza{color: #FF99CC;}
#navcontainer #navlist li#limpieza a:hover, .limpieza{
background-color: #0066FF;
}
.titulo_limpieza{color: #0066FF;}
#navcontainer #navlist li#desarrollo a:hover, .desarrollo{
background-color: #666666;
}
.titulo_desarrollo{color: #666666;}
#navcontainer #navlist li#amenidades a:hover, .amenidades{
background-color: #FFCC00;
}
.titulo_amenidades{color: #FFCC00;}
#navcontainer #navlist li#bio a:hover, .bio{
background-color: #669900;
}
.titulo_bio{color: #669900;}
#navcontainer #navlist li#zoff a:hover, .zoff{
background-color: #33CCFF;
}
.titulo_zoff{color: #33CCFF;}
#navcontainer #navlist li#especialidades a:hover, .especialidades{
background-color: #6666CC;
}
.titulo_especializades{color: #6666CC;}
#navcontainer #navlist li#gobierno a:hover, .gobierno{
background-color: #FF9900;
}
.titulo_gobierno{color: #FF9900;}
#navcontainer #navlist li#automotriz a:hover, .automotriz{
background-color: #999999;
}
.titulo_automotriz{color: #999999;}
#navcontainer #navlist li#hoteles a:hover, .hoteles{
background-color: #A6824E;
}
.titulo_hoteles{color: #A6824E;}
#navcontainer #navlist li#belleza2 a:hover, .belleza2{
background-color: #E9A2AA;
}
.titulo_belleza2{color: #E9A2AA;}
/*----------------------------nenu horizontal---------------*/
#menuh
{
	float: right;
	width: 700px;
	text-align: right;
	margin: 45px 0 0 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A02629;
}


#menu
{
	float: right;
	width: 500px;
		
	
}




#menu ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 80%;
	width: 100%;
	height: 30px; 
	float: left;		
}

#menu ul li {
	display: inline;
	
} 

#menu ul li a:link, #menu ul li a:visited {
color: #666;
padding: 5px 15px;
float: left;
text-decoration: none;
}

#menu ul li a:hover, #menu ul li a:active, .activa{
	color: #A02629;
	height: 20px;
	background-image: url(images/btn_rojo.gif);
	background-position: bottom;
	background-repeat:  repeat-x;
}
/*---------------------------------------------------------------*/
#titulos {
	float: left;
	width: 290px;
}


#header .slider {
	float: right;
	width: 600px;
	top: 15px;
}

.slider_home {
	float: right;
	width: 550px;
	top: 15px;
	margin: 30px 15px;
	padding: 5px;
	text-align: center;
	font-style: italic;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

#header .seccion {
	margin: 50px 10px 5px;
	padding: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 140%;
	color: #A02629;
	font-style: italic;
	text-align: right;
	font-weight: bold;
}


#header #titulo {
	margin: 50px 10px 5px;
	padding: 10px;
	font-family: "Trebuchet MS";
	font-size: 120%;
}
#footer {
	font-size: 80%;
	text-align: right;
	width: 90%;
	margin: auto;
	padding: 10px;
}
#footer a {
	font-family: Arial, Helvetica, sans-serif;
	color: #A02629;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

p, h1, h2 { margin: 0px;padding: 0px;}
#contacto {
	margin: auto;
	width: 650px;
}
#contacto .contacto {
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #A02629;
	line-height: 1.5em;
	margin: 60px auto;	
}
.contacto a {
	font-size: 16px;
	color: #A02629;
	font-weight: bold;
	line-height: 2em;
	font-style: italic;
}
.contacto a:hover{
	text-decoration:none;
}

#info2 {
	float: right;
	width: 300px;
	margin: 5px;
	padding: 5px;
	border: 1px solid #A02629;
}
#form1 #button {
	background-image: url(images/boton.jpg);
	height: 29px;
	width: 88px;
	color: #666666;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-weight: bold;
	cursor:hand;
}
.entrada {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	width: 200px;
	height: 25px;
}
#form1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
}

.entrada_texto {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	width: 200px;
	
}
.cosmito {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-align: center;
}