/**************************************
         Generales para layout
***************************************/
*, hmtl {
	margin: 0px;
	padding: 0px;
}

@font-face {
    font-family: 'RobofanFreeRegular';
    src: url('../fonts/robofan-webfont.eot');
    src: url('../fonts/robofan-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robofan-webfont.woff') format('woff'),
         url('../fonts/robofan-webfont.ttf') format('truetype'),
         url('../fonts/robofan-webfont.svg#RobofanFreeRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



body {
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
	font-size: 100%;
}

a {
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #00aca2;
}

/**************************
           Header
***************************/
#hdr_wrap {
	width: 100%;
	height: 140px;
	background: #CCC url(../imagenes/fondo-header.jpg) repeat-x top;
}

#header {
	width: 970px;
	margin: 0px auto;
}


h1 a {
	display: block;
	width: 295px;
	height: 112px;
	float: left;
	background: url(../imagenes/logo-travelfan.png) no-repeat center;
	text-indent: -999999px;
	overflow:hidden;
}

.slogan {
	display: block;
	width: 280px;
	height: 24px;
	float: right;
	text-align: right;
	font-size: 22px;
}

.num-gratuito {
	display: block;
	width: 294px;
	height: 22px;
	float: right;
	margin: 8px 0px 0px 200px;
	padding-top: 1px;
	text-align: right;
	font-weight: bold;
	font-size: 12px;
	background: url(../imagenes/icono-telefono.png) 2px 3px no-repeat;
	
}

/***************************************
               Menúes
****************************************/
.menu li, .menu-redes-sociales li {
	float: left;
	list-style-type: none;
}

.menu {
	display: block;
	float: left;
	width: 780px;
	height: 42px;
	margin-top: -6px;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.menu li a {
	display: block;
	padding: 9px 17px 11px 17px;
}

li.actual a {
	background: white;
	-moz-border-radius: 12px 12px 0px 0px;
	border-radius: 12px 12px 0px 0px;
	color: #00aca2;
	font-weight: bold;
	-moz-box-shadow: 5px -5px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: 5px -5px 4px rgba(0,0,0,0.2);
	box-shadow: 5px -5px 4px rgba(0,0,0,0.2);
}


.menu-redes-sociales {
	display: block;
	float: right;
	width: 88px;
	height: 26px;
	margin-top: -14px;
}


.menu-redes-sociales li a {
	float: left;
	display: block;
	width: 26px;
	height: 26px;
	text-indent: -999999px;
	overflow:hidden;
	background-image: url(../imagenes/iconos-redes.png) ;
}

a.facebook {
	background-position: 0px 0px;
}

a.twitter {
	margin: 0px 4px;
	background-position: -26px 0px;
}

a.google-plus {
	width: 25px;
	background-position: -53px 0px;
}

/****************************************
         Contenedor de información
*****************************************/
#content {
	width: 970px;
	margin: 0px auto;
	color: #717174;
	font-size: 12px;
}



/*******************************************
     Motor de búsqueda y galería
********************************************/
#motor-busqueda {
	width: 506px;
	height: 380px;
	float: left;
	margin: 70px 18px 0px 0px;
}

/*******************************************
     Imagenes alusivas a cada sección
********************************************/
#eyecatcher {
	width: 446px;
	height: 430px; 
	float: right;
	margin: 20px 0px 0px 0px;	
}

/********************************************
		    Columnas de contenido
*********************************************/
#info-general {
	width: 504px;
	margin-right: 20px;
	margin-top: 20px;
	float: left;
}

#info-general-reduc {
	width: 390px;
	margin-right: 20px;
	margin-top: 20px;
	float: left;
}

#content h3 {
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #47aa42;
	border-bottom: 1px solid #cacaca;
	padding-bottom: 7px;
	margin-bottom: 60px;
}

#info-especifica {
	width: 446px;
	float: right;
	margin-top: 20px;
}

#info-especifica-amplia {
	width: 560px;
	float: right;
	margin-top: 20px;
}

h2 {
	font-family: 'RobofanFreeRegular', "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
;
	font-size: 38px;
	color: #00aca2;
	text-shadow: 2px 2px 4px #ddd;
	
}

#info-especifica p {
	padding-bottom: 1.6em;
}


.barra-adorno-content {
	clear: both;
	width: 970px;
	margin-bottom: 40px;
	border-bottom: 1px solid #cacaca;
}


/*****************************
		   Footer
******************************/
#ftr-wrap {
	width: 100%;
	clear: both;
	min-height: 127px;
	background: #717174 url(../imagenes/fondo-footer.gif) repeat-x top;
}

#footer {
	width: 970px;
	margin: 0px auto;
	font-size: 11px;
}

#footer, #footer a {
	color: #fefefe;
}

#footer a:hover {
	color: #fff;
	text-decoration: underline;

}

ul.menu-footer {
	display: block;
	float: left;
	margin: 23px 0px 22px 0px;
}

ul.menu-footer li {
	display: inline;
	margin-right: 14px;
}

.ajustemenu {
	margin-top: 20px;
}

.barra-adorno {
	clear: both;
	border: 0px;
	height: 1px;
	background-color: #585858;
}

.copyright, .wandoo-link {
	display: block;
	margin-top: 27px;
}

.copyright {
	float: left;
}

.wandoo-link {
	float: right;
}

.titulo-ftr {
	clear: both;
	padding-top: 40px;
}

#info-general-ftr {
	width: 440px;
	min-height: 240px;
	margin-right: 70px;
	margin-top: 20px;
	float: left;
}

#info-especifica-ftr {
	width: 460px;
	float: right;
	margin-top: 20px;
}