@CHARSET "utf-8";
/*Informacion del Archivo*/
/*****************************************************
 - Autor:	Marcos Iglesias Valle
 - Fecha:	Abril 2010
 - Proyecto:	Hosta Conde de Lemos
 - Funcion:	Css Conjunto
 *****************************************************/
/*Indice*/
/*****************************************************
 1. CONTAINER code
 2. HEADER code
 3. NAVIGATION code
 4. SIDEBAR code
 5. CONTENT code
 6. FOOTER code
 *****************************************************/
/*	---------	Body	-----------------------------*/
body {
    text-align: center;
    background: url(../img/hostal-bg2.png) repeat-y top center;
    background-color: #3b0101;
}

/*	---------	Container	-----------------------------*/
#container {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    width: 950px;
}

/*	---------	Header	-----------------------------*/
#header {
    background: url(../img/header-bg.png) no-repeat top left;
    width: 950px;
    height: 92px;
    float: left;
    position: relative
}

.logo {
    position: absolute;
    width: 146px;
    height: 158px;
    left: 32px;
    top: -33px;
}

h1 {
    left: 200px;
    position: absolute;
    top: 27px;
}

h2 {
    left: 200px;
    position: absolute;
    top: 57px;*

top:
    62px;
}

/*	---------	Main-Nav	-----------------------------*/
#main-nav {
    position: absolute;
    right: 23px;
    top: 60px;
}

#main-nav li {
    border-right: 2px solid #ababab;
    display: inline;
    float: left;
    padding-left: 6px;
    padding-right: 6px;
}

#main-nav .active {
    color: #fff !important;
    font-weight: 800;
}

#main-nav .last {
    border: none;
}

/*	---------	Sub-Header	-----------------------------*/
#sub-header {
    background: transparent url(../img/sub-header-bg.png) no-repeat scroll left top;
    float: left;
    height: 249px;
    margin: 34px 29px;
    padding: 21px 42px;
    width: 808px;
    position: relative;
    overflow: hidden;
}

#characteristics {
    float: left;
    padding: 24px 10px;
}

#characteristics li {
    background: transparent url(../img/bullet-ico.png) no-repeat scroll left center;
    padding: 8px 0 8px 27px;
}

/*	---------	Sidebar-A	-----------------------------*/
#sidebar {
    background: url(../img/services-side-bg.png) no-repeat top left;
    width: 168px;
    height: 393px;
    float: left;
    padding: 38px 42px 21px;
    margin: 34px 0 0;
}

#home #sidebar {
    background: url(../img/sidebar-a-bg.png) no-repeat top left;
    height: 285px;
    margin: 0;
}

.sidebar-a .btn {
    margin-left: 10px;
    text-decoration: none;
    margin-bottom: 2em;
}

#sb-nav {
    float: left;
    padding: 0px 10px;
    width: 148px;
}

#sb-nav li {
    background: transparent url(../img/bullet-ico.png) no-repeat scroll left 0;
    padding: 0 0 14px 28px;
}

/*	---------	Content	-----------------------------*/
#content {
    background: transparent url(../img/content-bg.png) no-repeat scroll left top;
    float: left;
    height: 285px;
    margin: 0 29px;
    padding: 38px 42px 21px;
    width: 528px;
}

.left-floated {
    float: left;
    margin: 2px 10px 0
}

.right-floated {
    float: right;
    margin: 2px 10px 0;
}

/*	---------	Footer	-----------------------------*/
#footer {
    background: transparent url(../img/footer-bg.png) no-repeat scroll left top;
    float: left;
    height: 40px;
    margin: 33px 26px;
    width: 893px;
    position: relative;
}

#copyright {
    left: 38px;
    position: absolute;
    top: 11px;
}

#copyright li {
    border-right: 1px solid #ccc;
    display: inline;
    float: left;
    padding-left: 4px;
    padding-right: 4px;
}

#copyright .last {
    border: none;
}

#footer .footer-logo {
    height: 36px;
    position: absolute;
    right: 9px;
    top: 3px;
    width: 34px;
}

#footer .creative-commons-logo {
    position: absolute;
    top: 14px;
    right: 66px;
}

/* -----------------	Servicios y Entorno	-----------------------------------------------------------------------------------------------*/
#servicios #content, #entorno #content {
    background: transparent url(../img/services-content-bg.png) no-repeat scroll left top;
    float: left;
    height: 393px;
    margin: 34px 29px 0;
    padding: 38px 42px 21px;
    width: 528px;
    position: relative;
}

#entorno .sidebar-a, #servicios .sidebar-a {
    position: relative;
}

#entorno .sidebar-a .call, #servicios .sidebar-a .call {
    bottom: 20px;
	*bottom: 40px;
	left:44px;
	position:absolute;
	width:158px;
}

#entorno .sidebar-a .call span {
    font-size: 1.2em;
}

#photo-gallery {
    bottom: 15px;
    padding: 5px 0px 5px 5px;
    position: absolute;
    width: 523px;
}

#photo-gallery a {
    margin: 5px;
}

#photo-gallery a img {
    border: 1px solid #FFFFFF;
    padding: 3px;
}

/* -----------------	Contacto	-----------------------------------------------------------------------------------------------*/
#contacto #content {
    background: transparent url(../img/contact-bg.png) no-repeat scroll left top;
    float: left;
    height: 393px;
    margin: 34px 29px 0;
    padding: 38px 42px 21px;
    width: 808px;
}

#contacto #content a {
    text-decoration: none;
    color: #CB2111;
}

#contacto #content a:hover, #contacto #content a:visited {
    text-decoration: underline;
    color: #ea6e44;
}

#mapa-localizacion {
    float: right;
    padding: 0 10px;
}

#contacto #content dl {
    color: #FFFFFF;
    font-size: 1.2em;
    line-height: 1.5em;
    margin-bottom: 1.4em;
    padding: 0 10px 5px 20px;
    word-spacing: 1px;
}

#contacto #content dt {
    float: left;
    clear: left;
    color: #cccccc;
    font-size: 1.3em;
	padding-right:5px;
}

#contacto #content dd {
    float: left;
	*float:none;
	padding-left: 5px;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
 LINK DEFINITION CLASS */
a.btn {
    border: 0;
    float: left;
    text-align: center;
    padding: 0;
    margin: 0;
    cursor: pointer;
    text-decoration: none;
}

a.btn span {
    font: bold 17px / 35px Georgia;
    color: #fff;
    font-style: italic;
    font-weight: 800;
    display:block;
	float:left;
	white-space:nowrap;
	height: 35px;
	margin-left: 5px;
	padding: 0 14px 0 9px;
}
 /* padding-left = (padding-right - margin-left) NOTE: Firefox renders this different */
/*	Orange Buttons */
a.btn.orange {
    background: url("../img/o-button-left.png") no-repeat 0px center;
}
 /* Using Horizontal BG Positioning */
a.btn.orange span {
    background: url("../img/o-button-right.png") no-repeat right 0%;
}
 /* Using Vertical BG Positioning */
a.btn.orange:hover {
    background: url("../img/o-button-left.png") no-repeat -237px center;
}
 /* Negative X Positioning Method */
a.btn.orange:hover span {
    background: url("../img/o-button-right.png") no-repeat right 100%;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
 Common and Navigation Stuff */
.hidden {
    display: none;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
 EASY FLOAT CLEARING */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}