/*RECTANGULO EN EL OJO - NAF*/
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, strong, 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, dl, dt, dd {
	font-size: 100%;
	font-style: normal;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
a {
	color: #f55051;
	outline: none;
	text-decoration: none;
}
a:visited { color: #f55051;}
a:hover { text-decoration: underline;}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html { font-size: 62.5%;}
body {
	font: 10px 'Hind', sans-serif;
	color: #565656;
	background-color: #FFF;
	min-width: 318px;
}
.tablinks {
	background: none;
	border: none;
	font-size: 1.3rem;
	color: #f55051;
}
.tab .active { color: #565656;}



/*TEMPLATE*/
header {
	background-color: #f1f1f1;
	padding: 14px 0;
}
header img {
	vertical-align: top;
	transition: width .5s ease;
}
.center {
	width: 1000px;
	margin: 0 auto;
}


#navigation {
	font-size: 16px;
	color: #565656;
	padding: 15px 1px 10px;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 55px;
}
#navigation span { display: none;}
#navigation a { font-weight: 500;}
#footer {
	bottom: 0px;
	padding-top: 10px;
	text-align: center;
}
#footer .center {
	position: relative;
	border-top: 3px solid #f1f1f1;
	padding-top: 30px;
}
#footer ul { font-size: 0;}
#footer li {
	font-size: 15px;
	text-transform: uppercase;
	display: inline-block;
	margin: 0 8px 20px;
}
#footer p {
	font-size: 15px;
	font-weight: 300;
	width: 690px;
	margin: 0 auto 20px;
}
#footer li a, #footer li a:visited {
	color: #353535;
	text-decoration: underline;
}
#footer li a:hover { text-decoration: none;}
#footer img { vertical-align: top;}
#footer .redes-sociales {
	width: 150px;
	position: absolute;
	top: 60px;
	right: -8px;
}


/**** CONTENIDO ****/

.content {
	background: url(../imagenes/template/background-content.png) right bottom no-repeat;
}
.inline-block { font-size: 0;}
.inline-block li {
	vertical-align: top;
	display: inline-block;
}
.relative { position: relative;}
.clear { clear: both;}
.contenido-editable {
	width: 800px;
	margin: 0 auto;
	padding-bottom: 100px;
}
.contenido-editable p { line-height: 26px;}
.contenido-editable .redes-sociales {
	text-align: right;
	padding-bottom: 50px;
}
.contenido-editable .padding-btt { padding-bottom: 50px;}
.contenido-editable .redes-sociales li { margin-left: 10px;}
.contenido-editable .redes-sociales li.mostrar{ display:none;}
header progress {
	height: 7px;
	vertical-align: top;
	color: #ea690b;
	width: 100%
}
header progress[value] { width: 100%}
header .header-scroll progress, header progress[role][aria-valuenow] { background: #fff!important; }
 header progress::-webkit-progress-bar, header progress[value]::-webkit-progress-bar { background:#fff;}
 header progress::-moz-progress-bar { background-color:#ea690b}
 header progress::-webkit-progress-value { background-color:#ea690b}
.header progress[aria-valuenow]:before { background-color: #ea690b}






/*Inicio*/

#video-inicio {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
}
#video-inicio .header-close {
	line-height: 35px;
	text-align: right;
	padding: 0 10px;
	background-color: /*#000*/ rgba(0,0,0,0.6);
	width: 120px;
	position: absolute;
	right: 0;
	z-index: 200;
}
#video-inicio .btn-close {
	font-size: 14px;
	color: #FFF;
	cursor: pointer;
}
#video-inicio .yt-iframe {
	position: relative;
	display: table;
	width: 100%;
	height: 100%;
	background-color: #000;
}
#video-inicio .yt-iframe iframe {
	position: absolute;
	height: 100%;
	margin: 0;
}
#menu-fotografos { padding: 30px 0;}

#menu-fotografos.movil, #menu-fotografos .btn-menu { display: none;}
#menu-fotografos ul {
	display: table;
	width: 100%;
	padding: 10px 5px;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}
#menu-fotografos ul li {
	text-transform: uppercase;
	background: url(../imagenes/fotografias/menu-right.gif) right center no-repeat;
	vertical-align: top;
	text-align: center;
	display: table-cell;
	cursor: pointer;
}
#menu-fotografos ul li:last-child { background: none;}
#menu-fotografos ul li a, #menu-fotografos ul li a:visited { color: #6f6f6f;}
#menu-fotografos ul li a:hover, #menu-fotografos ul li.current a { color: #ee4f50;}
#bloque-fotos {
	font-size: 0;
	background-color: #010101;
	padding: 10px 10px 2px 14px;
}
#bloque-fotos li {
	text-align: center;
	vertical-align: top;
	display: inline-block;
	width: 14.2%;
	height: 140px;
	padding: 0 4px;
	margin-bottom: 10px;
}
#bloque-fotos li figure {
	vertical-align: top;
	display: inline-block;
}
#bloque-fotos li a, #bloque-fotos li a:visited {
	background-color: #ee4f50;
	vertical-align: top;
	display: inline-block;
	position: relative;
}
#bloque-fotos li figure .hover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
#bloque-fotos li figure i{
    color: #fff;
	font-size: 15px;
	line-height:18px;
    text-shadow: 1px 0 1px #000;
	display:none;
    width: 100%;
	padding: 0 5px;
	position: absolute;
    bottom: 5px;
    left: 0;
}
#bloque-fotos li.active .hover { display: block; background-color: rgba(190,18,19,0.4);}
#bloque-fotos li figure .movil {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
#bloque-fotos li figure .movil i{ display:block;}

#bloque-fotos li img {
	vertical-align: top;
	max-width: 100%;
	height: auto;
}
#bloque-fotos li.fig-1 {
	padding-top: 4px;
	background: url(../imagenes/fotografias/background-cinta2.png) 9px bottom no-repeat;
	padding-bottom: 2px;
}
#bloque-fotos li.fig-1 figure {
}
#bloque-fotos li.fig-2 { padding-top: 4px;}
#bloque-fotos li.fig-2 figure {
	background: url(../imagenes/fotografias/background-cinta2.png) right 99% no-repeat;
	padding-bottom: 5px;
}
#bloque-fotos li.fig-3 figure {
	background: url(../imagenes/fotografias/background-cinta2.png) -290px 98.5% no-repeat;
	padding-bottom: 5px;
}
#bloque-fotos li.fig-4 figure {
	background: url(../imagenes/fotografias/background-cinta2.png) -290px 98.5% no-repeat;
	padding-bottom: 5px;
}
#bloque-fotos li.fig-5 figure {
	background: url(../imagenes/fotografias/background-cinta2.png) -247px 98.5% no-repeat;
	padding: 2px 0 5px;
}
#bloque-fotos li.fig-6 figure {
	background: url(../imagenes/fotografias/background-cinta2.png) -167px 98.5% no-repeat;
	padding-bottom: 5px;
}
#bloque-fotos li.fig-8 figure {
	background: url(../imagenes/fotografias/background-cinta.png) right bottom no-repeat;
	padding-bottom: 5px;
}
#bloque-fotos li.fig-9 figure {
	background: url(../imagenes/fotografias/background-cinta.png) -343px 99% no-repeat;
	padding-bottom: 9px;
}
#bloque-fotos li.fig-10 {
	background: url(../imagenes/fotografias/background-cinta.png) -336px 97% no-repeat;
	padding-bottom: 9px;
}
#bloque-fotos li.fig-11 {
	background: url(../imagenes/fotografias/background-cinta.png) -277px 97.5% no-repeat;
}
#bloque-fotos li.fig-12 {
	background: url(../imagenes/fotografias/background-cinta.png) -327px 98% no-repeat;
}
#bloque-fotos li.fig-13 {
	background: url(../imagenes/fotografias/background-cinta.png) -374px 99.5% no-repeat;
}
#bloque-fotos li.fig-14 {
	background: url(../imagenes/fotografias/background-cinta.png) -523px 99.5% no-repeat;
}
#bloque-fotos li.fig-15 {
	background: url(../imagenes/fotografias/background-cinta.png) -269px 91.5% no-repeat;
}
#bloque-fotos li.fig-16 {
	background: url(../imagenes/fotografias/background-cinta.png) -52px 92.5% no-repeat;
}
#bloque-fotos li.fig-17 {
	background: url(../imagenes/fotografias/background-cinta.png) -81px 92.4% no-repeat;
}
#bloque-fotos li.fig-18 {
	background: url(../imagenes/fotografias/background-cinta.png) 0 94.5% no-repeat;
}
#bloque-fotos li.fig-19 {
	background: url(../imagenes/fotografias/background-cinta.png) -46px 94% no-repeat;
}
#bloque-fotos li.fig-20 {
	background: url(../imagenes/fotografias/background-cinta.png) -77px 95.2% no-repeat;
}
#bloque-fotos li.fig-21 {
	background: url(../imagenes/fotografias/background-cinta.png) -360px 95% no-repeat;
}
#bloque-fotos li.fig-22 {
	background: url(../imagenes/fotografias/background-cinta.png) -370px 89% no-repeat;
	margin: 0;
}
#bloque-fotos li.fig-23 {
	background: url(../imagenes/fotografias/background-cinta.png) -280px 91% no-repeat;
	margin: 0;
}
#bloque-fotos li.fig-24 {
	background: url(../imagenes/fotografias/background-cinta.png) -210px 92% no-repeat;
	margin: 0;
}
#bloque-fotos li.fig-25 {
	background: url(../imagenes/fotografias/background-cinta.png) -253px 93% no-repeat;
	margin: 0;
}
#bloque-fotos li.fig-26 {
	background: url(../imagenes/fotografias/background-cinta.png) -283px 94% no-repeat;
	margin: 0;
}
#bloque-fotos li.fig-27 {
	background: url(../imagenes/fotografias/background-cinta.png) -213px 94% no-repeat;
	margin: 0;
}
#bloque-fotos li.fig-28 {
	background: url(../imagenes/fotografias/background-cinta.png) -255px 94% no-repeat;
	margin: 0;
}
 @media (min-width: 1196px) {
#bloque-fotos li.fig-22, #bloque-fotos li.fig-23, #bloque-fotos li.fig-24, #bloque-fotos li.fig-25, #bloque-fotos li.fig-26, #bloque-fotos li.fig-27, #bloque-fotos li.fig-28 {
	height: 134px;
	margin: 0;
}
}
#bloque-fotos li.fig-3 {
	padding-top: 7px;
}
#bloque-fotos li.fig-4 {
	padding-top: 6px;
}
#bloque-fotos li.fig-5 {
	padding-top: 6px;
}
#bloque-fotos li.fig-6 {
	padding-top: 11px;
}
#bloque-fotos li.fig-7 {
	padding: 8px 0 0 1px;
}
#bloque-fotos li.fig-8 {
}
#bloque-fotos li.fig-8 figure {
	margin-top: -4px;
}
#bloque-fotos li.fig-9 figure {
	margin-top: -4px;
}
#bloque-fotos li.fig-10 {
	padding-top: 1px;
}
#bloque-fotos li.fig-11 {
	padding-top: 2px;
}
#bloque-fotos li.fig-12 {
	padding-top: 4px;
}
#bloque-fotos li.fig-13 {
	padding-top: 6px;
}
#bloque-fotos li.fig-14 {
	padding-top: 7px;
}
#bloque-fotos li.fig-15 figure {
	margin-top: -9px;
}
#bloque-fotos li.fig-16 figure {
	margin-top: -8px;
}
#bloque-fotos li.fig-17 figure {
	margin-top: -7px;
}
#bloque-fotos li.fig-18 figure {
	margin-top: -7px;
}
#bloque-fotos li.fig-19 figure {
	margin-top: -4px;
}
#bloque-fotos li.fig-20 figure {
	margin-top: -1px;
}
#bloque-fotos li.fig-22 figure {
	margin-top: -15px;
}
#bloque-fotos li.fig-23 figure {
	margin-top: -15px;
}
#bloque-fotos li.fig-24 figure {
	margin-top: -12px;
}
#bloque-fotos li.fig-25 figure {
	margin-top: -11px;
}
#bloque-fotos li.fig-26 figure {
	margin-top: -15px;
}
#bloque-fotos li.fig-27 figure {
	margin-top: -9px;
}
#bloque-fotos li.fig-28 figure {
	margin-top: -8px;
}
/**** Detalle ****/

.bar {
	top: 80px !important;
}
.sticky-wrapper {
	width: 100%;
}
.sticky-wrapper header {
	width: 100%;
	z-index: 100;
}
.is-sticky header img {
	width: auto;
	height: 54px;
	transition: width .5s ease;
}
.yt-iframe iframe {
	vertical-align: top;
	width: 100%;
	margin-bottom: 15px;
}
.contenido-editable .idioma {
	position: absolute;
	top: 10px;
	right: 0;
}
.contenido-editable .idioma li {
	margin-left: 15px;
}
.height {
	min-height: 450px;
}
.creditos-img {
	font-size: 0;
	text-align: center;
	padding: 80px 0 50px;
	margin: 0 -100px;
}
.creditos-img figure {
	vertical-align: top;
	display: inline-block;
	width: 20%;
	padding: 0 5px 20px;
}
.creditos-img figure img {
	vertical-align: top;
}
/*Textos*/



h1, h2, h3, h4, h6, .text-h2, .text-18 {
	color: #a2a2a2;
	font-weight: 300;
	margin-bottom: 20px;
}
h1 {
	font-size: 3.6em;
	line-height: 36px;
}
h2 {
	font-size: 3em;
	line-height: 36px;
}
h3 {
	font-size: 1.8em;
}
.text-18 {
	font-size: 1.8em;
}
h4, li, p, th, td, dd {
	font-size: 1.4em;
	font-size: 1.4rem;
	line-height: 20px;
}
p {
	margin-bottom: 15px;
}
li {
	margin-bottom: 10px;
}
ul {
	list-style: none;
}
table {
	margin: 0;
	border: 0;
	border-collapse: collapse;
}
.borrar {
	clear: both;
}
.text-11 {
	font-size: 1.1em;
	padding-top: 5px;
}
.text-13 {
	font-size: 1.3em;
}
.text-14 {
	font-size: 1.4em;
	color: #606060;
	font-weight: bold;
}
.text-15 {
	font-size: 1.5em;
	color: #222943;
}
.text-right, .editable .text-right {
	text-align: right;
}
.text-center, .editable .text-center {
	text-align: center;
}
/* CONTENIDO EDITABLE */

.editable {
	padding: 1px 4px;
}
.editable img {
	border: 1px solid #5d5d5d;
}
.margen-l {
	float: left;
	margin: 0 15px 10px 0;
}
.editable ul {
	list-style-image: url(../imagenes/sitio/vineta.html);
	margin: 0 0 10px 30px;
	color: #424242;
}
.editable ul ol {
	list-style-image: none;
	list-style-type: decimal;
}
.editable ol {
	margin: 10px 0 10px 20px;
	color: #424242;
}
.editable li {
	margin-bottom: 10px;
}
.editable ol ul, .editable ul ol {
	margin: 10px 5px 10px 30px;
}
.editable li li {
	font-size: 14px;
}
.editable li, .editable p {
	line-height: 20px;
}
.editable table {
	width: 100%;
	margin: 0 0 20px;
	border-right: 1px solid #dfdfdf;
}
.editable .noticia-right ul {
	list-style-image: none;
	list-style-type: none;
}
.tr-color { background-color: #eeeeee;}
.editable table th, .editable table td {
	text-align: left;
	vertical-align: top;
	line-height: auto;
}
.editable table td {
	padding: 10px 15px;
	border-left: 1px solid #dfdfdf;
	border-bottom: 1px solid #ececec;
}
.editable table tr:hover td { background: #f4f4f4;}
.editable table td a:visited { color: #660099;}
.editable table th {
	padding: 8px 15px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	background-color: #0134cd;
	border: 1px solid #0134cd;
}
.editable td img {
	border: none;
	padding: 0;
}







/********** RESPONSIVE **********/

@media screen and (max-width: 1196px) {
.center {
	width: 960px;
}
#bloque-fotos {
	width: 86%;
	margin: 0 auto;
	padding: 10px 15px 10px 20px
}
#bloque-fotos li {
	width: 25%;
	height: 164px;
}
#bloque-fotos li.fig-6, #bloque-fotos li.fig-7 {
	padding-top: 5px;
}
#bloque-fotos li.fig-8 figure, #bloque-fotos li.fig-9 figure {
	margin-top: 0;
	padding-top: 3px;
}
#bloque-fotos li.fig-9 figure, #bloque-fotos li.fig-15 figure { margin-top: 0;}
#bloque-fotos li.fig-7 figure { margin-top: -4px;}
#bloque-fotos li.fig-15 {
	background: url(../imagenes/fotografias/background-cinta.png) -269px 98.5% no-repeat;
	padding-top: 2px;
}
#bloque-fotos li.fig-16 figure, #bloque-fotos li.fig-17 figure, #bloque-fotos li.fig-18 figure,  #bloque-fotos li.fig-19 figure, #bloque-fotos li.fig-20 figure, #bloque-fotos li.fig-22 figure,  #bloque-fotos li.fig-27 figure, #bloque-fotos li.fig-28 figure {
	margin-top: 0;
}
#bloque-fotos li.fig-16 {
	background-position: -52px 97.5%;
}
#bloque-fotos li.fig-17 {
	background-position: -81px 97.5%;
}
#bloque-fotos li.fig-18 {
	background-position: 0 97.5%;
}
#bloque-fotos li.fig-19 {
	background-position: -46px 97.5%;
}
#bloque-fotos li.fig-20 {
	background-position: -77px 97.5%;
}
#bloque-fotos li.fig-22 {
	background-position: -370px 96%;
}
#bloque-fotos li.fig-23 {
	background-position: -280px 96%;
}
#bloque-fotos li.fig-23 figure {
	margin-top: -5px;
}
#bloque-fotos li.fig-24 {
	background-position: -210px 97%;
}
#bloque-fotos li.fig-24 figure, #bloque-fotos li.fig-25 figure {
	margin-top: -1px;
}
#bloque-fotos li.fig-25 {
	background-position: -253px 96%
}
#bloque-fotos li.fig-26 figure {
	margin-top: -5px;
}
#bloque-fotos li.fig-26 {
	background-position: -283px 97%;
}
#bloque-fotos li.fig-27 {
	background-position: -213px 98%;
}
#bloque-fotos li.fig-28 {
	background-position: -255px 96%;
}
#menu-fotografos.movil{ display:block;}
}
@media (min-width: 768px) and (max-width: 979px) {
.center { width: 724px;}
}
@media (max-width: 979px) {
#bloque-fotos {
	width: 100%;
	padding: 10px 10px 10px 12px
}
.contenido-editable { width: 700px;}
.creditos-img { margin: 0 -5px;}
.creditos-img figure { width: 25%;}
.height { min-height: 200px;}
#bloque-fotos li figure .hover i{ display: block;}

#footer p { width: auto;}
#footer .redes-sociales {
	margin: 0 auto;
	position: relative;
	top: 0;
}
.yt-iframe iframe{ height:394px;}
}
 @media (max-width: 779px) {
.center { width: 680px;}
.contenido-editable { width: auto; padding: 0 10px;}
.yt-iframe iframe{ height:374px;}
.contenido-editable .redes-sociales li.mostrar{ display:inline-block;}
}
@media (max-width: 690px) {
.center { width: 94%;}
#bloque-fotos li { width: 33.3%;}
#menu-fotografos { width: 200px; position: relative;}
#menu-fotografos .btn-menu {
	color: #FFF;
	font-size: 14px;
	font-weight: 500;
	line-height: 40px;
	background: #010101 url(../imagenes/fotografias/btn-menu.png) 5px center no-repeat;
	display: block;
	padding-left: 50px;
	cursor: pointer;
}
#menu-fotografos ul {
	display: none;
	background-color: #010101;
	position: absolute;
	z-index: 5;
	border-bottom:none;
}
#menu-fotografos ul.active { display: block;}

#menu-fotografos ul li { display: block; background-image: none;}
#menu-fotografos ul li a { display: block;}
.creditos-img figure img { max-width: 100%;	height: auto;}
.yt-iframe iframe{ height:354px; margin-bottom:10px;}
}
@media (max-width: 600px) {
.yt-iframe iframe{ height:310px;}
}
@media (max-width: 500px) {
header img {
	width: auto;
	height: 70px;
}
#bloque-fotos li.hide{ display:none;}
#bloque-fotos li { width: 100%;	height:auto;}
#bloque-fotos li img{ width:100%; height:auto;}
#bloque-fotos li figure .movil{ display:block;}
#bloque-fotos li figure i{
	font-size: 24px;
	line-height: normal;
	background-color: rgba(190,18,19,0.4);
	padding:2px 5px;
	bottom:0;
}
#bloque-fotos li figure, #bloque-fotos li a, #bloque-fotos li a:visited{
	display: block;
}
#bloque-fotos li.fig-2 figure{ padding-bottom:9px;}

#bloque-fotos li.fig-10 {
    background-position: -336px 99% no-repeat;
    padding-bottom: 12px;
}
#bloque-fotos li.fig-12 { background-position: 51% bottom ;}
#bloque-fotos li.fig-16 { background-position: -753px 99%;}
#bloque-fotos li.fig-12, #bloque-fotos li.fig-16 { padding-bottom: 8px;}

#bloque-fotos li.fig-18 { background-position: 0 100%;}
#bloque-fotos li.fig-20 { background-position: -262px 99.5%;}
#bloque-fotos li.fig-18, #bloque-fotos li.fig-20 { padding-bottom: 10px;}


.yt-iframe iframe { height: 260px;}
.bar { top: 70px !important;}
.is-sticky header img {
	width: auto;
	height: 44px;
	transition: width .5s ease;
}
}
@media (max-width: 450px) {
h1 {
    font-size: 30px;
    line-height: 30px;
	margin-bottom:10px;
}
.yt-iframe iframe{ height:230px;}
}
@media (max-width: 400px) {
.yt-iframe iframe{ height:200px;}
}
@media (max-width: 380px) {
.yt-iframe iframe{ height:190px;}
}
@media (max-width: 340px) {
.yt-iframe iframe{ height:150px;}
}