/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ 
                        general 
~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body {
  font-family: "Trebuchet MS", Tahoma, Arial, serif; font-size:11px; font-weight: normal;
  margin: 0px; overflow:auto;
  background:#CCCCCC url('../img/cageback.jpg') center top repeat;
}


* { margin:0px; padding:0px;}
table { border:0px none; }
acronym {  border-bottom: 1px dashed #19630E; cursor: help; color:#19630E; font-family:Comic Sans MS, Tahoma, Verdana, Arial; font-size:11px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ 
                            links 
~~~~~~~~~~~~~~~~~~~~~~~~~~ */

a { text-decoration: none; color:#000000; }
a:hover { text-decoration: underline; color:#3F0F21; }
a:link { color:#3F0F21; }
a:visited { color:#3F0F21; }
a:active { color:#3F0F21; }

a.gris { text-decoration: none; color:#FFF4CB; }
a:hover.gris { text-decoration: underline; color:#FFF4CB; }
a:link.gris { color:#FFF4CB; }
a:visited.gris { color:#FFF4CB; }
a:active.gris { color:#FFF4CB; }

H1 a { text-decoration: none; color:#795434; }
H1 a:hover { text-decoration: underline; color:#795434; }
H1 a:link { color:#795434; }
H1 a:visited { color:#795434  }
H1 a:active { color:#795434; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ 
                      imagenes 
~~~~~~~~~~~~~~~~~~~~~~~~~~ */

img { border:0px; }
img.left {  border-right:2px solid #666666;border-bottom:2px solid #666666;margin:0px 0px 0px 20px;}
img.lefthostel {  border-right:2px solid #666666;border-bottom:2px solid #666666;margin:0px 10px 0px 0px;}
img.right { margin-left:5px; float:right;  }
img.right_hostel { margin-left:5px; margin-top:5px; float:right;  }
img.right5045 { margin-left:5px; padding:0px 3px 0px 0px;float:right;  }

img.border { border:1px dotted #F56E00 }
img.middle { vertical-align: middle; }
img.arrow { margin:5px 5px 5px 0px; vertical-align:middle; }
img.icon { margin:0px 5px 0px 0px; vertical-align:middle; }
img.mapa{ border-right: 1px solid #514C63;border-bottom: 2px solid #514C63;  }
img.news { background-color: #FFCCE6; border:1px solid #CB049F }

#tbl_buttons img.right { float:right; clear:right; margin:0px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ 
                  formato de texto 
~~~~~~~~~~~~~~~~~~~~~~~~~~ */

H1 { font-family: "Trebuchet MS", Tahoma, serif; font-size:19px; font-weight: normal; padding: 0px 0px 5px 0px; color:#3E7454 }
H2 { font-family: "Trebuchet MS", Tahoma, serif; font-size:14px; font-weight: normal; padding: 0px 0px 1px 0px; color:#3E7454 }
H3 { font-family: "Trebuchet MS", Tahoma, serif; font-size:12px; font-weight: normal; padding: 0px 0px 1px 0px; line-height:14px; }
H4 { font-family: "Trebuchet MS", Tahoma, serif; font-size:11px; font-weight: normal; padding: 0px 0px 1px 0px; color:#3E7454; }
H5 { font-family:"Trebuchet MS", tahoma, serif; font-size:11px; padding:5px 0px 0px 0px; margin:0px; font-weight: normal; line-height:12px; color:#464646; }
H6 { font-family:Verdana, Tahoma, serif; font-size:13px; padding:0px; margin:0px; font-weight: bold; }
.center { text-align:center; }
.right { text-align:right; }
.left { text-align:left }
.justify { text-align:justify; padding-right:10px; }
.abscenter { margin-left: auto; margin-right:auto; text-align:center; }
.top { vertical-align:top; }
.middle { vertical-align: middle; }
.bold { font-weight: bold; }
.italic { font-style: italic }
.unde { text-decoration: underline }
.tach { text-decoration: line-through }
.highlight { font-weight: bold; }
.b { font-weight: bold; }
.i { font-style:italic }
.u { text-decoration:underline }
.t { text-decoration:line-through }
.blue { color:#333399; }
.white { color:#FFFFFF; }
.red { color: #32A745; }
.red1 { color: #821E1E; }
.green { color:#006600; }
.orange { color:#F56E00; }
.black { color:#000000; }
.red { color:#EA3A00; }
.blue { color:#3333CC; }
.white { color: #FFFFFF }
.olive { color:#889F00 }
.gray { color: #C1C0BD; }
.graydark { color: #959595; }
.blacklight { color: #666666; }
.upp { text-transform: uppercase; }
.low { text-transform: lowercase; }
.resaltar { color:#CB049F; font-weight: bold; }
.smalltext { vertical-align:middle; font-size:12px; }
.smalltext1 { font-size:11px; }
.paginador { font-size:13px; font-family:verdana, tahoma, serif; }
.smalltext10px { font-size:10px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ 
                      formulaios 
~~~~~~~~~~~~~~~~~~~~~~~~~~ */

input { 
  border:1px solid #CB049F; 
  font-family: "Trebuchet MS", Tahoma, Verdana, Serif; font-weight:normal;
  font-size:11px; 
  padding:2px 2px 3px 2px; margin:0px 5px 0px 0px;
  vertical-align:middle;
  color: #888787;
  background-color: #FFFDFF; 
}
input.px200 { width:200px; }
input.icons {
  width:25px; height:25px; margin:0px; padding:0px; vertical-align:top; padding:1px 0px 0px 0px; background-color:#E5E4E8; border:0px;
}
input.button { 
  border-left:1px solid #C0C0C0; 
  border-right:1px solid #000000; 
  border-top:1px solid #C0C0C0; 
  border-bottom:1px solid #000000; color: #000000; 
  font-family: Verdana, Tahoma, serif; font-size: 11px; 
  background-color: #DADADA; 
  width:70px;
  padding-top:3px; padding-bottom:3px;
  cursor:pointer;
}
input.img { border:0px; margin:0px; padding:0px; vertical-align:middle; width:60px; height:25px; }
input.checkbox {
  border:0px; margin:1px 0px 0px 0px; padding:0px; vertical-align:middle; width:13px; height:13px;
}

textarea {
  width: 350px; 
  border:1px solid #CB049F; 
  padding:4px 2px 4px 2px; height:100px;
  font-family: "Trebuchet MS", Tahoma, Arial, serif; font-size:11px; font-weight: normal; 
  color: #888787;
  background-color: #FFFDFF;
}
textarea.insert { width:300px; height:100px; }

select { 
  border:1px solid #999999;
  padding:0px; height:20px;
  font-family: "Trebuchet MS", Tahoma, Arial, serif; font-size:11px; font-weight: normal; color: #464646;
  background-color:#F3F3F3; vertical-align:middle;
}
* html select { 
  border:1px solid #999999;
  padding:4px 2px 0px 2px; height:20px;
  font-family: "Trebuchet MS", Tahoma, Arial, serif; font-size:11px; font-weight: normal; color: #464646;
  background-color:#F3F3F3; vertical-align:middle;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ 
                         cursores 
~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.hand { cursor:pointer; }
.hr { line-height:1px; background-color:#FFFFFF; height:1px; background:url('../img/separador_h.gif'); background-repeat: repeat-x; width:100%; margin:5px 0px 10px 0px; }
* html .hr { margin:5px 0px 0px 0px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ 
                  tablas generales 
~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div.tbl_cage { 
  margin:0px auto 0px auto; text-align:center;
  background:url('../img/body_back.jpg') center top repeat-y;
}
div.tbl_cage_espanolingles{ 
  margin:0px auto 0px auto; text-align:center;
  background:#CCCCCC url('../img/cageback.jpg') center top repeat;
}

#tbl_header {
  margin:0px auto 0px auto;
  width:781px;*width:781px; ; height:222px;
  text-align:center; }
* html #tbl_header { }

#tbl_buttons {
  float:left;
  margin:22px 0px 0px 10px;
  color: #666666; text-align:left;
  font-family: "Trebuchet MS", tahoma, verdana, serif; font-size:11px;
}
* html #tbl_buttons { margin:22px 0px 0px 5px; }

#tbl_middle {
  margin:0px auto 0px auto;
  padding:0px 0px 10px 0px;
  text-align:center;
  width:730px;*width:729px;
  height:400px;  
  font-size:12px; font-weight: normal; color:#000000;
  clear:both;}
  #tbl_middle_hostel {
  margin:0px auto 0px auto;
  padding:0px 0px 10px 0px;
  text-align:center;
  width:730px;*width:729px;
  height:600px;  
  font-size:12px; font-weight: normal; color:#000000;
  clear:both;}
#tbl_middle_tarifas{
  margin:0px auto 0px auto;
  padding:0px 0px 10px 0px;
  text-align:center;
  width:729px;*width:729px;
  height:320px;*height:320px;  
  font-size:12px; font-weight: normal; color:#000000;
  clear:both;}
 #tbl_middle_region{
  margin:0px auto 0px auto;
  padding:0px 0px 0px 0px;
  text-align:center;
  width:771px;*width:729px; 
  font-size:12px; font-weight: normal; color:#000000; }
   #tbl_middle_espanolingles{
  margin:0px auto 0px auto;
  padding:0px 0px 0px 0px;
  text-align:center;
  width:771px;*width:729px;
  background:url(../../espanolingles.jpg) center center no-repeat;
  font-size:12px; font-weight: normal; color:#000000; }
  

#tbl_bottom {
  margin:0px auto 0px auto;
  clear:both;
  border-top:#FFFFFF solid 5px;
  border-bottom:#FFFFFF solid 2px;
  text-align:center;
  width:771px;
  padding:3px 0px 10px 0px;
  color: #443637;
  background-color:#CD5C5C;
  font-family: Tahoma, verdana, serif; font-size:10px; font-weight: normal; 
}
#tbl_bottom_region {
  margin:0px auto 0px auto;
  clear:both;
  border-top:#FFFFFF solid 5px;
  border-bottom:#FFFFFF solid 2px;
  text-align:center;
  width:771px;
  background-color:#CD5C5C;
  padding:3px 0px 10px 0px;
  color: #FF0000;
  font-family: Tahoma, verdana, serif; font-size:10px; font-weight: normal; 
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ 
       menu principal 
~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#tbl_buttons ul {
  list-style-type: none;
}

#tbl_buttons li {
  text-align: left;
  padding:0px 0px 0px 0px;
  font-family:tahoma, serif;
}

#tbl_buttons li a {
  display: block;
  width:130px;
  text-align:left;
  padding:10px 20px 10px 10px;
  text-decoration: none;
  color: #3E7454; font-weight: bold;
}
* html #tbl_buttons li a {  }

#tbl_buttons li a:hover {
  display: block;
  width:130px;
  text-align:left;
  padding:10px 10px 10px 20px;
  text-decoration: none;
  color: #58EF40; font-weight: bold;
  background:#FFFFFF url('../img/buttons_back_over.jpg') 133px 6px no-repeat;
}
* html #tbl_buttons li a:hover { background:#FFFFFF url('../img/buttons_back_over.jpg') 133px center no-repeat; }

#tbl_buttons li.li1 { margin: 0px 0px 0px 0px }
#tbl_buttons li.li2 { margin: 2px 0px 0px 0px }
#tbl_buttons li.li3 { margin: 2px 0px 0px 0px }
#tbl_buttons li.li4 { margin: 4px 0px 0px 0px }
* html #tbl_buttons li.li1 { margin: 0px 0px 0px 0px }
* html #tbl_buttons li.li2 { margin: 0px 0px 0px 0px }
* html #tbl_buttons li.li3 { margin: 1px 0px 0px 0px }
* html #tbl_buttons li.li4 { margin: 1px 0px 0px 0px }

div.right { float:right; }
div.left { float:left; }
div.both { clear:both; }

div.cld_home {
  float:right;
  margin:0px 0px 0px 0px;
  padding: 20px 0px 0px 0px;
  width:280px;
  font-size:10px; color:#000000;
}



div.cld_home1 {
  float:left;
  margin:0px 0px 0px 6px;
  padding: 10px 10px 0px 30px;
  width:380px;
  text-align:left;
  font-size:12px; color:#000000;
  font-weight:bold; 
}

div.cld_contacto {
  float:left;
  margin:0px 0px 0px 6px;
  padding: 10px 10px 0px 30px;
  width:650px;
  text-align:left;
  font-size:12px; color:#000000;
  font-weight:bold; 
}

div.cld_contacto input{
  border-color: #821e1e;
}

div.cld_home_region{
  float:left;
  margin:0px 0px 0px 6px;
  padding: 10px 0px 0px 20px;
  width:280px;
  text-align:left;
  font-size:12px; color:#000000;
  font-weight:bold; 
}
div.cld_home_region1{
  float:left;
  margin:0px 0px 0px 6px;
  padding: 10px 0px 0px 0px;
  width:280px;
  text-align:left;
  font-size:12px; color:#000000;
  font-weight:bold; 
}
div.cld_home_monte{
  float:left;
  margin:0px 0px 0px 6px;
  padding: 10px 0px 0px 120px;*padding: 10px 0px 0px 20px;
  width:280px;
  text-align:left;
  font-size:12px; color:#000000;
  font-weight:bold; 
}
div.inthostel{
	
	padding:0px 0px 0px 0px;
	widht:700px; height:300px;
	float:left;}


div.reservas{
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;}
div.tarifas{
	width:492px; height:191px;
	text-align:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:12px; font:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;}
	
div.fondotarifas{
	width:495px; height:195px;
	background:url('../img/tablatarifas.jpg') left top no-repeat;
	text-align:center;
	padding:10px;
	margin:0px 0px 0px 0px;
	font-size:12px; font:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;}


div.cld_home_sec_title {
  font-size:14px;
  padding:10px; color:#3E7454;
}
div.cld_home_sec { 
  text-align:justify;
  padding:5px 10px 5px 10px;
}
div.espanolingles{
		padding:200px 0px 0px 0px;
		clear:both;
		height:100px;
}