/* 
Hoja de estilo de AyudaACTIVA.com
Copyright 2007 - AyudaACTIVA.com
*/

/*************** BÁSICO ***************/

body {
	background-color: #85a7c3;
	text-align: center;
	font: 1em "Verdana", Lucida Grande, Arial;
	margin: 0px auto 0px auto;
	background-image: url(imagenes/bg.jpg);
	background-repeat: repeat-x;
}

p {
	font-size: 0.8em;
	color: #111;
	line-height: 120%;
}

hr {
	display:none;
}

h1 {
	font-size:25px;
	text-align : left;
	color : #1E90FF;
	margin:0;
}

h2 {
	text-align:center;
	font-size:16px;
	color: #111;
	text-transform: capitalize;
}

h3 {
	font-size:18px;
	text-align : left;
	color : #999;
	border-bottom: 1px solid #dadada;

}
h4 {
	font-size: 0.7em;
	text-align: center;
	color: #fff;
	font-weight:normal;
}
h5{
	text-align:center;
	font-size: 10px;
	color:#666;
	margin-top: 0px;
}

.clr {
	clear:left;
}

/*************** CONTENEDOR ***************/

#contenedor{
	
	margin:10px auto 0px auto;	
	width: 874px;
}

/*************** CABECERA ***************/

#cabecera{
	width: 100%;
}

#logo{
	float: left;
	width: 279px;
}

.imagen{
	background-color: #fff;
	padding: 5px;
}
.imagen img{
	border: 1px solid #999;

}
/*************** MENÚ ***************/

#menu{
	position:relative;
	margin-top: 120px !important;
	margin-top: 135px;
	float:right;
}
#menu li{
	height:20px;
	float: left;
	list-style-type: none;
	font-size: 0.6em;
	padding: 4px 0px 4px 0px;
}

#menu ul li a {
	background-color:#fff;
	border-top: 4px solid #ccc;
	border-right: solid 1px #f2f2f2;
	text-decoration: none;
	padding: 7px 13px 10px 13px;
	color: #111;
	font-weight: bold;
}
#menu ul li a:hover{
	background-color: #ccc;
	color: #111;
	border-top-color: #fff;
}
/*************** CONTENIDO ***************/
#contenido{
	background-color: #fff;
	padding-bottom:5px;
}

#texto-index{
	float: left;
	margin-top: 20px;
	margin-left: 50px;
	width: 500px;
	}
#texto-index p{
	font-size: 12px;
	text-align: justify;
	}
#texto-index li {
	font-size:12px;
	text-align: justify;
	padding-bottom: 6px;
	line-height:18px;
}

#texto-index-blog{
	font-size:0.8em;
	float: left;
	margin: 20px 0px 25px 15px;
	width: 328px;
	height:48px;
	border:1px solid #999;
	background-image: url(imagenes/fondob.jpg);
	background-repeat: no-repeat;
	background-color: #fffff7;
}

#texto-index h1{
	font-size: 15px;
	color: #37608b;
	border-bottom: 1px solid #dadada;
} 

#texto-index-blog p{
	padding-left: 65px;
	margin-right: 10px;
	text-align: justify;	

}
#texto-index-mail{
	font-size:0.8em;
	float: left;
	margin: 0px 0px 0px 22px;
	width: 268px;
}

#texto-index-mail p{
	padding-left: 65px;
	margin-right: 10px;
	text-align: left;	

}

#texto-index-mail ul{
	padding-left: 20px;
}
#texto-index-mail li{
	text-align: left;
	list-style-type: circle;
	padding-bottom: 15px;
}

#texto-index-mail a{
	color: #77acff;
}
#texto-index-mail a:hover{
	color: #4488f2;
	font-weight: bold;
}


#der{
	font-size:0.8em;
	float: left;
	margin: 11px 0px 0px 22px;
	width: 288px;
	height:35px;	
} 
#der h3{
	font-size: 12px;
	color: #37608b;
	padding-left: 5px;
	margin-right: 10px;
	text-align: left;	

}

#contenido img{
	border: 1px solid #999;
}
#dest {
	margin-top:5px;
}
.imgdestcent{
	margin-left: 2px;
	margin-right: 2px;
}
.barratit {
	text-align: center;
	width:100%;
	height:28px;
	background-image: url(imagenes/barratit.jpg);
}
.barratit h4 {
	color: #111;
	font-size: 0.8em;
	margin: 0px 0px 0px 0px;
	padding-top: 6px;
}

#texto {
	margin:20px auto 10px auto;
	width:770px;
	
}
#texto p{
	text-align:justify;

}

.indent{
	text-indent: 15px;
}
.detalles{
	color: #999;
	font-size: 1em;
}

.precio{
	color:red;
	font-weight: bold;
}

#texto li{
	font-size: 0.8em;
	text-align:left;
	margin-left: 10px;
    padding-bottom:5px;	
}
.enlace{
	background-image: url(imagenes/page_link.png);
	background-repeat: no-repeat;
	height:20px;
	
}
.enlace a{
	text-indent: 0px;
	text-decoration: none;
	margin-left: 25px;
	color: #0084d0;
}
.enlace a:hover{
	text-decoration: underline;
}

.mail{
	background-image: url(imagenes/email.png);
	background-repeat: no-repeat;
	height:20px;
	
}
.mail a{
	text-indent: 0px;
	text-decoration: none;
	margin-left: 25px;
	color: #0084d0;
}
.mail a:hover{
	text-decoration: underline;
}

#quienes1{
	float: left;
	border: 1px solid #ccc;
	padding: 10px;
	width: 750px;
}
#quienes2{
	float: left;
	border: 1px solid #ccc;
	padding: 10px;
	width: 350px;
	margin-left: 25px;
}

#quienes h2{
	margin: 100px 0px 0px 0px;
}

.foto {
	float: right;
	padding: 5px;
	border: 1px solid orange;
}

#quienes1 ul li,#quienes2 ul li{
	margin-left: 0px;
}




/*************** PIE ***************/
.barra {
	width:100%;
	height:28px;
	background-image: url(imagenes/barratit.jpg);
}
.barra h4 {
	text-align:right;
	font-size: 0.6em;
	color:#777;
	margin: 0px 0px 0px 0px;
	padding-top: 6px;
	padding-right:10px;
}