@charset "UTF-8";

/* GENERAL ------------------------------- */
* {margin:0; padding:0; text-align:left;}
html {  height:100%; }
body {	margin-bottom: 30px;  color:#555; text-align:center; height:100%; background:#3877ad url('img/bk.jpg') no-repeat fixed bottom center; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Verdana, Arial, Helvetica; background-attachment:fixed}
.wrap {	width: 850px; margin: 0 auto; padding-bottom:50px;}
a, a:visited, a img { color:#e5511b; border:none; outline:none;}
a:hover { color:#000000; }
img { border:none; }
.clr {clear:both; height:0%; font-size:1px;}
.line { border-top:1px solid #E4E0CC; margin-bottom:20px; }
.video { text-align:center; margin:0 auto; }
.barra {
	width:960px;
	height:70px;
	margin: 15px 0 10px 0;
}
.audio { float:right; width:100px; height:20px; position:relative; }

/* BASICS ------------------------------- */
.wrap { width:960px; margin:0 auto; text-align:center; }
h1, h2, h3, #content p { margin-bottom:13px; }
.header { height:70px; width:960px; }
.header .slogan { float:right; }

/* ESTILOS FOTOS -------------------------- */
.picbr {float:right; border:1px solid #dfded4; padding: 2px; margin: 7px 0 0 7px; background-color:#ecebe2;}
.picbl {float:left; border:1px solid #dfded4; padding: 2px; margin: 7px 7px 0 0; background-color:#ecebe2;}
.picbcenter { display:block; width:100%; text-align:center; border:1px solid #dfded4; padding: 5px; background-color:#ecebe2; }
.picr {float: right; margin: 0 0 5px 10px; }
.picl {float: left; margin: 0 10px 5px 0;}
.piccenter { display:block; width:100%; text-align:center; }


/* CONTENT ------------------------------- */
#content { background:#FFF url('img/back8.jpg') no-repeat 10px 0; padding-left:0; padding-right:0; padding-top:20px; padding-bottom:20px  }
body#caracteristicas #content { background:#FFF url('img/back6.jpg') no-repeat 10px 0; padding-left:0; padding-right:0; padding-top:20px; padding-bottom:20px }
body#ubicacion #content { background:#FFF url('img/back5.jpg') no-repeat 10px 0; padding-left:0; padding-right:0; padding-top:20px; padding-bottom:20px }
body#galeria #content { background:#FFF url('img/back4.jpg') no-repeat 10px 0; padding-left:0; padding-right:0; padding-top:20px; padding-bottom:20px }
body#tour #content { background:#FFF url('img/back1.jpg') no-repeat 10px 0; padding-left:0; padding-right:0; padding-top:20px; padding-bottom:20px }
body#layout #content { background:#FFF url('img/back3.jpg') no-repeat 10px 0; padding-left:0; padding-right:0; padding-top:20px; padding-bottom:20px }
body#publireportaje #content { background:#FFF url('img/back9.jpg') no-repeat 10px 0; padding-left:0; padding-right:0; padding-top:20px; padding-bottom:20px }
body#canoras #content { background:#FFF url('img/back7.jpg') no-repeat 10px 0; padding-left:0; padding-right:0; padding-top:20px; padding-bottom:20px }
body#contacto #content { background:#FFF url('img/back2.jpg') no-repeat 10px 0; padding-left:0; padding-right:0; padding-top:20px; padding-bottom:20px }


/* WIDECOL ------------------------------- */
.widecol {
	float:right;
	width:640px;
	font:normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#4f3621;
	margin:150px 40px 0 0;
}
.widecol h1 { font:normal 35px/40px Arial, Verdana, Helvetica, sans-serif; color:#4f3621; margin-bottom:15px; }
.widecol h2 { font: bold 16px/20px Arial, Helvetica; color:#574739; }
.widecol h3 { color: #ba7c2b; font:normal 17px/20px "Trebuchet MS", Arial, Helvetica;}
.widecol ul, .widecol ul#home { margin:0 0 13px 10px; padding:0; list-style:none; }
.widecol li { background:url('img/bullet3.gif') no-repeat 0 50%;; padding-left:10px; padding-right:0; padding-top:3px; padding-bottom:3px }
.widecol ul#home li { background:url('img/bullet-home.png') no-repeat 0 50%;; padding-left:20px; padding-right:0; padding-top:3px; padding-bottom:3px }
.widecol strong { color:#000000; }
.widecol .inputtext { border:1px solid #ccc; padding:3px;  }

/* NARROWCOL ------------------------------- */
.narrowcol {
	float:left;
	width:227px;
	margin:100px 0 0 10px;
}
.narrowcol h3 { padding:7px 7px 7px 10px; font:normal 16px Arial, Verdana, Helvetica, sans-serif; color:#ba7c2b; margin:0; }
.narrowcol .modulo { padding:10px; background:#F3F1E9; border:1px solid #E4E0CC; }
.narrowcol  ul { margin:0 0 13px; padding:0; list-style:none; font:normal 12px Verdana, Arial, Helvetica, sans-serif; }
.narrowcol li {  }
.narrowcol li a { background:url('img/bullet3.gif') no-repeat 10px 50%; width:200px; display:block; color:#4f3621; text-decoration:none; margin:0; padding-left:20px; padding-right:0; padding-top:5px; padding-bottom:5px }
.narrowcol li a:hover { color:#000; background:#e9e6da url('img/bullet2.gif') no-repeat 10px 50%; }


/* CURRENT ------------------------------- */

body#home li#inicio a, 
body#caracteristicas li#caracteristicas a, 
body#ubicacion li#ubicacion a, 
body#galeria li#galeria a, 
body#tour li#tour a, 
body#layout li#layout a,
body#publireportaje li#publireportaje a, 
body#canoras li#canoras a, 
body#contacto li#contacto a
{ color:#FFF; background: url('img/current.png') no-repeat; padding-left:10px; width:210px; font-weight:bold }

#footer { margin-top:10px; }
.navfooter { float:right; width:120px; padding: 0 10px; height:20px; line-height:20px; text-align:right;  }
.navfooter a { color:#000; }


/* sIFR  --------------------------------------- */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	margin:0;
}
.sIFR-hasFlash .narrowcol h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 20px;
}

h1 {
	font-size:25px;
	padding: 22px 0 20px 0;
	margin:0;
}

.narrowcol h3 {
	font-size: 20px;
	padding: 5px 0 5px 0;
	margin:0;
}