@charset "UTF-8";
@font-face {
    font-family: 'orator';
    src: url('fonts/orator.eot?#iefix') format('embedded-opentype'), 
        url('fonts/orator.woff') format('woff'), 
        url('fonts/orator.ttf')  format('truetype'),
        url('fonts/orator.svg#svgFontName') format('svg');
		font-weight:normal;
		font-style:normal;
}
@font-face {
    font-family: 'open';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open';
    src: url('fonts/opensans-lightitalic-webfont.eot');
    src: url('fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-lightitalic-webfont.woff') format('woff'),
         url('fonts/opensans-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: italic;

}
@font-face {
    font-family: 'open';
    src: url('fonts/opensans-semibold-webfont.eot');
    src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold-webfont.woff') format('woff'),
         url('fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: 'open';
    src: url('fonts/opensans-semibolditalic-webfont.eot');
    src: url('fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-semibolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: bold;
    font-style: italic;

}
@font-face {
    font-family: 'ave';
    src: url('fonts/av_bk.eot');
    src: url('fonts/av_bk.eot?#iefix') format('embedded-opentype'),
         url('fonts/av_bk.woff') format('woff'),
         url('fonts/av_bk.ttf') format('truetype'),
         url('fonts/av_bk.svg#open_sanssemibold') format('svg');
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: 'ave';
    src: url('fonts/av_rg.eot');
    src: url('fonts/av_rg.eot?#iefix') format('embedded-opentype'),
         url('fonts/av_rg.woff') format('woff'),
         url('fonts/av_rg.ttf') format('truetype'),
         url('fonts/av_rg.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}





body {
	font-family: 'open', Helvetica,  Arial, sans-serif;
	margin: 0px;
	padding: 0px;
}
img{ border:none; }
a { text-decoration:none; }
.clear { clear:both; }
menu{
	width:100%;
	max-width:1920px;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	background-color: transparent;
	height:115px;
}
menu .logo{
	width:350px;
	float:left;
	height:103px;
	border-top:11px solid #bbb4ae;
	background-image:url(imgs/logo.png);
	background-repeat:no-repeat;
	background-position:center center;
}
menu .btns{
	font-family:'orator', Helvetica,  Arial, sans-serif;
	font-size:16px;
	color:#444;
	margin-right:30px;
}
menu  .btns ul{
	padding:0px;
	padding-top:50px;
	float:right;
	list-style:none;
}
menu .btns li, menu .btns a li{
	display:inline-block;
	color:#444;
	margin-left:20px;
	text-transform:uppercase;
	position:relative;
}
menu ul.submenu{
	position:absolute;
	padding:0px;
	margin:0px;
	margin-top:-5px;
	padding-top:25px;
	cursor:pointer;
}
ul.submenu a li{
	display:block;
	color:#FFF !important;
	background-color: rgba(80,80,80,0.9);
	padding:15px;
	padding-top:12px;
	padding-bottom:8px;
	text-transform:uppercase;
	position:relative;
	width:125px;
	margin-left:0px;
	margin-bottom:2px;
	transition:all 0.3s ease 0.03s;
	-webkit-transition:all 0.3s ease 0.03s;
	-moz-transition:all 0.3s ease 0.03s;
	-o-transition:all 0.3s ease 0.03s;
	-ms-transition:all 0.3s ease 0.03s;
}
ul.submenu a li:hover{
	background-color:#666;
	background-color: rgba(90,90,90,0.9);
	margin-left:-8px;
}



.banner{
	width:100%;
	height:460px;
	margin-left:auto;
	margin-right:auto;
	background-position:center;
	background-size:cover;
}
#fondo1{ background-image:url(imgs/fondo1.jpg); }
#fondo2{ background-image:url(imgs/fondo2.jpg); }


.sombra{
	width:100%;
	height:270px;
	max-width:1920px;
	margin-left:auto;
	margin-right:auto;
	background-color:rgba(50,50,50,0.3);
	margin-top:-190px;
	margin-bottom:130px;
	position:relative;
	z-index:10;
}

.separadorgris{
	border-top:7px solid #c1c1c1;
	margin-top:5px;
	margin-bottom:5px;
	width:100%;
	max-width:1920px;
	margin-left:auto;
	margin-right:auto;
}
.conte{
	width:840px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	margin-top:70px;
	margin-bottom:100px;
	display:block;
}
.conte h2{
	font-size:18px;
	line-height:24px;
	text-transform:uppercase;
	color:#7d7084;
	font-weight:normal;
	margin-top:25px;
	margin-bottom:25px;
	padding-bottom:25px;
	border-bottom:2px solid #7d7084;
	font-family:'ave', Arial, Helvetica, sans-serif;
}
.conte p{
	font-size:12px;
	line-height:18px;
	font-family: 'open', Helvetica,  Arial, sans-serif;
	margin-bottom:20px;
	margin-right:50px;
	text-align:justify;
}
.conte a{ color:#777; }
.icona{ margin-bottom:0px; width:28px; height:28px;}

.categorias{
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	padding-top:140px;
	padding-bottom:50px;
	height:200px;
	display:block;
}
.catego{
	width: 32.7%;
	margin-right: 0.5%;
	height: 200px;
	float: left;
	color: #FFF;
	text-align: center;
	position: relative;
	opacity: 0.95;
	transition: all 0.3s ease 0.03s;
	-webkit-transition: all 0.3s ease 0.03s;
	-moz-transition: all 0.3s ease 0.03s;
	-ms-transition: all 0.3s ease 0.03s;
	-o-transition: all 0.3s ease 0.03s;
}
.catego:hover{
	opacity:1;
}
.catego img{
	margin-bottom:10px;
	margin-top:15px;
}
.catego h1{
	font-size:14px;
	font-family:'ave', Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:0px;
	margin-bottom:5px;
}
.catego p{
	font-size:12px;
	font-family:'open', Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-left:40px;
	margin-right:40px;
	margin-top:0px;
	margin-bottom:0px;
}
.catego a{
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: rgba(255,255,255,0.1);
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0px;
	font-size: 11px;
	text-transform: uppercase;
	left: 0px;
}
#bodego{ background-color:#4d4751;}
#religio{ background-color:#564169;}
#bano{ background-color:#416787;}
#publi{ background-color:#45a1b1;}
#vblock{ background-color:#a6a6a6;}


.descarga{
	width:840px;
	margin-left:auto;
	margin-right:auto;
	height:75px;
	display:table;
	margin-bottom:100px;
}
.desca1{
	width:52%;
	padding-left:1%;
	padding-right:3%;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	border-right:1px solid #bbb;
	display:table-cell;
	vertical-align:middle;
	font-family:'open', Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;	
	color:#666;
}
.desca2{
	width:44%;
	padding-left:0%;
	padding-right:0%;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	display:table-cell;
	vertical-align:middle;
	font-size:12px;
	line-height:14px;	
	font-family:'ave', Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:right;
	color:#9c918d;
}
.desca2 a{ color:#9c918d; }
.desca2 img{
	vertical-align:middle;
	margin-left:30px;
}

.galeria{
	width:100%;
	min-height:200px;
}
.galeria .item{
	width:32%;
	margin-right:2%;
	height:120px;
	float:left;
	background-color:#EEE;
	margin-bottom:15px;
	overflow:hidden;
	background-size:cover;
	background-position:center;
	transition:all 0.3s ease 0.03s;
	-webkit-transition:all 0.3s ease 0.05s;
	-moz-transition:all 0.3s ease 0.05s;
	-ms-transition:all 0.3s ease 0.05s;
	-o-transition:all 0.3s ease 0.05s;
}
.galeria .item:hover{
	cursor:pointer;
	transform:scale(1.05,1.05);
	-webkit-transform:scale(1.05,1.05);
	-moz-transform:scale(1.05,1.05);
}
.galeria .item:nth-of-type(3n){ margin-right:0%;}

.galeria .item .nombre{
	width:70%;
	padding-left:15%;
	padding-right:15%;
	background-color:rgba(255,255,255,0.0);
	color: #5d5760;
	font-family:'ave', Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:41px;
	padding-bottom:41px;
	margin-top:-100%;
	-webkit-transition:all 0.5s ease-out 0.05s;
	-moz-transition:all 0.5s ease-out 0.05s;
	-ms-transition:all 0.5s ease-out 0.05s;
	-o-transition:all 0.5s ease-out 0.05s;
}
.galeria .item:hover .nombre{
	margin-top:0%;
	background-color:rgba(255,255,255,0.75);
}

.manto{
	background-color:rgba(255,255,255,0.7);
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	bottom:0px;
	z-index:1000;
}
.muestra{
	background-color: transparent;
	background-size:cover;
	position:fixed;
	overflow: visible;
	z-index:1002;
	background-repeat:no-repeat;
	background-position:center;
	width: 75vw; /* 90% of viewport vidth */
    height: 42.1875vw; /* ratio = 9/16 * 75 = 42.1875 */
    max-height: 90vh;
    max-width: 133.3333vh; /* 16/9 * 75 = 13.333 */
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.muestra .grande{
	background-color:#FFF;
	box-shadow:0px 0px 5px rgba(0,0,0,0.75);
	position:absolute;
	height:100%;
    width: 100%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	margin-left:100%;
	margin-top:0%;
	opacity:0;
}
.muestra .inserto{
	background-color:#FFF;
	box-shadow:0px 0px 5px rgba(0,0,0,0.75);
	position:absolute;
	height:100%;
    width: 50%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	margin-left:100%;
	margin-top:0%;
	opacity:0;
}
.muestra .extra{
	background-color:#FFF;
	box-shadow:0px 0px 5px rgba(0,0,0,0.75);
	position:absolute;
	height:100%;
    width: 50%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	margin-left:100%;
	margin-top:0%;
	opacity:0;
}
.muestra .extr2{
	background-color:#FFF;
	box-shadow:0px 0px 5px rgba(0,0,0,0.75);
	position:absolute;
	height:100%;
    width: 50%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	margin-left:100%;
	margin-top:0%;
	opacity:0;
}
.muestra .listelo{
	background-color:#FFF;
	box-shadow:0px 0px 5px rgba(0,0,0,0.75);
	position:absolute;
	height:50%;
    width: 100%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	margin-left:100%;
	margin-top:14%;
	opacity:0;
}
.muestra .grande span, .muestra .inserto span, .muestra .listelo span, .muestra .extra span, .muestra .extr2 span{
	position:absolute;
	bottom:0px;
	left:0%;
	padding:15px;
	padding-top:13px;
	padding-bottom:9px;
	font-family:'orator', Arial, Helvetica, sans-serif;
	color:#FFF;
	background-color:rgba(0,0,0,0.75);
	font-size:16px;
}
.muestra .tache{
	box-shadow:0px 0px 5px rgba(0,0,0,0.75);
	width:50px;
	height:50px;
	border-radius:50%;
	background-color:#777;
	position:absolute;
	top:-25px;
	right:-25px;
	background-image:url(imgs/tache.png);
	background-size:40%;
	background-position:center;
	background-repeat:no-repeat;
	transform:rotate(0deg);
	cursor:pointer;
	-webkit-transition:all 0.5s ease-out 0.05s;
	-moz-transition:all 0.5s ease-out 0.05s;
	-ms-transition:all 0.5s ease-out 0.05s;
	-o-transition:all 0.5s ease-out 0.05s;
}
.muestra .tache:hover{
	background-color:#666;
	transform:rotate(180deg);
	box-shadow:0px 0px 5px rgba(0,0,0,0.55);
}
.muestra .flechader{
	box-shadow:0px 0px 5px rgba(0,0,0,0.75);
	width:50px;
	height:50px;
	border-radius:50%;
	background-color:#777;
	position:absolute;
	top:48%;
	right:0px;
	background-image:url(imgs/der.png);
	background-size:40%;
	background-position:center;
	background-repeat:no-repeat;
	transform:scale(1,1);
	cursor:pointer;
	opacity:0.5;
	-webkit-transition:all 0.5s ease-out 0.05s;
	-moz-transition:all 0.5s ease-out 0.05s;
	-ms-transition:all 0.5s ease-out 0.05s;
	-o-transition:all 0.5s ease-out 0.05s;
}

.muestra .flechaizq{
	box-shadow:0px 0px 5px rgba(0,0,0,0.75);
	width:50px;
	height:50px;
	border-radius:50%;
	background-color:#777;
	position:absolute;
	top:48%;
	left:0px;
	background-image:url(imgs/izq.png);
	background-size:40%;
	background-position:center;
	background-repeat:no-repeat;
	transform:scale(1,1);
	cursor:pointer;
	opacity:0.5;
	-webkit-transition:all 0.5s ease-out 0.05s;
	-moz-transition:all 0.5s ease-out 0.05s;
	-ms-transition:all 0.5s ease-out 0.05s;
	-o-transition:all 0.5s ease-out 0.05s;
}
.muestra .flechaizq:hover, .muestra .flechader:hover{
	background-color:#666;
	transform:scale(1.1,1.1);
	box-shadow:0px 0px 5px rgba(0,0,0,0.55);
	opacity:1;
}

.muestra .cover{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	overflow:visible;
}




table.contacto{
	color:#555;
	font-size:12px;
	font-family:'open', Arial, Helvetica, sans-serif;
	margin-top:50px;
}
#corect{ padding-top:5px; display:block;}
table.contacto .campo{
	background-color:#f2f2f2;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	border:none;
	padding:6px;
	color:#777;
	width:99%;
}
table.contacto #enviar{
	background-color:#777;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	border:none;
	padding:6px;
	padding-bottom:2px;
	padding-top:8px;
	color:#FFF;
	width:100px;
	font-size:14px;
	font-family:'orator', Arial, Helvetica, sans-serif;
}


footer{
	width:calc(100% - 110px);
	max-width:1920px;
	padding:25px;
	background-color:#f8f8f8;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:30px;
	display:block;
}
#sqrfoot{ margin-top: 20px; margin-bottom:10px; float:left; }

#direcc{ 
	margin-top: 30px;
	margin-left:30px; 
	margin-right:70px;
	margin-bottom:20px; 
	float:left;
	color:#aba29c;
	font-size:11px; 
}
#direcc a { color:#aba29c; }
#direcc a:hover { 
	color:#666; 
	transition:all 0.3s ease 0.03s;
	-webkit-transition:all 0.3s ease 0.03s;
	-moz-transition:all 0.3s ease 0.03s;
	-o-transition:all 0.3s ease 0.03s;
	-ms-transition:all 0.3s ease 0.03s;
}
footer .lista{
	height:85px;
	padding:10px 15px;
	border-left:1px solid #eae9e9;
	float:left;
	color:#aba29c;
	font-size:11px; 
	margin-left:70px;
}
.lista ul{ padding:0px !important; margin:0px !important; list-style:none; width:90px;}
.lista a{
	color:#aba29c;
	transition:all 0.3s ease 0.03s;
	-webkit-transition:all 0.3s ease 0.03s;
	-moz-transition:all 0.3s ease 0.03s;
	-o-transition:all 0.3s ease 0.03s;
	-ms-transition:all 0.3s ease 0.03s;
}
.lista a:hover { 
	color:#666;
	text-indent:5px;
}