@charset "utf-8";
/* CSS Document */
@import url("/css/grid.css");
@import url("/css/stylesheet.css");
@import url("/css/flexslider.css");
@import url("/css/shCore.css");
@import url("/css/shThemeDefault.css");

body{ margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; line-height:15px; color:#999; text-align:justify}
a{ text-decoration:none; color:#999999}
.grid_4 a{ color:#0000ee}
a:hover{ text-decoration:underline}

h1,h2,h4,h5{ font-family:'materegular'; font-weight:normal; text-align:center; color:#777}
h1{font-family:"Times New Roman", Times, serif; text-align:center; font-weight:bold; margin:0; padding:0; font-size:16px; line-height:normal }
p{ font-size:12px; margin-bottom:17px;}
.grid_4 h1{margin-top:30px}
h2, h4{ font-size:18px; line-height:normal; margin:20px 0 10px 0;}
h4{  text-align:left; margin:0 0 30px; padding-top:0}
h3{ font-family:'mateitalic'; font-style:italic; font-size:18px; line-height:26px; font-weight:normal; text-align:center;}
h5{font-family:'materegular'; font-weight:normal; margin:20px 0 0 0; padding:0 0 5px; font-size:22px;}

div.cita#testimony h2{ margin:0 0 10px 30px;}
ul{ margin:0 0 0 15px; padding:0}
.grid_2 li{padding:10px 0 0 0; margin:0; list-style:none}
cite{font-family:'mateitalic'; font-style:italic; font-size:30px; line-height:32px; font-weight:normal;}
.cita{ padding:0 5px; text-align:center; margin:20px 0}

div.cita#testimony{ margin:20px 0 0; text-align:left; font-size:14px;}
div.cita#testimony p{ margin:2px 0 2px 30px; font-style:italic;}
div.cita#testimony h2{font-family:'mateitalic'; font-style:italic; text-align:left; margin-bottom:0}

div.autor{ font-size:12px; color:#ccc; margin-top:20px; padding-bottom:20px; border-bottom:1px dashed #ddd; margin-bottom:20px}
.cita div.com1{ background:url(../img/comillas1.gif) no-repeat; width:26px; height:26px; display:block; position:absolute; margin:0; left:0}
.cita div.com2{ background:url(../img/comillas2.gif) no-repeat; width:26px; height:26px; display:block; position:absolute; margin:-20px 0 0; right:0}
div#foto{ margin:30px 0}
div#foto img{border:9px solid #ddd;}
div#foto div#epi{ position:absolute; float:left; background:url(../img/back.png) repeat; padding:10px 20px; width:260px; margin:200px 10px 10px; z-index:10; color:#fff}

div#footer{ border-top: 1px solid #ddd; padding:20px 0; margin:20px 0; text-align:center; font-size:11px; font-family:Arial, Helvetica, sans-serif}

div.push_3.grid_5{ z-index:5}
div.push_5{z-index:1}
/* CONTACT */
div.grid_2.push_5.alpha.omega, div.grid_2.alpha.omega{ padding-left:20px; border-left:1px solid #dddddd; margin-top:70px; min-height:400px}
div.grid_2.alpha.omega{ width:130px; margin-left:10px}
div.grid_2.push_5.alpha.omega img, div.grid_2.alpha.omega img{ float:left; margin:0 3px 5px 0}
table{ margin:0; width:100%; color:#666}
td{ padding:3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal}
td#campo{ font-weight:bold; width:30%;}
input, select{ border:1px solid #ddd; padding:2px 4px; width:180px}
select{ width:190px; color:#888; font-weight:normal}
td div { padding:0; font-size:11px; color:#999; line-height:11px; }

table#botones{ margin:20px 0 10px; padding:10px 0 10px 30px; border-top:1px solid #dddddd}
input.camposFormulario{ width:auto; background:none; border:1px solid #ddd; margin:0 5px; padding:3px 10px; font-size:11px}
input.camposFormulario:hover{ cursor:pointer; background-color:#f0f0f0}

div.bt-testimonials a{ background:url(../img/bt-testimonials.png) top no-repeat; width:160px; height:59px; display:block; position:fixed; bottom:30px; margin-left:700px; right:30px; z-index:9999999}
div.bt-testimonials a:hover{ background:url(../img/bt-testimonials.png) bottom no-repeat}
div.bt-cataloguito a{ background:url(../img/bt-catalog.png) top no-repeat; width:160px; height:59px; display:block; position:fixed; bottom:120px; margin-left:700px; right:30px; z-index:9999999}
div.bt-cataloguito a:hover{ background:url(../img/bt-catalog.png) bottom no-repeat}

div#innerHeader{ background:url(../img/shadow.png) bottom no-repeat; padding-bottom:18px}
div#innerHeader div.contactBg{
	height:230px;
}

div#menu{ margin-top:30px}
div#menu h1{ font-family:"Times New Roman", Times, serif; text-align:center; font-weight:bold; margin:0; padding:0; color:#999; font-size:25px;}
div#menu h1 span{font-family:"Times New Roman", Times, serif; font-style:italic; font-size:16px; font-weight:normal; line-height:25px; color:#999}
div#menu h2{ font-family:"Times New Roman", Times, serif; text-align:center; font-weight:bold; margin:0; padding:0; color:#999; font-size:25px;}
div#menu h2 span{font-family:"Times New Roman", Times, serif; font-style:italic; font-size:16px; font-weight:normal; line-height:25px; color:#999}
div#menu ul{/* margin:0 auto*/ float:left; padding:10px 15px 0 0;}
div#menu ul#contactos{/* margin:0 auto*/ float:right; position:absolute; padding:10px 0 0 0; margin:0 0 0 720px; width:340px }
div#menu ul#contactos li{float:left; list-style:none; color:#444; padding:0 15px; margin-right:0px; font-family:'materegular'; font-weight:bold; font-size:14px }
div#menu ul#contactos li#phone{ background:url(../img/phone.png) left no-repeat; padding-left:20px}
div#menu ul#contactos li#mail{ background:url(../img/mail.png) left no-repeat}
div#menu ul#contactos li a{ font-weight:normal}
li, div#menu li{ float:left; list-style:disc; color:#999; padding:0; margin:0 5px 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:11px }
div#menu li:first-child{list-style: none;
margin-left: -20px;}
div#menu li a{ text-decoration:none; color:#666; padding:5px; margin-left:-3px}
div#menu li a:hover{ background-color:#999; padding:5px; color:#fff}
div#menu ul#contactos li#mail a:hover{ padding:5px 0; background:none; color:#666; text-decoration:underline}
div#menu h2{ margin:5px 0 0; padding:0; color:#222; letter-spacing:-1px}
div#menu a.back{padding:5px; float:right; position:relative; font-family:'materegular'; font-size:12px; right:0; top:-25px; color:#222}
div#menu a.back:hover{ background:#fff; /*filter: alpha(opacity=60);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);-moz-opacity: .6;opacity:0.6;*/ text-decoration:none}


div#header{ padding-bottom:12px}
div#header img{background:url(../img/shadow.png) bottom no-repeat; padding-bottom:18px; margin-top:10px; margin-bottom:-10px;}

div#wrapper{ background:url(../img/shadow.png) bottom no-repeat; padding-bottom:18px; }


/*COMMENTS*/
ol.commentlist { margin:0; width:450px; padding:0 }
.commentlist li{ float:none; list-style:none; margin:10px 0 0; padding:0 0 20px 0; border-bottom:1px dashed #ccc}
.commentlist cite{ font-size:13px; font-style:normal;}
div.comment-author .vcard{ color:#ccc;}
div.comment-meta{ color:#ddd; margin-left:-50px}
img.avatar{ position:relative; left:-55px; top:10px}
div#comment-area h3{ text-align:left}
.comment-body{ font-family:Georgia, "Times New Roman", Times, serif; font-size:13px}


/*LISTA DE CAMAS*/
ul#camas{ margin:40px 0 20px 0; padding:0}
ul#camas li{ float:left; list-style:none; margin:0 0 20px 20px; width:158px;}
ul#camas li img{ border:4px solid #f2f2f2}
ul#camas li img:hover{ border:4px solid #ccc}
ul#camas li h2{ color:#111; margin-top:10px;}


.grid_10 h2{ text-align:left;}

.breadcrumbs{ font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-bottom:5px; border-bottom:1px dotted #ccc}

/* SITEMAP */
ul.wsp-pages-list{ margin:10px; padding:0; float:left}
ul.wsp-pages-list li{ float:none}
h2.wsp-category-title{ margin-top:40px}
li.wsp-post, ul.wsp-pages-list li.page_item{ width: 180px; margin-right:40px;
text-align: left;
list-style-position: outside;
padding: 10px 0;
border-bottom: 1px dotted #ccc;}


.grid_10 img{ width:100%; height:auto}