
/*------------------------------------------------------------------
Proyecto:   Executive Hotel
Actualizado:    15/07/08
-------------------------------------------------------------------*//*
*/
/*------------------------------------------------------------------
Neutralizacion
-------------------------------------------------------------------*/html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,th,td{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-weight:inherit;
  font-style:inherit;
  font-size:100%;
  font-family:inherit;
  vertical-align:baseline
}


/* remember to define focus styles! */
:focus{
  outline:0
}
ol,ul{
  list-style:none
}
/* tables still need 'cellspacing="0"' in the markup */
table{
  border-collapse:separate;
  border-spacing:0
}
caption,th,td{
  text-align:left;
  font-weight:normal
}
blockquote:before,blockquote:after,q:before,q:after{
  content:""
}
blockquote,q{
  quotes:"" ""
}
/*------------------------------------------------------------------
Layout
-------------------------------------------------------------------*/
/*
Unidad base de la grilla: 50px con un margen de 10px
Total de unidades base: 16
Ancho total: 950px
*/
#wrap-gral{
  margin:0 auto;
  padding:0;
  background:#E5E3DE
}
#wrap{
  margin:0 auto 15px auto;
  width:940px;
  background:#FFF
}
.marco-head{
  margin:0 auto;
  width:940px;
  overflow:hidden
}
.marco{
  width:940px;
  overflow:hidden
}
.columna{
  float:left;
  margin-right:20px
}
.uno{
  width:60px
}
.dos{
  width:140px
}
.tres{
  width:220px
}
.cuatro{
  width:300px;
  /*background:#CCC;*/
}

.marcas{
  width:450px;
}

.forma{
  width:300px;

  /*background:#CCC;*/
}

/* IE6 Only */ 
* html .cuatro{
  padding:18px;
  width:280px;
  /*background:#CCC;*/
}
.cuatro_video{
  width:250px
}
.cinco{
  width:380px
}

.galeria{
  width:650px
}
.seis{
  width:460px
}
.siete{
  width:540px
}
.ocho{
  width:620px
}
.nueve{
  width:700px;
  
}
/* IE6 Only */ 
* html .nueve{
  width:715px
}
.clima{
  width:60px;
  padding-top:10px;
  
}
.hora{
  width:340px;
  padding-top:16px;
  text-align: left;
  
}
.ultima{
  margin-right:0;
  
}

.promo{
  float:left;
  width:300px;
  /*margin-right:0;*/
  /*height:280px;*/
  background:#CCC;
}
.promo_1{
  height:137px;
}

/*------------------------------------------------------------------
Ubicacion
-------------------------------------------------------------------*/

.tresubicacion{
  width:670px} 
  
.seisubicacion{
  width:670px;
  /*height:350px;*/
  margin-left:20px;
}
.ultimaubicacion{
  margin-right:0
}





/*------------------------------------------------------------------
Elementos
-------------------------------------------------------------------*/
html{
  font-family:arial,helvetica,verdana,sans
}
body{
  background:url(imgs/background_dos.gif)
}

h1,h2,h3,h4,h5,h6{
  font-weight:bold
}
h1{
  font-size:3em
}
h2{
  font-size:2.5em
}
h3{
  font-size:1.2em;
  text-transform:uppercase;
  color:#001834
}
h4{
  font-size:1.6em
}
h5{
  font-size:1.4em
}
h6{
  font-size:11px
}
p,li,table{
  font-size:11px
}
.reservas{
 /* background:url(imgs/button_bg.gif) repeat-x left top;*/
  padding:5px 0;
  margin:0;
  margin-left:10px;
  margin-bottom:2px;
  text-align:left;
  color:#333;
  text-transform:uppercase
}

h1,h2,h3,h4,h5,h6,p,ol,ul,blockquote,table{
/* ,img   */
  padding-top:0pt;
  padding-right:20px;
  padding-bottom:10px;
  padding-left:20px;
  color:#777
  }

a{
	color:#857040;
	text-decoration:none
}
a:focus,a:hover{
  color:#000
}
strong{
  font-weight:bold
}
em{
  font-style:italic
}
acronym{
  text-transform:uppercase
}
/*

detalles titulos y subtitulos

--------------------------*/
.subtitulo{
  color:#001834
}
/*

imagenes 

--------------------------*/
p img{
  padding:0
}
/*

elementos

--------------------------*/
.menusuperior{
  height:50px;
  background:#FFF
}
.menusuperior p{
  height:50px;
  line-height:50px;
  color:#CCC
}
.menucentral{
  height:30px;
  line-height:30px;
  color:#000;
  border-bottom:1px solid #857040;
  margin-bottom:15px;
  margin-right:0px; 
  margin-left:-10px; 
   
}

/* IE6 Only */ 
* html .menucentral{
  height:10px;
  line-height:30px;
  color:#000;
  border-bottom:1px solid #857040;
  margin-bottom:15px;
  margin-right:20px
  
}
.menucentral a{
  padding:0 5px
}
/* IE6 Only */ 
* html .menucentral a{
  padding:0 3px
}
.pie{
  height:50px;
  border-top:1px solid #CCC;
  border-bottom:1px solid #CCC;
  margin-bottom:15px
}
.pie_marcas{
  height:70px;
  border-top:1px solid #CCC;
  border-bottom:1px solid #CCC;
  margin-bottom:15px;
  margin-top:20px;
  padding-top:15px;
}
.pie p{
  height:50px;
  line-height:50px;
  color:#777
}
/*

submenu - lateral izquierdo

--------------------------*/
.submenu{
  clear:both;
  padding-top:15px;
  margin-left:10px;
  border-top:1px solid #BDA775;
}
.submenu a,.submenu a:link{
  /*line-height:30px;
  color:#000;*/
  /*border-bottom:1px solid #000;*/
  color:#857040;
  font-weight:normal;
  display:block;
  padding:0 0 5px 0;
  margin:0;
}
.submenu a:hover{
  color:#333;
}
/*

submenu2 - lateral izquierdo

--------------------------*/
.submenu2{
  background:#EEE;
  height:30px;
  line-height:30px;
  padding:0 5px;
  margin:0 20px 15px 20px;
}
.submenu2 a,.submenu2 a:link{
  color:#777;
}
.submenu2 a:hover{
  color:#000;
}
a.actual,a:link.actual{
  color:#000;
  font-weight:bold;
}
/*

formulario

--------------------------*/
.formulario{
  background:#FFF;
}
.tablareserva{
  width:210px
}
.tablareserva td{
  padding-right:5px
}

/*

contenidos

--------------------------*/
.contenidocentral ul{
  list-style-type:disc;
  margin-left:10px
}
.contenidocentral ul li{
  margin-bottom:0px
}
/*

accesorios

--------------------------*/
.align-right{
  text-align:right
}
.align-left{
  text-align:left
}
.align-center{
  text-align:center
}
.box{
  background:url(imgs/background_reservas.jpg);
  /*background:#CCC;*/
  padding:10px ;
  /*color:#644834*/
}
.box p,.box table{
  margin:0;
  padding:0 10px 10px 10px
}

*html .box p,.box table{
  margin:0;
  padding:0 10px 10px 10px
}

.clear{
  clear:both
  
}
/*------------------------------------------------------------------
NiceForms
-------------------------------------------------------------------*/
/*##########################################
Name: Default styling for Niceforms v.1.0
Author: Lucian Slatineanu
URL: http://www.badboy.ro/
##########################################*/
/*Forms defaults - change as needed*/
input,textarea{
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  color:#001834
}
label{
  color:#999;
  cursor:pointer;
  padding-left:2px;
  line-height:16px
}
label.chosen{
  color:#333
}
/*Transparent items*/
.outtaHere{
  position:absolute;
  left:-3000px
}
/*Radio buttons*/
.radioArea,.radioAreaChecked{
  display:block;
  float:left;
  clear:left;
  width:15px;
  height:14px;
  font-size:0;
  cursor:pointer
}
.radioArea{
  background:url(imgs/radio.gif) no-repeat left top
}
.radioAreaChecked{
  background:url(imgs/radio.gif) no-repeat left bottom
}
/*Checkboxes*/
.checkboxArea,.checkboxAreaChecked{
  display:block;
  float:left;
  clear:left;
  width:13px;
  height:13px;
  font-size:0;
  padding:0;
  margin:0;
  cursor:pointer
}
.checkboxArea{
  background:url(imgs/checkbox.gif) no-repeat left top
}
.checkboxAreaChecked{
  background:url(imgs/checkbox.gif) no-repeat left bottom
}
.focused{
  border:1px dotted #ddd
}
/*Text inputs*/
.textinput,.textinputHovered{
  height:15px;
  background:url(imgs/input_bg.gif) repeat-x left top;
  border:none;
  padding:4px 0;
  vertical-align:middle
}
.textinputHovered{
  background-position:left bottom
}
.inputCorner{
  padding-bottom:0;
  vertical-align:middle
}
/*Text areas*/
.txtarea .tr,.txtarea .tr_xon{
  background:url(imgs/txtarea_tr.gif) no-repeat top right
}
.txtarea .tr_xon{
  background:url(imgs/txtarea_tr_xon.gif) no-repeat top right
}
.txtarea img.txt_corner{
  width:5px;
  height:5px;
  display:block
}
.txtarea .br,.txtarea .br_xon{
  background:url(imgs/txtarea_br.gif) no-repeat top right
}
.txtarea .br_xon{
  background:url(imgs/txtarea_br_xon.gif) no-repeat top right
}
.txtarea .cntr{
  background:url(imgs/txtarea_cntr.gif) repeat-y right top
}
.txtarea .cntr_xon{
  background:url(images/txtarea_cntr_xon.gif) repeat-y right top;
 }
.txtarea .cntr_l,.txtarea .cntr_l_xon{
  width:5px;
  background:url(imgs/txtarea_l.gif) repeat-y left top;
  float:left
}
.txtarea .cntr_l_xon{
  background:url(imgs/txtarea_l_xon.gif) repeat-y left top
}
.txtarea textarea{
  border:0;
  background:none;
  padding:0;
  margin:5px
}
/*Selects*/
.selectArea{
  width:200px;
  height:21px;
  background:url(imgs/select_bg.gif) repeat-x left top
}
.selectArea .left{
  width:8px;
  height:21px;
  float:left;
  background:url(imgs/select_left.gif) no-repeat left top
}
.selectArea .right{
  width:21px;
  height:21px;
  float:right;
  background:url(imgs/select_right.gif) no-repeat left top
}
.selectArea .right a{
  display:block;
  width:200px;
  height:21px;
  margin-left:-179px;
  position:absolute
}
.selectArea .right i{
  display:none
}
.selectArea .center{
  width:160px;
  color:#644834;
  padding-top:3px;
  overflow:hidden;
  white-space:nowrap
}
/*Selects drop-down*/
.optionsDivInvisible,.optionsDivVisible{
  position:absolute;
  margin-top:-1px;
  margin-left:3px;
  width:172px;
  background:#001834;
  padding:2px;
  font-size:11px;
  z-index:20
}
.optionsDivInvisible{
  display:none
}
.optionsDivVisible{
  display:block
}
.optionsDivVisible p{
  margin:0;
  padding:0
}
.optionsDivVisible a{
  color:#F2F2F2;
  text-decoration:none;
  display:block;
  padding:1px 4px;
  border:1px solid #001834
}
.optionsDivVisible a:hover{
  color:#FFF;
  background:#5F6062;
  border-color:#cfd0d6
}
/*Button*/
.buttonSubmit,.buttonSubmitHovered{
  width:auto;
  height:26px;
  color:#FFF;
  font-weight:bold;
  padding:2px;
  background:url(imgs/button_bg.gif) repeat-x left top;
  cursor:pointer;
  border:none
}
.buttonSubmitHovered{
  background-position:left bottom
}
.buttonImg{
  vertical-align:bottom
}
.park{
	font-weight: bold;
	padding-top: 5px;
}
.footer{
	text-align: center;
}
.bajo{
	background: #FFF;
	margin-left: 10px;
	border-top:1px solid #BDA775;
}
.espacio_blanco{
	background: #FFF;
	margin-left: 10px;
	border-top:1px solid #BDA775;
	width:auto;
    
}
.bajo_temp{
	padding-left:20px;
	margin-left:10px;
	border-top:1px solid #BDA775;
}
.video{
	background-image: url(imgs/vidoicon.jpg);
	background-repeat: no-repeat;
	padding-left: 26px;
}
.bajolan{
border-top:1px solid #BDA775;
background: #fff;
}
/*PROMOCIONES ////////////*/
.bajo_hora{
  background:#FFF;
  padding-top: 5px;
  padding-right: 20px;
  font-size:12px;
  color:#808091;
  height:21px;
}

.cuatro_promo{
  width:300px;
  margin-bottom:10px;
}
.promo{
  float:left;
  width:276px;
  /*margin-right:0;*/
  /*height:280px;*/
  background:#FFF;
  border-top:1px solid #BDA775;
  border-bottom:1px solid #BDA775;
  border-right:1px solid #BDA775;
  border-left:1px solid #BDA775;
}
/* Only IE6*/
* html .promo{
  float:left;
  width:293px;
  /*margin-right:0;*/
  /*height:280px;*/
  background:#FFF;
  border-top:1px solid #BDA775;
  border-bottom:1px solid #BDA775;
  border-right:1px solid #BDA775;
  border-left:1px solid #BDA775;
}
.promo_1{
	float:left;
	height:73px;
	width:92px;
	/*margin-bottom:10px;*/
	border-top:5px solid #FFF;
  	border-bottom:5px solid #FFF;
	border-right:5px solid #FFF;
 	border-left:5px solid #FFF;
}
.promo_txt{
	float:left;
	font-size:11px;
  	margin-left:20px;
	margin-top:5px;
	color:#777;
	border-top:1px solid #FFF;
	height:78px;
	width:148px
}
.promo_txt_derecha{
	float:right;
	font-size:11px;
  	margin-left:20px;
	margin-top:5px;
	color:#777;
	border-top:1px solid #FFF;
	height:78px;
	width:260px
}
.planos_salones{
	float:left;
	height:157px;
	width:255px;

}

/* Only IE6*/
* html .promo_txt{
	float:left;
	font-size:11px;
  	margin-left:20px;
	margin-top:5px;
	color:#777;
	border-top:1px solid #FFF;
	height:78px;
	width:156px
}
.promo_bajo{
	float:left;
	height:152px;
	width:657px;
	margin-left:260px;
	margin-bottom:10px;
	border-top:1px solid #CCC;
 	
}
.promo_der{
	float:right;
	height:152px;
	width:657px;
	margin-right:20px;
	margin-bottom:10px;
	margin-top:20px;
	border-top:1px solid #CCC;
 	
}
/*p_promo{
  font-size:10px;
  color:#777;
}*/
/*
submenu3 - lateral izquierdo

--------------------------*/
.submenu3{
  /*background:#EEE;*/
  /*height:30px;*/
  /*line-height:30px;*/
  padding:0 5px;
  margin:0 20px 15px 20px;
}
.submenu3 a,.submenu3 a:link{
  color:#857040;
}
.submenu3 a:hover{
  color:#000;
}

/*submenu4 - 
--------------------------*/
.submenu4{
  padding:10px 5px;
  margin:10px 20px 15px 20px;
  background:#ebe8d7;
}
.submenu4 a,.submenu4 a:link{
  color:#857040;
}
.submenu4 a:hover{
  color:#000;
}
a.actual,a:link.actual{
  color:#000;
  font-weight:bold;
}

.idioma{
  background:#FFF;
  line-height:11px;
  margin-left:10px;
  margin-top:9px;
  border-bottom:1px solid #857040;

 }
/* IE6 Only */ 
* html .idioma{
  background:#FFF;
  line-height:11px;
  margin-top:9px;
  border-bottom:1px solid #857040;
  height:31px;
}

.fotos_bajo{
	float:left;
	height:152px;
	width:657px;
	
	margin-left:20px;
	margin-bottom:30px;
	border-top:0px ;
 	border-bottom:0px ;
  	border-right:0px ;
  	border-left:0px ;
}
.foto_der{
  width:300px;
  
}
.foto_derecha{
  float:left;
  width:276px;
  /*margin-right:0;*/
  /*height:280px;*/
  background:#FFF;
}
.seis_2col{
  width:290px;
  float:left;
  /*height:500px;*/
  /*margin-left:20px;*/
}
.prensa{
  float:left;
  width:300px;
  margin-left:20px;
  /*margin-right:0;*/
  /*height:280px;*/
  
}
.salones{
  float:left;
  width:300px;
  margin-left:20px;
  height:170px;*/
  
}
.fotos_bajo_derecha{
	float:right;
	height:152px;
	width:657px;
	margin-bottom:30px;
	margin-right:21px;
}
.promociones{
	float:left;
	height:25px;
	width:657px;
	
	
}
.promociones_dos{
	float:left;
	height:125px;
	width:159px;
	background:#ccc;
	/*margin-top:5px;
	margin-bottom:5px;	*/
}
.promociones_tres{
	float:left;
	width:235px;
	height:125px;
	margin-left:12px;
}
.fotos_salon{
	float:left;
	height:323px;
	width:657px;
	
	margin-left:20px;
	margin-bottom:0px;
	border-top:0px ;
 	border-bottom:0px ;
  	border-right:0px ;
  	border-left:0px ;
}
.texto_fotos_salon{
	float:left;
	height:60px;
	width:657px;
	
	margin-left:20px;
	margin-bottom:30px;
	
}


