/*CSS Document
----------------------- General -----------------------*/
BODY
{
	background: #8E271C;
	padding: 0;
	margin: 0;
}
*
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 18px;
}
#content
{
	width: 1005px;
	background: url(../images/fnd-middle.jpg) repeat-y top left;
	margin: 0 auto;
}
#content-top
{
	width: 1005px;
	background: url(../images/fnd-top.jpg) no-repeat top left;
	float: left;
}
#content-bottom
{
	width: 960px;
	background: url(../images/fnd-footer.jpg) no-repeat bottom left;
	padding: 11px 25px 20px 20px;
	float: left;
}
/*----------------------- Top -----------------------*/
#top
{
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	height: 127px;
}
#logo
{
	width: 226px;
	padding: 0;
	float: left;
	height: 100px;
	margin: 0;
}
#top .bloque
{
	width: 450px;
	float: right;
}
#top .bloque .publi
{
	width: 440px;
	float: right;
	height: 61px;
	margin: 0 0 5px;
}
#top .bloque .clima
{
	width: 260px;
	float: left;
	margin: 0;
	padding: 0 5px;
	position: relative;
}
#top .bloque .clima IMG
{
	left: 189px;
	position: absolute;
	top: 0;
	width: 110px;
}
#top .bloque .clima .dia
{
	float: left;
	width: 221px;
	padding: 6px 0 3px;
	color: #FFF;
	font-weight: bold;
	border-bottom: 1px solid #C9766A;
}
#top .bloque .clima .temp
{
	float: left;
	width: 185px;
	padding: 3px 0 0;
	color: #FFF;
	font-size: 11px;
}
#top .bloque .face
{
	width: 170px;
	float: right;
	margin: 0;
}
#top .bloque .face IMG
{
	float: left;
}
#top .bloque .face A
{
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	line-height: 21px;
}
/*----------------------- Contenido -----------------------*/
#info
{
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}
/*Izquierda*/
#column-left
{
	float: left;
	width: 205px;
	padding: 25px 0 0;
}
#column-left .buscar
{
	width: 167px;
	padding: 0 0 7px 20px;
	background: url(../images/fnd-buscar.png) no-repeat bottom right;
	margin: 0 0 33px;
	float: left;
}
#column-left .buscar .title
{
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFF;
	font-size: 16px;
	line-height: normal;
	width: 100px;
	padding: 0 0 2px;
	float: left;
}
#column-left .buscar INPUT
{
	float: left;
	background: none;
	border: none;
	outline: none;
	padding: 0;
	height: 21px;
	width: 125px;
}
#column-left .buscar IMG
{
	float: right;
	cursor: pointer;
}
#column-left .rubro
{
	width: 140px;
	padding: 0 0 5px 20px;
	background: url(../images/icon-rubro.gif) no-repeat bottom right;
	margin: 0;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFF;
	font-size: 16px;
	line-height: normal;
}
#submenu
{
	width: 203px;
	float: left;
	background: #FAC500 url(../images/submenu-top.gif) no-repeat top left;
	margin: 0 0 25px;
}
#submenu .top
{
	width: 203px;
	float: left;
	background: url(../images/submenu-down.gif) no-repeat bottom left;
	padding: 14px 0 11px;
}
#submenu .top UL LI
{
	padding: 0;
	width: 203px;
}
#submenu .top UL LI A:hover
{
	background-color: #FCEFBC;
}
#submenu .top UL LI A
{
	background: #F6D35A url(../images/separador-submenu.gif) repeat-x bottom left;
	text-transform: uppercase;
	color: #333;
	font-weight: bold;
	padding: 3px 0 5px 30px;
	display: block;
	width: 173px;
	float: left;
}
#submenu .top UL LI SPAN
{
	background: url(../images/separador-submenu.gif) repeat-x bottom left;
	text-transform: uppercase;
	color: #333;
	font-weight: bold;
	padding: 3px 0 5px 20px;
	display: block;
	width: 183px;
	float: left;
	cursor: pointer;
}
#submenu .top UL LI SPAN:hover
{
	background-color: #FCEFBC;
}
#calendario
{
	background: url(../images/fnd-calendar-middle.jpg) repeat-y top left;
	width: 205px;
	float: left;
}
#calendario .top
{
	background: url(../images/fnd-calendar-top.jpg) no-repeat top left;
	width: 205px;
	float: left;
}
#calendario .top .down
{
	background: url(../images/fnd-calendar-down.jpg) no-repeat bottom left;
	width: 195px;
	float: left;
	padding: 15px 0 14px 10px;
}
#calendario .top .down .title
{
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFF;
	font-size: 16px;
	line-height: normal;
	width: 185px;
	padding: 0 0 0 10px;
	float: left;
	height: 30px;
}
#calendario .top .down .row
{
	width: 195px;
	float: left;
	padding: 0;
}
#calendario .top .down .row .btn
{
	display: block;
	float: left;
	width: 10px;
}
#calendario .top .down .row .mes
{
	display: block;
	float: left;
	width: 165px;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	line-height: normal;
	color: #FFF;
}
#calendario .top .down .row2
{
	width: 182px;
	float: left;
	padding: 0;
	background: url(../images/fnd-calendar.gif) repeat-x bottom left;
	border-bottom: 1px solid #CCC;
	padding: 0 0 0 2px;
}
#calendario .top .down .row2 .dia
{
	width: 26px;
	float: left;
	text-align: center;
	font-size: 10px;
	background: #FFF;
}
#calendario .top .down .row2 .numero
{
	width: 26px;
	float: left;
	text-align: center;
	font-size: 10px;
}
#calendario .top .down .row2 .dia1
{
	width: 26px;
	float: left;
	text-align: center;
	font-size: 10px;
	background: #FFF;
	color: #999;
}
#calendario .top .down .row2 .select
{
	color: #F60;
	cursor: pointer;
}
/*Centro*/
#column-middle
{
	float: left;
	width: 530px;
	padding: 0 0 0 7px;
}
#menu
{
	width: 510px;
	float: left;
	margin: 0 0 25px;
	height: 35px;
	padding: 0 0 0 20px;
}
#menu LI
{
	float: left;
}
#menu LI A
{
	display: block;
	float: left;
	background: url(../images/fnf-menu.gif) no-repeat 0 0;
	width: 124px;
	text-align: center;
	height: 30px;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	text-transform: uppercase;
	padding: 5px 0 0;
	color: #666;
}
#menu LI A:hover, #menu LI A.select
{
	background-position: 0 -35px;
}
.bloque-gr
{
	background: url(../images/fnd-homeGR-top.jpg) no-repeat top left;
	width: 526px;
	float: left;
	margin: 0 0 20px;
}
.bloque-gr .down
{
	background: url(../images/fnd-homeGR-down.jpg) no-repeat bottom left;
	width: 510px;
	float: left;
	padding: 0 0 10px 16px;
}
.bloque-gr .down .fecha
{
	width: 505px;
	padding: 5px 5px 0 0;
	font-size: 11px;
	text-align: right;
	height: 35px;
}
.bloque-gr .down IMG
{
	margin: 0 0 15px;
}
.bloque-gr .down P
{
	font-size: 11px;
}
A.mas
{
	background: url(../images/icon-leer.gif) no-repeat top left;
	padding: 2px 0 3px 25px;
	color: #B30B08;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
}
#column-middle .row
{
	width: 530px;
	float: left;
	padding: 0 0 20px;
}
#column-middle .row .title
{
	width: 480px;
	float: left;
	background: url(../images/fnd-tit-notas.gif) no-repeat top left;
	padding: 10px 0 0 50px;
	color: #B30B08;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	height: 63px;
}
.bloque-left
{
	background: url(../images/fnd-nota.gif) no-repeat top left;
	width: 245px;
	height: 390px;
	float: left;
	padding: 0 0 0 16px;
}
.bloque-right
{
	background: url(../images/fnd-nota.gif) no-repeat top left;
	width: 245px;
	height: 390px;
	float: right;
	padding: 0 0 0 16px;
}
.bloque-left .fecha, .bloque-right .fecha
{
	width: 240px;
	padding: 5px 5px 0 0;
	font-size: 11px;
	text-align: right;
	height: 30px;
}
.bloque-left IMG, .bloque-right IMG
{
	margin: 0 0 10px;
}
.bloque-left P, .bloque-right P
{
	font-size: 11px;
	line-height: 17px;
}
.bloque-left .text, .bloque-right .text
{
	width: 245px;
	min-height: 130px;
	padding: 0;
}
.bloque-ch
{
	background: url(../images/separador-anteriores.gif) no-repeat right;
	width: 160px;
	float: left;
	padding: 0 11px 0 0;
	margin: 0 5px 0 0;
}
.bloque-ch .text
{
	padding: 12px 0 0 8px;
	width: 150px;
}
.bloque-ch .text .dolar
{
	float: left;
	padding: 0 0 3px;
	width: 145px;
	border-bottom: 1px solid #CCC;
	margin: 0 0 8px;
}
.bloque-ch .text .dolar SPAN
{
	float: left;
	font-size: 15px;
}
.bloque-ch .text .dolar STRONG
{
	float: right;
	font-size: 21px;
	width: 60px;
}
.bloque-ch .text .fl
{
	float: left;
}
.bloque-ch .text STRONG
{
	font-size: 21px;
	width: 60px;
}
.bloque-ch .text IMG
{
	margin: 8px 0 15px;
}
.bloque-hotel
{
	background: url(../images/fnd-hoteles.jpg) no-repeat top left;
	width: 500px;
	height: 216px;
	float: left;
	margin: 0 0 10px;
	padding: 0 10px 0 15px;
}
.bloque-hotel P
{
	width: 349px;
	text-align: left;
}
.bloque-hotel .title
{
	width: 500px;
	height: 36px;
	padding: 3px 0 0;
}
.bloque-hotel .title H2
{
	font-size: 17px;
	padding: 2px 15px;
	float: left;
}
.bloque-hotel .lg
{
	float: right;
}
.bloque-hotel .links
{
	width: 500px;
	padding: 5px 0 0;
}
.bloque-hotel .links A.url
{
	background: url(../images/icon-sitio.jpg) no-repeat top right;
	display: block;
	float: left;
	padding: 5px 40px 0 0;
	text-decoration: underline;
	color: #0041B1;
	font-weight: normal;
	margin: 0 20px 0 0;
	height: 25px;
}
.bloque-hotel .links A.mail
{
	background: url(../images/icon-mail.jpg) no-repeat top right;
	display: block;
	float: left;
	padding: 5px 35px 0 0;
	text-decoration: underline;
	color: #0041B1;
	font-weight: normal;
	margin: 0 20px 0 0;
	height: 25px;
}
.bloque-hotel2
{
	background: url(../images/fnd-hoteles-detalle.jpg) no-repeat top left;
	width: 500px;
	float: left;
	margin: 0 0 10px;
	padding: 0 10px 0 15px;
}
.bloque-hotel2 .title
{
	width: 500px;
	height: 36px;
	padding: 3px 0 0;
}
.bloque-hotel2 .title H2
{
	font-size: 17px;
	padding: 2px 15px;
	float: left;
}
.bloque-hotel2 .lg
{
	float: right;
	padding: 0 0 0 1px;
}
#comentarios
{
	width: 523px;
	float: left;
	border: 1px solid #DFC8C6;
	margin: 30px 10px 0 0;
}
#comentarios H2
{
	font-size: 17px;
	color: #FFF;
	padding-left: 20px;
}
#comentarios TABLE
{
	width: 500px;
	margin: 20px 10px;
	float: left;
}
#comentarios TABLE INPUT
{
	width: 400px;
}
#comentarios TABLE TEXTAREA
{
	width: 400px;
	height: 100px;
}
#comentarios TABLE INPUT.btn
{
	width: 150px;
}
#comentarios .comentario
{
	float: left;
	width: 500px;
	margin: 20px;
	font-size: 11px;
}
#comentarios .comentario STRONG
{
	font-size: 14px;
}
#paginador
{
	width: 523px;
	float: left;
	border: 1px solid #DFC8C6;
	border-top: none;
	border-right: none;
	text-align: center;
	padding: 0 0 3px;
	margin: 0 0 20px;
}
#paginador A
{
	text-align: center;
	padding: 0 8px;
	font-size: 16px;
	color: #B30B08;
}
#paginador A:hover, #paginador A.selected
{
	color: #DFC8C6;
}
/*Dereccha*/
#column-right
{
	float: right;
	width: 200px;
	padding: 10px 0 0;
}
#column-right .publi
{
	float: right;
	width: 200px;
	padding: 0;
	margin: 0 0 7px;
}
/*----------------------- Text -----------------------*/
P
{
	margin: 0 0 0px;
	padding: 0px 0 3px;
	text-align: justify;
	line-height: 17px;
	font-size: 12px;
	min-height: 88px;
}
A
{
	text-decoration: none;
	font-size: inherit;
	color: #B30B08;
	font-weight: bold;
}
A:hover
{
	color: #999;
}
STRONG
{
	font-size: inherit;
}
.red
{
	color: #B30B08;
}
H1
{
	font-size: 20px;
	font-weight: bold;
	color: #B30B08;
	margin: 0;
	padding: 2px 0 10px;
	line-height: normal;
}
H2
{
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	margin: 0;
	padding: 5px 0 5px 5px;
	line-height: normal;
	background: #B30B08;
}
H3
{
	font-size: 20px;
	font-weight: bold;
	color: #B30B08;
	margin: 0;
	padding: 2px 0;
	line-height: normal;
	text-transform: uppercase;
}
/*----------------------- Footer -----------------------*/
#footer
{
	padding: 0;
	width: 900px;
	margin: 0 auto 10px;
	border-bottom: 1px solid #AC6762;
}
#footer .face
{
	background: url(../images/icon-facebook.gif) no-repeat top left;
	height: 35px;
	padding: 15px 0 0 45px;
	float: left;
	width: 200px;
}
#footer .face A
{
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
}
#footer #mn
{
	text-align: center;
	float: left;
	width: 475px;
	color: #FFF;
	padding: 8px 0 0;
}
#footer #mn A
{
	color: #FFF;
	text-transform: uppercase;
	padding: 0 8px;
	font-weight: normal;
}
#footer #quantum
{
	float: right;
	width: 175px;
	padding: 0px 0 0;
	margin-top: -11px;
}
/*----------------------- Contact Form -----------------------*/
#contactform
{
	background: transparent url(../images/fnd-homeGR-down.jpg) no-repeat scroll left bottom;
	float: left;
	padding: 0 0 10px 36px;
	width: 480px;
}
#contactform .row
{
	width: 480px;
	float: left;
	margin: 0 0 10px;
}
#contactform .row .input
{
	width: 460px;
	margin: 3px 0 0;
}
#contactform .row TEXTAREA
{
	width: 460px;
	margin: 3px 0 0;
	height: 150px;
}
/*----------------------- Clearfix -----------------------
slightly enhanced, universal clearfix hack*/
.clearfix:after
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	line-height: 0;
}
.clearfix
{
	display: inline-block;
}
/*start commented backslash hack \*/
* HTML .clearfix
{
	height: 1%;
}
.clearfix
{
	display: block;
}
/*close commented backslash hack*/