/* RESET */
/* Desarrollado por POSDATA */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a{
text-decoration:none;
}

.clear{
clear:both;
width:100%;
}
/********* FIN RESET *********/

body {background:#433d32 url(../images/bg-body.png);}

#wrap {
width:960px; 
margin:0 auto; 
background:#f8f4ef url(../images/bg-wrap.png) top no-repeat;
border-left:1px solid #1F1C17;
border-right:1px solid #1F1C17;
border-bottom:1px solid #1F1C17;
-moz-box-shadow: 0 0 15px 10px #1F1C17;
-webkit-box-shadow: 0 0 15px 10px#1F1C17;
box-shadow: 0 0 15px 10px #1F1C17;
}

#header {padding:10px;}

#logo {width:277px; margin:0 auto;}

#content_fotografias{
	display: block;
	width: 960px;
	min-height:620px;
}
#content-carta {
	display: block;
	width: 900px;
	padding: 0 30px;
	min-height:620px;
}

/*-------------estilos-slider-----------------*/

#slider-content { width:960px; height:310px;}

#slider-content-internos { width:645px; height:255px; background:#FFFFFF;}
#slider-content-grande { width:645px; height:320px; background:#FFFFFF;}
.sombra-slider-internos { width:645px; height:29px; background:url(theme/sombra-slider-interno.png) no-repeat top; margin-bottom:20px;}

.top-slider-content{
position:absolute;
background:#000;
width:960px;
height:10px;
z-index:5000;
opacity:0.5;
filter:alpha(opacity=50);
}

/*-------------estilos-menu-----------------*/

#navigation {
border-top:#ffcb08 solid 5px;
width:100%;
}

.menu{
width:880px;
margin:auto;
margin-top:-5px;
}

.menu ul li{
float:left;
}

.menu ul li a{
display:block;
width:125px;
color:#7d735f;
padding:15px 0;
text-align:center;
}

.menu ul li a:hover{
border-top:#CCA106 solid 5px;
padding:10px 0 5px 0;
}

.menu ul li a.selected{
background:#7d735f;
color:#FFFFFF;
}

.menu ul li a.selected:hover{
border-top:none;
padding:15px 0;
background:#7d735f;
color:#FFFFFF;
}

/*-------estilos-contenido--------*/

#content {
clear:both;
width:100%;
padding:20px 0 0 0;
position:relative;
}

.content-left{
width:419px;
padding:0 30px;
float:left;
border-right:#E3DFDA 1px solid;
}

.content-left p{
font-size:12px;
line-height:18px;
color:#666666;
margin-bottom:15px;
}

.content-left h1, #content-carta h1{
font-family:"Georgia", Times New Roman, Times, serif;
font-size:24px;
font-style:italic;
line-height:18px;
color:#666666;
margin-bottom:15px;
margin-top:20px;
}

.content-left .leer-mas a{
color:#CCA106;
margin-left:10px;
}

.content-left .leer-mas a:hover{
color:#000;
margin-left:10px;
}

.content-right{
width:420px;
padding:0 30px;
float:left;
background:url(../images/bg-content-right.png) center no-repeat;
}

.content-right p{
font-family:"Georgia", Times New Roman, Times, serif;
font-size:24px;
line-height:30px;
font-style:italic;
text-align:center;
margin-top:15px;
color:#7d735f;

}

.content-left-internos{
width:645px;
padding:0 30px;
float:left;
}

.content-left-internos p{
font-size:12px;
line-height:20px;
color:#666666;
margin-bottom:15px;
margin: 15px 0 15px 0;
}

.content-left-internos h1{
font-family:"Georgia", Times New Roman, Times, serif;
font-size:30px;
line-height:30px;
font-style:italic;
color:#7d735f;
margin-bottom:30px;
text-shadow: 1px 1px #FFFBF6;
}

.content-left-internos p .fraces{
font-family:"Georgia", Times New Roman, Times, serif;
font-size:24px;
line-height:30px;
font-style:italic;
text-align:center;
margin-top:15px;
color:#7d735f;
padding:30px;

}


.content-right-internos{
width:255px;
float:left;
background:#D0C8BB;
border-top:5px #6E634F solid;
}

.content-right-internos p{
font-size:12px;
line-height:18px;
color:#666666;
margin-bottom:15px;
margin: 5px 0 15px 0;
padding-bottom:15px;
border-bottom:#6E634F dashed 1px;
}

.content-right-internos h1{
font-family:"Georgia", Times New Roman, Times, serif;
font-size:24px;
font-style:italic;
color:#6E634F;
margin:15px 0 15px 0;
text-shadow: 1px 1px #E5DCCE;
}

.content-right-internos h2{
font-family:"Georgia", Times New Roman, Times, serif;
font-size:18px;
font-style:italic;
color:#6E634F;
margin:0 0 0 0;
text-shadow: 1px 1px #E5DCCE;
}

.item-content-right{
float:left;
width:215px;
height:130px;
overflow: hidden;
position: relative;
cursor: default;
margin:10px 0 10px 0;
}

.item-content-right .mask{
   width: 215px;
   height: 130px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.item-content-right h2 {
   display:block;
   background:#6E634F;
   color:#333333;
   width:100%;
   text-align:left;
   position: relative;
   font-size: 20px;
   padding: 7px;
   height:50px;
   font-style:italic;
   font-family:"Georgia", Times New Roman, Times, serif;
   margin:100px 0 0 0;
   text-shadow:none;
}

.item-content-right h2 a {
color:#F8F4EF;
display:block;
width:285px;
height:13px;
margin-top:-130px;
padding-top:130px
}

/*----------efectos-content-right--------*/

.item-content-right{
float:left;
width:215px;
height:130px;
overflow: hidden;
position: relative;
cursor: default;
}


/*----------estilos-items-menu-inferior-inicio--------------*/

.content-items-buttom{
width:920px;
height:170px;
clear:both;
margin:20px auto 10px auto;
}

.item-buttom{
float:left;
width:285px;
height:160px;
margin:10px;
overflow: hidden;
position: relative;
cursor: default;
}

.item-buttom .mask{
   width: 285px;
   height: 160px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.item-buttom img {
   display: block;
   position: relative;
}

.item-buttom h2 {
   display:block;
   background:#352F22;
   color:#F8F4EF;
   width:100%;
   text-align:left;
   position: relative;
   font-size: 20px;
   padding: 7px;
   height:50px;
   font-style:italic;
   font-family:"Times New Roman", Times, serif;
   margin:130px 0 0 0;
}

.item-buttom h2 a {
color:#F8F4EF;
display:block;
width:285px;
height:13px;
margin-top:-130px;
padding-top:130px
}

/*-------------efectos-----------------*/

.first-item h2  {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;

}

.first-item h2 .numero   {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

.first-item:hover h2 .numero   {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=100);
   opacity: 1;
}


.first-item:hover h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(-10px);
   -moz-transform: translateY(-10px);
   -o-transform: translateY(-10px);
   -ms-transform: translateY(-10px);
   transform: translateXY(-10px);
}

/*-----------------estilos-footer-------------------*/

#footer {background:#352f22; padding:30px; border-top:5px solid #7d735f; color:#97938a;}
#footer p {
text-align:center;
font-size:12px;
line-height:18px;
}
.logo-posdata{
width:100%;
text-align:right;
margin-top:10px;
}

/*-------------------carta-----------------------------*/

.menu-carta{
width:100%;
border-bottom:1px dashed #D0C8BB;
height:40px;
margin-bottom:30px;
}
.menu-carta ul {
	text-align: center;
}

.menu-carta ul li{
	display:inline-block;
}

.menu-carta ul li a{
font-family:"Georgia", Times New Roman, Times, serif;
font-size:18px;
font-style:italic;
color:#7d735f;
margin:0 0 0 0;
text-shadow: 1px 1px #FFFBF6;
padding:15px 25px 17px 25px;

}

.menu-carta ul li a:hover{
border-bottom:3px solid #D0C8BB;
}

.menu-carta ul li a.selected{
color:#CCA106;
}

#carta-booklet {
	width:644px;
	padding: 0;
	margin: 0;
}

.carta-col{
float:left;
margin:-10px 5px  10px 5px;
padding:0 10px 10px 10px;
width:292px;
}

.carta-col p{
font-size:13px;
line-height:18px;
color:#666666;
margin-bottom:15px;
margin: 5px 0 0px 0;
padding-bottom:15px;
}

.carta-col br{
margin:0 0 7px 0;
}

.carta-col em{
font-size:13px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
}

.carta-col .quote{
font-size:12px;
line-height:15px;
color:#666666;
}

.carta-col h2{
font-family:"Georgia", Times New Roman, Times, serif;
font-size:24px;
font-style:italic;
color:#7d735f;
padding:15px 0 25px 0;
}

.carta-col h3{
font-family:"Georgia", Times New Roman, Times, serif;
font-size:18px;
font-style:italic;
color:#7d735f;
padding:15px 0 25px 0;
}

/*------------stilos-contactenos--------*/

.conten-contac {
	width:100%;
	
}

.conten-contac h2 {
font-family:"Georgia", Times New Roman, Times, serif;
font-size:20px;
font-style:italic;
color:#7d735f;
}
.conten-contac p input {
	display:block;
	width:450px;
	height:25px;
	color:#666;
	background:#FFFBF6;
	border:#D0C8BB dashed 1px;
	font-size:14px;
	
}
.conten-contac .nombre-campo {
	display:block;
	width:80px;
	color:#666;
	margin:0 0 10px -10px;
	text-align:center;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	
}

.conten-contac p textarea {
	display:block;
	background:#FFFBF6;
	border:1px dashed #D0C8BB;
	width:450px;
	height:100px;
	color:#666;
}

.conten-contac p .boton {
	display:block;
	width:100px;
	height:30px;
	background:#7D735F;
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	border:none;
	
}

.conten-contac p .boton:hover {
	background:#D0C8BB;
	color:#7D735F;
}
	
.iframe-content{
border:none;
}

.error{
	background-color: #7D735F;
	padding: 4px 12px;
	border-radius: 4px;
	font-size:12px;
	color: white;
	font-weight: bold;
	margin-left: 453px;
	margin-top: -27px;
	position: absolute;
}
.error:before{
	content: '';
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #7D735F;
    border-left: 8px solid transparent;
    left: -16px;
    position: absolute;
    top: 5px;
}