/* Finca Hotel El Percal  - Febrero 2014 #E3555C */

/* html5 fix */
article, aside, figure, footer, header, hgroup, nav, section{display:block;}

/* Elementos HTML */
html, *{padding:0; margin:0;}
body{margin:0; padding:0; background:url(../images/finca-hotel-percal-bg.jpg) top center no-repeat fixed; background-size:cover; font-family: 'Open Sans', sans-serif; font-size:13px; color:#808080}
img{border:none;}
textarea{resize:none;}
h1,h2,h3, h4, h5, h6{padding:0; margin:0; font-weight:normal;}
h1{color:#E3555C; font-size:28px; line-height:28px;}
h2{color:#E3555C; font-size:22px; line-height:22px; text-shadow:1px 1px 1px #FFF}
h3{color:#E3555C; font-size:16px; line-height:16px;}
h4{font-size:14px; line-height:26px; color:#808080}
form{padding:0; margin:0;}

/* Contenedores */
#container{width:970px; margin:15px auto 0; clear:both; min-height:400px;}
#content{background:#FFF; min-height:400px; padding:2px 2px 30px 2px; width:966px}
.pageContent{padding:12px 24px;}

/* Header */
#pageHeader{clear:both;}
#logo{float:left; margin:6px 0 0 25px}
#rHeader{float:right;}
#rHeader #topContacts{clear:both; float:right; font-size:12px}
#rHeader #topContacts .tCIcons{line-height:21px; color:#FFF; padding:0 0 0 20px;}
#rHeader #topContacts .tCIcons a{color:#FFF; text-decoration:none;}
#rHeader #topContacts .tCIcons a:hover{color:#FFF212;}
#rHeader #topContacts .tcDir{background:url(../images/dirIcon.png) top left no-repeat;}
#rHeader #topContacts .tcTel{background:url(../images/telIcon.png) top left no-repeat;}
#rHeader #topContacts .tcMail{background:url(../images/mailIcon.png) top left no-repeat;}
#pageNav{clear:both; width:655px; height:45px; line-height:45px; border:2px solid #FFF; border-bottom:none; background:#E3555C; margin:20px 0 0 0; font-size:13px; text-shadow:1px 1px 1px #666; text-align:center}
#pageNav ul{padding:0; margin:0;}
#pageNav ul li{padding:0; margin:0; list-style:none; display:inline; padding:5px 10px; border-radius:5px}
#pageNav ul li.currentMenu{background:#2859A6;}
#pageNav ul li.currentMenu a:hover{color:#FFF; cursor:default;}
#pageNav ul li a{text-decoration:none; color:#FFF;}
#pageNav ul li a:hover{color:#FFF212;}

/* Slider */
#homeSlider{width:966px; height:425px; clear:both; position:relative; margin:0 0 15px 0}
#homeSlider #cSlider{width:966px; height:375px; position:relative}
#homeSlider #cSlider #slider{width:966px; height:375px; overflow:hidden}
#homeSlider #cSlider .slide{position:relative; float:left; display:block; width:966px; height:375px}
#homeSlider #cSlider .slide img{position:absolute; left:0; top:0;}
#sliderWrapper{width:966px; height:375px; overflow:hidden; position:relative;}
#sliderNav{position:absolute; top:20px; right:0px; z-index:5; display:none; background:url(../images/salmon70.png); padding:4px;}
#sliderNav .dotSlider{background:#FFF; width:10px; height:10px; float:left; margin:4px; cursor:pointer;}
#sliderNav .dotActive{background:#FFF212; width:10px; height:10px; float:left; margin:4px;}
#topReservations{width:860px; margin:0 auto; height:110px; background:url(../images/salmon70.png); position:absolute; bottom:0px; left:53px}
#topReservations .hrContent{background:#FFF; margin:5px 0 0 5px; width:826px; height:76px; padding:12px}
#topReservations .hrContent .titlesBg{background:url(../images/bgTitles.png) no-repeat left; height:20px; /*margin:0 0 15px;*/ clear:both}
#topReservations .hrContent .titlesBg h2{background:#FFF; color:#808080; float: left; font-size:16px; line-height:20px; padding:0 10px 0 0;}
#divForm{clear:both; font-size:12px; padding:6px 0 0 5px}
.fElement{float:left; padding:3px 10px 0 0}
#divForm input[type=text]{border:none; background:#F0F0F0; padding:0 5px; height:25px; margin:2px 0 0 0; border:1px solid #E6E6E6; font-family: 'Open Sans', sans-serif; font-size:13px; color:#808080; width:155px}
#divForm input[type=submit]{background:#2859A6; color:#FFF; text-align:center; font-size:15px; letter-spacing:0.02em;  font-size:13px; border:none; padding:0 15px; height:25px; margin:19px 0 0 0; cursor:pointer}
#divForm input[type=submit]:hover{background:#E3555C;} 

/* Home */
#lHome{float:left; width:585px; margin:12px 0 0 24px}
#rHome{float:right; background:#F0F0F0; width:290px; padding:15px 20px}
#rHome .hrPic{margin:20px 0 0 0; border-bottom:5px solid #E3555C; width:290px; height:150px; background:#E6E6E6; position:relative}
#rHome .hrPic .atrName{position:absolute; top:20px; left:0; background:#FFF; padding:5px 10px; color:#E3555C; font-size:13px; box-shadow:5px 5px 5px #444}
#rHome .hrPic:hover{border-bottom-color:#2859A6;}

/* Galería */
#pageGallery{margin:20px 0 0 0;}
#pageGallery .imgContainer{background:#F0F0F0; padding:12px; float:left; margin:0 12px 25px; width:258px}
#pageGallery a{text-decoration:none;}
#pageGallery img{clear:both;}
#pageGallery .picC{clear:both; height:160px; overflow:hidden}
#pageGallery .picName{background:#FFF; clear:both; font-size:12px; line-height:32px; padding:0 10px; border-bottom:2px solid #E6E6E6}
#pageGallery .imgContainer:hover{background:#E3555C;}
#pageGallery:hover .imgContainer:hover .picName{color:#333;}

/* Granja de Emilio */
#lGranja{float:left; width:620px; margin:12px 0 0 24px}
#rGranja{float:right; background:#F0F0F0; width:250px; padding:15px 20px}
.firstPhoto{width:620px; height:310px; background:#F0F0F0; border:8px solid #F0F0F0;}
.firstPhoto img{display:none;}
.pagePhotos a,
.firstPhoto a{text-decoration:none;}
.pagePhotos{background:#F0F0F0; clear:both; margin:5px 0 20px 0; width:620px; padding:8px}
.pagePhotos img{width:120px; float:left; border:2px solid #F0F0F0; cursor:pointer}
.pagePhotos img:hover{border-color:#E3555C;}

/* Atractivos */
.liAtractivo{float:left; width:440px; height:300px; overflow:hidden; border-top:2px solid #E3555C; background:#F0F0F0; margin-right:38px; padding-bottom:10px; cursor:pointer; margin-bottom:30px}
.liAtractivo img{border-bottom:5px solid #FFF;}
.liAtractivo h2{float:left; background:#FFF; color:#E3555C; font-size:13px; line-height:40px; padding:0 25px; text-shadow:none}
.liAtEven{margin-right:0;}
.liAtractivo:hover{border-top-color:#2859A6;}
.liAtractivo:hover h2{color:#FFF; background:#2859A6}

/* Contacto */
#contactForm th{width:160px; text-align:right; font-weight:normal; background:none; border:none; padding:0}
#contactForm td{border:none; padding:0}
#contactForm input[type=text]{border:1px solid #E6E6E6; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; height:30px; padding:0 10px;}
#contactForm input[type=submit]{background:#E3555C; border:none; color:#FFF; text-align:center; cursor:pointer; height:32px; float:left; font-size:12px; padding:0 20px}
#contactForm input[type=submit]:hover{background-color:#2859A6;}
#contactForm textarea{border:1px solid #E6E6E6; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; padding:0 10px;}

/* Editor */
.editorText p{padding:0 0 15px 0; margin:0}
.editorText h3{padding:15px 0 10px 0;}
.editorText a{color:#E3555C;}
.editorText a:hover{color:#333;}
.editorText ul{padding:0; margin:0 0 0 15px;}
.editorText ul li{padding:0 0 10px 0; margin:0;}
.editorText table{width:100%;}
.editorText table td,
.editorText table th{padding:5px 10px; margin:0;}
.editorText table th{text-align:left; font-weight:normal; background:#F0F0F0; border-bottom:1px solid #E6E6E6}
.editorText table td{border-bottom:1px solid #E6E6E6;}
.editorText hr{border:none; height:1px; background:#E6E6E6;}

/* Footer */
#pageFooter{margin:0; padding:0; width:970px; background:#FFF}
#pageFooter #testimonial{float:left; background:url(../images/border-testimonial-footer.png) center bottom no-repeat; width:340px; padding:0 15px 30px; position:relative; font-size:12px; margin:0 0 0 15px; text-align:justify}
#pageFooter #testimonial #tfName{position:absolute; color:#333; bottom:0px; left:60px}
#pageFooter #mList{float:left; width:250px; font-size:12px; text-align:justify; margin:0 25px;}
#pageFooter #mList form{padding:19px 0 0 0;}
#pageFooter #mList input[type=text]{border:1px solid #E6E6E6; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; height:30px; padding:0 10px; float:left; width:168px}
#pageFooter #mList input[type=submit]{background:#E3555C; border:none; color:#FFF; text-align:center; cursor:pointer; height:32px; float:left; font-size:12px; width:60px;}
#footerGal{clear:both; background:#E3555C; position:relative; padding:15px 0 15px 15px; margin:0 0 25px 0}
#pageFooter #mList input[type=submit]:hover{background-color:#2859A6;}
#pageFooter #fLocation{float:left; width:270px; margin:0 15px 0 0}
#footerGal #fdivider{width:970px; height:16px; background:url(../images/divider.png) top center no-repeat; position:absolute; top:-8px; left:0}
#footerGal img{float:left;}
#fMenu{border-top:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; padding:10px 0; width:935px; margin:5px auto 0}
#fMenu ul{padding:0; margin:0 0 0 20px; float:left}
#fMenu ul li{padding:0 10px; margin:0; display:inline; border-right:1px solid #E6E6E6;  font-size:12px; line-height:12px; color:#B3B3B3}
#fMenu ul li a{color:#B3B3B3; text-decoration:none;}
#fMenu ul li a:hover{color:#333;}
#fMenu ul li.currentMenu a{color:#E3555C;}
#socialFooter{float:right; padding:0 20px 0 0}
#socialFooter img{padding:0 0 0 5px;}
#copy{font-size:12px; line-height:40px; padding:0 30px; float:left; color:#B3B3B3}
#credits{font-size:12px; line-height:40px; padding:0 30px; float:right}
#credits a{color:#B3B3B3; text-decoration:none;}
#credits a:hover{color:#E3555C;}

/* Estilos globales */
.clear{clear:both;}
.clear10{height:10px; clear:both;}
.clear20{height:20px; clear:both;}
.req{color:#E3555C;} 
.lSidebar ul{padding:0; margin:0;}
.lSidebar ul li{padding:0 0 15px 0; margin:0; list-style:none;}