/*
Theme Name: La Carrasca
Theme URI: http://blog.jesusyepes.com/ http://www.goltratec.com
Description: Tema para la carrasca
Author: Jesus Yepes
Version: 1.0
*/


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
*{
    margin: 0;
    padding:0;
    outline: 0;
    border: 0;

}

body{
    font-family: Verdana;
    background: url(images/fondos/bg.jpg) bottom center no-repeat;
}



#headerWrapper{
    width: 100%;
    height: 120px;
    background: url(images/header.png) repeat-x;

}

#header{
    width: 960px;
    margin: 0 auto;
    position: relative;
}

#header p.contacto{
    background: url(images/transparent.png);
    padding: 5px;
    position: absolute;
    top:38px;
    right: 0;
    font-size: 12px;
}

#header h1{
    font-family:Arial;
    font-size:40px;
    font-weight:normal;
    position:absolute;
    top:44px;
    width:auto;
}

#header h1 strong{
    font-weight: normal;
    font-size: 25px;
}




/* menu */

ul#menu{
    list-style: none;
    position: absolute;
    top: 80px;
}

ul#menu li{
    display: block;
    float: left;
    height: 37px;
    padding-right: 2px;
    background: url(images/separadorMenu.jpg) no-repeat top right;
}

ul#menu li a{
    display: block;
    float: left;
    height: 37px;
    line-height: 37px;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    padding: 0 10px;
}

ul#menu li a:hover, ul#menu li:hover{
    background: #403a3a;
}


ul#menu-main li.current-menu-item a, ul#menu-main li.current-page-ancestor a {
    background: #403a3a;
}

/*
Colores de las lineas inferiores en el men�
Nota sobre los items del menu. Es necesario el archivo wp-includes/wp-nav-template.es de la version 3.0RC2
*/
li.page-item-6 a{
    border-bottom: 3px solid #0088ce;
}

li.page-item-14 a{
    border-bottom: 3px solid #e4389b;
}
li.page-item-24 a{
    border-bottom: 3px solid #fb4357;
}
li.page-item-16 a{
    border-bottom: 3px solid #009a7c;
}
li.page-item-20 a{
    border-bottom: 3px solid #c3db35;
}
li.page-item-26 a{
    border-bottom: 3px solid #e89e71;
}
li.page-item-22 a{
    border-bottom: 3px solid #d68dc9;
}
li.page-item-18 a{
    border-bottom: 3px solid #99a8c1;
}
/* fin menu */


/*
FONDOS PERSONALIZADOS SEG�N SECCI�N
*/
body.home{
    background: url(images/fondos/entrada.jpg) bottom center no-repeat;
}




/*
casas

Ver mas abajo (id 14). Tienen imagen los h2
*/


/*
casas
*/
body.page-id-14{
    background: url(images/fondos/campo.jpg) bottom center no-repeat;
}

/*
Qué Hacer?
*/
body.page-id-24{
    background: url(images/fondos/playa.jpg) bottom center no-repeat;
}

body.page-id-24 #contentWrapper h2{
    background: #fb4357;
}

/*
prueba para hacer 3 columnas
*/


body.page-id-24 #content{
    padding-top: 30px;
}

.three_cols{
    display:block;
    width:300px;
    float: left;
}

.three_cols_center{
    margin: 0 10px;
}



/*
C�mo llegar
*/
body.page-id-16{
    background: url(images/fondos/mas.jpg) bottom center no-repeat;
}

body.page-id-16 #contentWrapper h2{
    background: #009a7c;
}

/*
opiniones
*/
body.page-id-20{
    background: url(images/fondos/mas.jpg) bottom center no-repeat #7ca6d0;
}

body.page-id-20 #contentWrapper h2{
    background: #c3db35;
}

/*
Servicios
*/
body.page-id-26{
    background: url(images/fondos/playa.jpg) bottom center no-repeat;
}

body.page-id-26 #contentWrapper h2{
    background: #e89e71;
}

/*
Precio, contacto y disponibilidad
*/
body.page-id-22{
    background: url(images/fondos/mas.jpg) bottom center no-repeat;
}

body.page-id-22 #contentWrapper h2{
    background: #d68dc9;
}

/*
Enlaces
*/
body.page-id-18{
    background: url(images/fondos/mas.jpg) bottom center no-repeat;
}

body.page-id-18 #contentWrapper h2{
    background: #99a8c1;
}




/*
Casa Limon
*/
body.page-id-74{
    background: url(images/fondos/campo.jpg) bottom center no-repeat;
}

body.page-id-74 #contentWrapper h2{
    background: url('images/fondoTituloLimon.jpg') no-repeat;
}
/*
casa naranja
*/
body.page-id-77{
    background: url(images/fondos/campo.jpg) bottom center no-repeat;
}

body.page-id-77 #contentWrapper h2{
    background: url('images/fondoTituloNaranja.jpg') no-repeat;
}



/*
fin fondos personalizados
*/






/* idiomas */
ul#idiomas{
    list-style: none;
    position: absolute;
    right: 0;
    top: 15px;
}

ul#idiomas li{
    display: inline;
    margin-left: 5px;
}

ul#idiomas li a img{
    outline: 0;
    border: 0;
    width: 16px;
    height: 16px;
}

/* fin idiomas */

/* En las casas no tenemos padding en el contenido ya que los títulos ocupan todo el ancho */
body.page-id-14 #content{
    width: 960px;
    padding: 0;
}


#contentWrapper{
    width: 980px;
    margin: 0 auto;
}

#contentWrapper h2{
    background: green;
    padding-left: 20px;
    padding-top: 5px;
    height: 58px;
    line-height: 45px;
    font-size: 28px;
    font-weight: normal;
    color:#fff;
    text-shadow: 1px 1px 2px #595959;
    padding-top: 60px;
    width: 940px;
    margin:0 auto;
    background: #0088ce;
}




#content{
    background: url(images/transparent.png);
    width: 940px;
    padding: 30px 10px;
    margin: 0 10px;
}

#content p{
    font-size: 14px;
    margin-bottom: 30px;
    text-align: justify;
}

body.page-id-24{
    text-align: left;
}

#content a{
    color: #802427;
}

#content blockquote{
    border-left: 10px solid #373b3e;
    padding-left: 20px;
    font-size: 12px;
    font-style: italic;
    line-height: 20px;
    margin-top:100px;
}

#content h3{
    margin-bottom: 30px;
}

body.page-id-24 #content h3 span{
    background: #FB4357;
    color: #fff;
    padding: 5px;
    font-weight: normal;
}

body.page-id-77 h3 span{
    background: #FE4819;
    color: #fff;
    padding: 5px;
    font-weight: normal;
}

body.page-id-16 #content h3 span{
    background:#009A7C;
    color: #fff;
    padding: 5px;
    font-weight: normal;
}



#sidebar{
    width: 310px;
    float: right;
    padding-left: 10px;
}

#sidebar img{
    border:1px solid #ccc;
    padding:3px;
    background: #fff;
}

#sidebar div.shadow{
    background: url(images/sombraFoto.png) bottom center no-repeat;
    display: block;
    padding-bottom:  10px;
}


.clearFix{
    display: block;
    height: 1px;
    width: 100px;
    clear: both;
}

#footerWrapper{
    width: 100%;
    height: 250px;
    display: block;
    clear: both;
    background: url(images/footerBG.jpg) repeat-x;
    margin-top: 150px;
}

#footer{
    width: 960px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

#footer p{
    font-size: 12px;
    margin-bottom: 10px;
    color:#fff;
    margin-left: 10px;
}

#footer p.small{
    font-size: 12px;
}

#footer .contacto p{
	margin: 0;
}

#footer p.comment{
	font-size: 12px;
        line-height: 18px;
}

#footer p.creditos{
    position: absolute;
    font-size: 10px;
    bottom: 5px;
    right: 0px;
}

#footer a{
	color: #fff;
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
}


#footer .item{
    width: 320px;
    height: 250px;
    float: left;
    background: url(images/footerBorder.jpg) repeat-y top left;
}

#footer .item h4{
    height: 67px;
    color: #fff;
    line-height: 33px;
    height: 33px;
    padding: 22px 0 12px 10px;
    margin-top: 15px;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 10px;
    margin-left: 2px;
}

#footer .item h4.noticias{
    background: url(images/footerNovedades.png) no-repeat;
}

#footer .item h4.comentarios{
    background: url('images/footerComentarios.png') no-repeat;
}

#footer .item h4.contacta{
    background: url('images/footerContacto.png') no-repeat;
}

#footer .contacto p{
    text-align: right;
    line-height: 20px;
    margin-right: 30px;
}


/*
    COMENTARIOS
*/
ol.commentlist, ul.children{
    list-style: none;
}

ol.commentlist li{
    margin-bottom:50px;
}

div.comment-author{
    font-size: 18px;
    float: left;
    width: 150px;
}

#content p.fechaComentario{
    font-size: 11px;
    margin: 10px 0 0;
    font-style: italic;
}

div.comment-body{
    background:url("images/transparent.png");
    float:right;
    padding:10px;
    width:740px;
}

div.reply{
    font-size: 12px;
}

ul.children{
    margin-left:180px;
    margin-top:30px;
}

ul.children li{
    margin-bottom:30px;
}

ul.children div.comment-body{
    width: 560px;
    float: left;
}

ul.children div.comment-author{
    float: right;
    width:150px;
}

h3#comments-title{
    border-bottom:1px solid #CCCCCC;
    color:#404040;
    margin-bottom:25px;
    text-align: center;
}


/*
Formulario de comentarios
*/

#respond{
    border:1px solid #CCCCCC;
    margin:0 auto;
    padding:20px;
    width:610px;

}

#reply-title{
    color:#303030;
    margin-bottom:15px;
}

#content p.comment-notes{
    font-size: 12px;
}

#respond label{
    display:block;
    float:left;
    padding-right:10px;
    text-align:right;
    width:140px;
}

span.required{
    display: none;
}

#respond input{
    padding: 3px;
    border:1px solid #ccc;
}

#respond input#submit{
    
}

#ajax{
    display:none;
    border-bottom:1px solid #CCCCCC;
    font-size:12px;
    margin:0 auto 20px;
    padding-bottom:10px;
    width:400px;

}

#ajax ul{
    list-style: none;
}

#ajax ul li{
    line-height: 18px;
}

div.navigation{
    border-bottom:1px solid #CCCCCC;
    display:block;
    margin-bottom:20px;
    padding-bottom:10px;
    position: relative;
    height: 20px;
}

div.nav-previous{
    position: absolute;
    left: 0;
}

div.nav-next{
    position: absolute;
    right: 0;
}


#content .casaColumn h2{
    text-indent: -9999px;
    width: 480px;
    height: 110px;
    display: block;
    position: relative;
    padding: 0;
}

#content .casaColumn h2 a{
    text-indent: -9999px;
    width: 480px;
    height: 110px;
    display: block;
    position: absolute;
    top:0;
    left: 0;
}

#casaLimon h2{
    background: url('images/casaLimonTitulo.jpg') no-repeat;
}

#casaNaranja h2{
    background: url('images/casaNaranjaTitulo.jpg') no-repeat;
}

#casaLimon h4{
    background: #ffd202;
}

#casaNaranja h4{
    background: #fe4818;
}

#casaLimon h4 a, #casaNaranja h4 a{
    color: #fff;
    text-decoration: none;
    text-align: center;
    height: 50px;
    line-height: 50px;
    width: 480px;
    font-size: 20px;
    font-weight: normal;
    display: block;
}

#casaLimonIlustra{
    width: 480px;
    height: 330px;
    background: url('images/casaLimon.png') no-repeat;
    text-indent: -9999px;
    display: block;
}

#casaNaranjaIlustra{
    width: 480px;
    height: 330px;
    background: url('images/casaNaranja.png') no-repeat;
    text-indent: -9999px;
    display: block;
}


.casaColumn{
    width: 480px;
    float: left;
    display: block;
}

.casaColumn h3{
    text-align: center;
    padding-bottom: -10px;
}

#content .casaColumn h3 a{
    color: #303030;
    text-decoration: none;
    font-size: 40px;
    font-weight: normal;
    font-family: "Lucida Grande";
}

.casaColumn p{
    padding: 10px;
    text-align: justify;
}

.casaColumn img{
    margin: 0 auto;
    width: 300px;
    display:block;
}
/*
#casaLimon{
    background: yellow;
}

#casaNaranja{
    background: orange;
}*/


/*
Ponemos el sidebar (se usa siempre a modo galeria) para que ocupe lo que tiene que ocupar
*/

body.page-id-74 #sidebar, body.page-id-77 #sidebar{
	display: block;
	clear: both;
	margin-left: 35px;
	width: 900px;
}

body.page-id-74 #sidebar dl.gallery-item, body.page-id-77 #sidebar dl.gallery-item{
	float: left;
	margin:0 15px 30px 0;
}

body.page-id-74 #sidebar dl.gallery-item div.shadow, body.page-id-77 #sidebar dl.gallery-item div.shadow{
	background: url(images/shadowGallery.png) no-repeat bottom center;
	padding-bottom: 5px;
}


/*
TODO Dar formato a la página de detalle de noticias
*/
/*page.single-post*/


/*
Contacto, precio y disponibilidad
*/
body.page-id-22 table{
	margin:0 auto;
	width:840px;
	font-size: 14px;
}

body.page-id-22 table thead th{
	font-size: 12px;
}

body.page-id-22 table tr{
	line-height: 30px;
	height: 20px;
	border-bottom: 1px solid #ccc;	
}

body.page-id-22 table tr td{
	text-align: center;
	border-bottom: 1px solid #ccc;
}

#content .notas{
	margin:10px 0;
}

#content .notas p{
	margin-bottom: 5px;
	font-size: 12px;
}

body.page-id-22 h3{
	color: #fff;
	font-weight: normal;
	margin-bottom: 20px;
	margin-top: 30px;
}

body.page-id-22 h3.primero{
	margin: 0;
}

body.page-id-22 h3 span{
	background: #D68DC9;
	padding: 5px;
}

#formularioContacto ul{
    list-style: none;
}

#formularioContacto ul li{
    clear: both;
    display: block;
}

#formularioContacto ul li label{
    width: 250px;
    float: left;
    text-align: right;
    padding-right: 30px;
}

#formularioContacto ul li input, #formularioContacto ul li textarea{
    border:1px solid #ccc;
    padding: 3px;
    width: 400px;
    float: left;
    margin-bottom: 20px;
}

#formularioContacto ul li textarea{
    height: 200px;
}

#formularioContacto ul li textarea#txtConocio{
    height: 50px;
}

#formularioContacto ul li input.boton{
    width: 125px;
    margin-left: 280px;
}

img.alignleft{
    float: left;
    margin-right: 20px;
    background: #fff;
    padding: 3px;
    border:1px solid #ccc;
}

img.alignright{
    float: right;
    margin-left: 20px;
    background: #fff;
    padding: 2px;
    border:1px solid #ccc;
}


/*
    Estilo de la página de enlaces
*/

/*
imágenes de los anuncios de los enlaces
*/
body.page-id-18 img.alignleft{
    float: left;
    margin-right: 82px;
    margin-bottom: 30px;
}

body.page-id-18 img.alignleft-nomargin{
    float: left;
    margin-right: 0px;
    margin-bottom: 30px;
    background: #fff;
    padding: 3px;
    border:1px solid #ccc;
}


/*
    Enlaces del apartado de contacto
*/
.col3, .col3last{
    width: 300px;
    margin-right: 20px;
    float: left;
}

.col3last{
    margin-right: 0px;
}

.col3 img, .col3last img{
    margin-right: 10px;
    float: left;
}

.col3 a, .col3last a{
    font-size: 12px;
}

#facebook{
	position: absolute;
	top: 8px;
	left: 600px;
}