/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #878787;
	line-height: 1.25em;
	background:#fff url(/_img/comun/bg-home.png) repeat-x scroll center top;
}
html, body {
	height: 100%;
}
.clearer {
	clear: both;
}
.linkazul {
	color:#0066FF;
	padding:5px;
	font-weight:bold;
}
.linkazul:hover {
	background-color:#137034;
	color:#FFC900;
	text-decoration:none;
}
.linkno {
	padding:0px;
	font-weight:bold;
}
/********************************************
   LAYOUT
********************************************/ 
#wrap {
	width:979px;
	margin:0 auto;
}
/*	columna1
		----------------------------------------------------*/
#columna1 {
	width: 227px;
	background: url(/_img/comun/logo-home.png) no-repeat;
	float:left;
	margin-right: 11px;
	text-align:right;
}
#columna1 #logo a {
	width: 227px;
	height: 134px;
	display:block;
	margin: 50px 0 20px;
	text-align:left;
	text-indent: -99999px;
}
#columna1 #menu {
	font-size:11px;
}
#columna1 #menu-warp {
	width:174px;
	border-right:1px solid #FFC900;
	padding:7px 15px 0 0;
}
#columna1 #menu {
	width: 179px;
	margin-bottom: 15px;
}
#columna1 #menu li {
	list-style-type: none;
	margin:0 5px 5px 5px;
	padding:0 0 4px 5px;
	background: url(/_img/comun/bg-menu.gif) no-repeat right bottom;
}
#columna1 #menu a {
	font-weight:bold;
	color:#538B67;
	text-decoration:none;
}
#columna1 #menu a:hover {
	background-color:#FFC900;
	padding:3px 0 3px 3px;
}
#p1 #m1, #p2 #m2, #p3 #m3, #p4 #m4, #p5 #m5, #p6 #m6, #p7 #m7 {
	background-color:#FFC900;
	padding:3px 0 3px 3px;
}
#columna1 #reserva {
	font-weight:bold;
	color:#538B67;
	text-decoration:none;
	background: url(/_img/comun/bt_reserva.png) no-repeat;
	width:189px;
	height:51px;
	font-size:14px;
}
#columna1 #reserva a {
	color:#00753C;
	padding: 13px 15px 0 0;
	display:block;
	text-decoration:none;
}
#columna1 #reserva a:hover {
	color:#000;
}
/*	columnahome
		----------------------------------------------------*/
#columnahome {
	float:left;
	width:741px;
}
#destacado {
	color:#ffe;
	font-size:10px;
	height:61px;
	margin: 16px 0 16px 21px;
	width: 607px;
}
#direccion {
	color:#fff;
	height:46px;
	font-size:11px;
	margin-left: 21px;
}
#direccion strong {
	color:#FFC900;
	font-weight:normal;
}
#direccion a {
	color:#FFC900;
	text-decoration:none;
}
#direccion a:hover {
	color:#538B67;
	padding:5px;
	background-color:#FFC900;
}
#idioma {
	color:#7A7A7A;
	height: 42px;
	padding-top: 13px;
	font-size:11px;
}
#contenido #idioma {
	margin:0;
}
#idioma li {
	display: inline;
	list-style-type: none;
	padding-right: 10px;
	background: url(/_img/comun/idioma-cuadrado.gif) no-repeat right center;
}
#idioma a {
	color:#7A7A7A;
	text-decoration:none;
	padding: 5px;
}
#idioma a:hover {
	color:#FFC900;
	background:#006600;
}
#contenido {
	margin-left: 15px;
}
#contenido h1 {
	width: 400px;
	height: 36px;
	display:block;
	text-indent: -99999px;
	margin: 0 0 9px 0;
}
#contenido p {
	width:439px;
	padding:5px;
}
#contenido ul {
	margin:0 0 0 20px;
}
#fotos {
	width: 593px;
	height: 151px;
	background: url(/_img/home/bg-fotos.png) no-repeat;
	padding: 52px 0 0 15px;
}
#fotos img {
	border:2px solid #fff;
	margin-right: 19px;
	width: 125px;
	height: 81px;
}
#fotos2 {
	width: 171px;
	height: 437px;
	background: url(/_img/comun/bg-interna-photo.png) no-repeat right top;
	padding: 110px 0 0 85px;
	float:right;
	line-height:0;
}
#fotos2 img {
	border:2px solid #fff;
	margin-bottom:27px;
}
#subir {
	margin-top: 20px;
	clear: both;
	text-align:left;
}
#subir a {
	background: #FFC900 url(/_img/comun/subir.gif) no-repeat 6px 7px;
	padding:3px 7px 3px 15px;
	color:#137034;
	text-decoration:none;
}
#subir a:hover {
	background: #137034 url(/_img/comun/subir.gif) no-repeat 6px 7px;
	color:#FFC900;
}
/*	footer
		----------------------------------------------------*/
#footer {
	font-size: 11px;
	color: #6E6E6E;
	height: 64px;
	text-align: left;
	padding: 20px 0;
	margin:0;
	background:#FFC900;
	margin-top: 30px;
}
#footer a {
	text-decoration: none;
	color: #6E6E6E;
}
#footer a:hover {
	color: #000;
	text-decoration:underline;
}
#footer #ft-warp {
	width:979px;
	margin:0 auto;
}
#footer #ft-izq {
	width: 173px;
	float:left;
	text-align:right;
}
#footer #ft-der {
	width:677px;
	float:left;
	margin:0 0 0 80px;
}
#footer li {
	display: inline;
	list-style-type: none;
	padding-right: 10px;
	background: url(/_img/comun/ft-line.gif) no-repeat right center;
}
#footer .ultimo, #idioma .ultimo, #columna1 #menu .ultimo {
	background:none;
}
/*p0 |./   Inicio                           */
#p0 #menu-warp {
	height:537px;
}
#p0 #contenido {
	height: 407px;
	background: url(/_img/home/bg-hotel.jpg) no-repeat right top;
}
#p0 #contenido h1 {
	background: url(/_img/home/title.png) no-repeat;
}
/*p1 |servicios-legrand-hostel.php          */
#p1 #menu-warp {
	height:533px;
}
#p1 #contenido {
	margin-left: 15px;
	width: 455px;
	background:none;
	float:left;
}
#p1 #contenido h1 {
	background: url(/_img/servicios/title.png) no-repeat;
}
#p1 #contenido h2 {
	width: 400px;
	height: 36px;
	display:block;
	text-indent: -99999px;
	margin: 20px 0 9px 0;
	background: url(/_img/servicios/title2.png) no-repeat;
}
/*  CSS Table Design
Author: Stanislav Filev
Theme: Stainless Steel: Stenli Style
URL: http://www.stenli.net

----------------------------------------------- */

#p1 #contenido table {
	background-color: #FFFBEB;
	font-size:11px;
	width:439px;
	margin-left: 5px;
}
#p1 #contenido td, #p1 #contenido th {
	padding:5px;
}
#p1 #contenido caption {
	text-align:center;
	font: bold 12pt;
	color: #538B67;
	margin: 3px 0;
}
/* =links
----------------------------------------------- */
#p1 #contenido table a {
	color:#538B67;
	text-decoration: none;
}
#p1 #contenido table a:link {
	color:#538B67;
}
#p1 #contenido table a:visited {
	color: #538B67;
}
#p1 #contenido table a:hover {
	color:#000;
}
/* thead tbody tfoot
----------------------------------------------- */

#p1 #contenido thead th, #p1 #contenido tfoot th, #p1 #contenido tfoot td, #p1 #contenido tbody th, #p1 #contenido tbody td {
	font: 8pt Verdana;
	border-right: 1px solid #aaa;
	border-top: 1px solid #eee;
	border-left:1px solid #eee;
	border-bottom: 1px solid #aaa;
}
#p1 #contenido thead th, #p1 #contenido tfoot th, #p1 #contenido tfoot td {
	background-color: #DBEBE3;
	font-weight: bold;
	text-align:center;
}
#p1 #contenido tfoot td {
	text-align:right
}
#p1 #contenido tbody th {
	white-space: nowrap;
	font-weight: bold;
	text-align:left;
}
/* Visual and hover effects */

#p1 #contenido tbody tr:hover td {
	background-color: silver;
	border-right: 1px solid #eee;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #eee;
	background-color: #e4e0d8;
}
/*p2 |reservar-hostel-en-cordoba.php        */
#p2 #menu-warp {
	height:533px;
}
#p2 #contenido {
	margin-left: 15px;
	width: 455px;
	background:none;
	float:left;
}
#p2 #contenido h1 {
	background: url(/_img/reserva/title.png) no-repeat;
}
#p2 #contenido p {
	width: auto;/*	padding:0;
	line-height:165%;*/
}
/* form elements */
form {
	margin: 10px;
	padding: 15px 25px 25px 20px;
	border: 1px solid #F0F0F0;
	background: #f8f8f8;
}
form p {
	/*border-bottom: 1px solid #E6E6E6;*/
	padding: 12px 0 5px 0;
	margin: 0;
	color: #7BA857;
}
label, legend {
	font-weight: bold;
	color: #7BA857;
}
fieldset {
	border: 1px solid #F0F0F0;
	background: #f8f8f8;
	line-height:2em;
}
input, select, textarea, checkbox {
	margin: 5px 0;
	padding: 5px;
	color: #6A6969;
	border-width: 1px;
	border-style: solid;
	border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4;
	font: 11px 'Lucida Grande', Verdana, Helvetica, sans-serif;
}
input:focus, select:focus, textarea:focus, checkbox:focus {
	color: #7BA857;
	background: #EFFAE6;
}

#nombre_txt, #email_txt, #comentario_txt, #nacio_txt {
	width: 380px;
}
input.button {
	font: bold 12px Arial, Sans-serif;
	height: 30px;
	margin: 0;
	padding: 2px 3px;
	color: #fff;
	background: #9CCF5F;
	border-width: 1px;
	border-style: solid;
	border-color: #B6DE8F #8DB836 #8DB836 #B6DE8F;
}
.formcolumna {
	float:left;
	margin-right: 10px;
}
span.approved {
	background:#CDEFA6 url(/_img/reserva/approved.png) no-repeat scroll 10px 50%;
	border:1px solid #9BCC54;
	color:#648434;
	display:block;
	margin:15px 0;
	padding:8px 10px 8px 36px;
}
span.approved a {
	color:#648434;
}
span.approved a:hover {
	text-decoration:underline;
}
#nombre_txt, #nacio_txt {
	width: 160px;
}
#email_txt {
	width: 268px;
}
#habitacion_txt {
	width: 276px;
}
#dia, #mes, #year{
	width: 73px;
}
/*p3 |legrand-hostel-cordoba.php            */
#p3 #menu-warp {
	height:533px;
}
#p3 #contenido {
	margin-left: 15px;
	width: 455px;
	background:none;
	float:left;
}
#p3 #contenido h1 {
	background: url(/_img/hostel/title.png) no-repeat;
}
/*p4 |llegar-a-legrand-hostel-cordoba.php   */
#p4 #menu-warp {
	height:533px;
}
#p4 #contenido {
	margin-left: 15px;
	/*width: 455px;*/
	background:none;
	float:left;
}
#p4 #contenido p, #p4 #contenido iframe {
	width:720px;
	padding:5px;
}
#p4 #contenido h1 {
	background: url(/_img/llegar/title.png) no-repeat;
}
#p4 #desdebus {
	float:left;
	background-color: #FFF5D1;
}
#p4 #desdeair {
	float:right;
	background-color: #B2D5C4;
}
#p4 #desdeair, #p4 #desdebus {
	width:340px;
	height:125px;
	margin:10px 0 15px 0;
	padding:8px;
}
#p4 #desdebus p, #p4 #desdeair p {
	width:325px;
}
#p4 #desdebus h3, #p4 #desdeair h3 {
	font-size:13px;
	margin-left:5px;
}
#p4 a:hover {
	color:fff;
}
/*p5 |que-hacer-en-cordoba.php              */
#p5 #menu-warp {
	height:533px;
}
#p5 #contenido {
	margin-left: 15px;
	width: 455px;
	background:none;
	float:left;
	font-size:11px;
}
#p5 #contenido h1 {
	background: url(/_img/hacer/title.png) no-repeat;
}
#p5 #contenido h3 {
	margin: 4px;
}
/*	FAQ´s */
#texto h2.title-tema {
	color:#333333;
	margin-top: 34px;
}
#texto h3.pregunta {
	cursor: hand;
	cursor: pointer;
	font-size: 1.35em;
	font-weight:normal;
	padding: 6px 5px;
	background: url(/_img/hacer/arrow-right.png) no-repeat;
	margin:0;
}
#texto h3.pregunta.pregunta-abierta {
	background: url(/_img/hacer/arrow-abrir.png) no-repeat;
}
.accordion {
	padding: 5px;
	margin-top: 3px;
}
#texto .preg1 {
	background-color: #FFF5D1;
}
#texto .preg2 {
	background-color: #F2F1ED;
}
#texto .preg3 {
	background-color: #B2D5C4;
}
#texto .preg4 {
	background-color: #D2DFD8;
}
#texto h3.preg1, #texto h3.pregunta.preg1.pregunta-abierta {
	background-color: #FFF5D1;
	background-position: 81px 8px
}
#texto h3.preg2, #texto h3.pregunta.preg2.pregunta-abierta {
	background-color: #F2F1ED;
	background-position: 63px 8px;
}
#texto h3.preg3, #texto h3.pregunta.preg3.pregunta-abierta {
	background-color: #B2D5C4;
	background-position: 75px 8px;
}
/* #texto p { color: black; margin:2px 0 2px 0; } */
#texto p {
	color: #666666;
	margin:2px 0 2px 0;
}
#texto p.tit {
	padding-top: 10px;
}
#texto span.line {
	display:block;
	height: 1px;
	border: 0;
	color: #E6E6E6;
	background-color: #E6E6E6;
	margin: 2px 0 2px 0;
	clear: both;
	overflow: hidden;
}
/*p6 |fotos.php                             */
#p6 #menu-warp {
	height:533px;
}
#p6 #contenido {
	margin-left: 15px;
	width: 525px;
	background:none;
	float:left;
}
#p6 #contenido h1, #pfotos #contenido h1 {
	background: url(/_img/fotos/title.png) no-repeat;
	margin:0;
}
.album {
	width:525px;
	height:189px;
	text-align:right;
	margin-bottom: 10px;
}
.album img {
	position: relative;
	top:19px;
	right:25px;
	border:1px solid #fff;
}
.album span {
	padding-right: 18px;
}
.album span a {
	color:#538B67;
	font-weight:bold;
	text-decoration:none;
	padding:3px;
}
.album span a:hover {
	color:#538B67;
	background-color:#FFC900;
}
.fondo1 {
	background: url(/_img/fotos/bg-album-a.png) no-repeat;
}
.fondo2 {
	background: url(/_img/fotos/bg-album-b.png) no-repeat;
}
.ttfoto {
	width:539px;
	height:83px;
	text-align:left;
	margin-bottom: 5px;
	font-size:11px;
	color:#4F4F4F;
	position:relative;
	background: url(/_img/fotos/bg-title-album.png) no-repeat;
}
.cantidad {
	float:left;
	position:relative;
	top:44px;
	left:17px;
}
.cantidad strong {
	color:#538B67;
}
.volver {
	float:right;
	position:relative;
	top:44px;
	right:29px;
}
.volver a {
	color:#878787;
	text-decoration:none;
	padding:3px;
}
.volver a:hover {
	color:#538B67;
	background-color:#FFC900;
}
.volver strong {
	color:#538B67;
}
.foto img {
	border:1px solid #fff;
}
.foto {
	width:539px;
	height:479px;
	text-align:left;
	margin-bottom: 10px;
	font-size:10px;
	color:#4F4F4F;
}
.foto .pic {
	position: relative;
	top:34px;
	left:19px;
}
.foto .video {
	position: relative;
	top:35px;
	left:20px;
}
.foto .dec {
	position: relative;
	margin-top: 42px;
	margin-left: 30px;
	width: 479px;
	font-size:10px;
}
.foto span a {
	color:#538B67;
	font-weight:bold;
	text-decoration:none;
	padding:3px;
}
.foto span a:hover {
	color:#538B67;
	background-color:#FFC900;
}
.fondo3 {
	background: url(/_img/fotos/bg-foto.jpg) no-repeat;
}
.fondo4 {
	background: url(/_img/fotos/bg-foto.jpg) no-repeat;
}
/*p7 |contacto.php                          */
#p7 #menu-warp {
	height:533px;
}
#p7 #contenido {
	margin-left: 15px;
	width: 455px;
	height:500px;
	background:none;
	float:left;
}
#p7 #contenido h1 {
	background: url(/_img/contacto/title.png) no-repeat;
}
#p7 #contenido {
	background: url(/_img/contacto/bg-contenido.jpg) no-repeat -7px 113px
}