/* Develop by @danielazarte & Dario Gutierrez*/
/* Inicio Reset */
/*@import url(http://weloveiconfonts.com/api/?family=brandico);*/

[class*="brandico-"]:before {
 font-family: 'brandico', sans-serif;
}

* {
margin: 0;

padding: 0;
border: 0;
}


/*Selecctors*/
/* Para Safari */
::selection {
background: #F78181;
}

/* Para Firefox */
::-moz-selection {
background: #F78181;
}
/* */
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
h1,h2,h3,h4,h5,h6{
font-weight: normal;
}
html {
height:100%;
background: url(../img/background.jpg);
}
body,td,th{
font-family:'Domine';
font-size: .8em;
line-height: normal;
}
h1{
margin-right: .5em;
margin-left: .5em;
}
a{
font-weight: normal;
text-decoration: none;
color: #000;
}
a:hover{
color: #000;
}
img, video{
max-width:100%;
width: 100%;
}
@font-face {
 font-family: 'Domine';
 font-style: normal;
 font-weight: 400;
 src: local('Domine'), local('Domine-Regular'), url(http://themes.googleusercontent.com/static/fonts/domine/v2/1KlmlHXZHUehH22N_q86AA.woff) format('woff');
}
@font-face {
 font-family: 'Domine';
 font-style: normal;
 font-weight: 700;
 src: local('Domine Bold'), local('Domine-Bold'), url(http://themes.googleusercontent.com/static/fonts/domine/v2/BmiPqZorq0QiT-p6kf1paT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
 font-family: 'Bitter';
 font-style: normal;
 font-weight: 700;
 src: local('Bitter-Bold'), url(http://themes.googleusercontent.com/static/fonts/bitter/v5/evC1haE-MsorTl_A7_uSGT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
/* ---------------------- Fin Reset ---------------------- */
.wrapper{
width: 100%;
max-width: 996px;
margin: auto;
background: #fff;
display: block;
box-shadow: 0 0 1.7em #cccccc;
-webkit-box-shadow: 0 0 1.7em #cccccc;
-moz-box-shadow: 0 0 1.7em #cccccc;
filter: shadow(color=#cccccc, direction=135, strength=2);
text-align: center;
}
/*VIDEO HTML5*/
.js-video {
  height: 0;
  padding-top: 25px;
  padding-bottom: 67.5%;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}
 
.js-video.widescreen {
  padding-bottom: 57.25%;
}
 
.js-video.vimeo {
  padding-top: 0;
}
.js-video embed, .js-video iframe, .js-video object, .js-video video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;

}
/*FIN VIDEO HTML5*/
/* ---------------------- header  ---------------------- */
header{
margin: 0 0 10px 0;
width: auto;
display: block;
}
/* modificado dario APEC */
header .cabecera_cont{
	margin: auto;
	width: auto;
	display: block;
	padding:10px;
	background: #ff0000;
	background-repeat: no-repeat;
	background-position: center -5em;
	}	
header .logo1{
	display: inline-block;
	width: 29%;
	text-align: left;
	vertical-align: middle;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	width: 0;
	/* ANIMACION LLEGADA */
	-webkit-animation: logocaida 0.5s ease-in;
	-o-animation: logocaida 0.5s ease-in;
	-moz-animation: logocaida 0.5s ease-in;
	animation: logocaida 0.5s ease-in;
	}
.botonidioma{
	width: 130px;
	/* display:inline-block; */
	margin: auto;
	margin-top: 10px;
}	
header .logo2{
	display: inline-block;
	width: 29%;
	text-align: left;
	vertical-align: middle;
	}
header .logo3{
	display: inline-block;
	width: 29%;
	text-align: left;
	vertical-align: middle;
	}
.cabecera_cont section{
	display: inline-block;
	width: 43%;
	vertical-align: middle;
	text-align: right;
	line-height: 22px;
	}
.cabecera_cont section .texto{
	display: inline-block;
	margin:auto;
	color: #ffffff;
	}
.cabecera_cont section .texto p{
	display: inline-block;
	margin: auto;
	vertical-align: top;
	color: #ffffff;
	font-weight: bold;
	font-size: 2em;
	}
.cabecera_cont section .texto2{
	margin:auto;
	width:auto;
		color: #ffffff;
	}
.cabecera_cont section .texto2 p{
	display: inline-block;
	margin: auto;
	vertical-align: top;
	color: #ffffff;
	font-weight: bold;
	}
/* fin modificado dario APEC*/

/* ---------------------- social Icono 1 ---------------------- */
.social{
	display: inline-block;
	width: 80%;
	vertical-align: middle;
	text-align: right;
	}
.social li{
	margin: auto 3px;
	width: auto;
	display: inline-block;
	/* Animacion de Llegada */
	}
.social a{
	width: 25px;
	height: 25px;
	display: block;
	border-radius: 16px;
	/* apec 2016 */
	/*
	background-color: #28292e;
	*/
	background-color: rgba(0,0,0,.4);
	overflow: hidden;
	text-indent: -999px;

	background-image: url(../img/iconos.png);
	background-repeat: no-repeat;
	-webkit-transition: all ease 0.7s;
	-moz-transition: all ease 0.7s;
	-o-transition: all ease 0.7s;
	-ms-transition: all ease 0.7s;
	transition: all ease 0.7s;
	}
	.social a:hover{
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);	
	}
.social li:first-child a{
	background-position: 5px 5px;
	/* ANIMACION LLEGADA */
	-webkit-animation:llegada 0.4s ease-out;
	-o-animation:llegada 0.4s ease-out;
	-moz-animation:llegada 0.4s ease-out;
	animation:llegada 0.4s ease-out;
	}
.social li:first-child a:hover{
	background-color: #4167A2;
	}
.social li:nth-child(2) a{
	background-position: -37px 5px;
	/* ANIMACION LLEGADA */
	-webkit-animation:llegada 0.6s ease-out;
	-o-animation:llegada 0.6s ease-out;
	-moz-animation:llegada 0.6s ease-out;
	animation:llegada 0.6s ease-out;
	}
.social li:nth-child(2) a:hover{
	background-color: #36ACE2;
	}

.social li:nth-child(3) a{
	background-position: -82px 5px;
	/* ANIMACION LLEGADA */
	-webkit-animation:llegada 0.8s ease-out;
	-o-animation:llegada 0.8s ease-out;
	-moz-animation:llegada 0.8s ease-out;
	animation:llegada 0.8s ease-out;
	}
.social li:nth-child(3) a:hover{
	background-color: #ED393C;
	}
.social li:nth-child(4) a{
	background-position: -124px 5px;
	/* ANIMACION LLEGADA */
	-webkit-animation:llegada 0.9s ease-out;
	-o-animation:llegada 0.9s ease-out;
	-moz-animation:llegada 0.9s ease-out;
	animation:llegada 0.9s ease-out;
	}
.social li:nth-child(4) a:hover{
	background-color: #BE9749;
	}
.social li:nth-child(5) a{
	background-position: -166px 5px;
	/* ANIMACION LLEGADA */
	-webkit-animation:llegada 1s ease-out;
	-o-animation:llegada 1s ease-out;
	-moz-animation:llegada 1s ease-out;
	animation:llegada 1s ease-out;
	}
.social li:nth-child(5) a:hover{
	background-color: #09B084;
	}
.social li:nth-child(6) a{
	background-position: -210px 5px;
	/* ANIMACION LLEGADA */
	-webkit-animation:llegada 1.2s ease-out;
	-o-animation:llegada 1.2s ease-out;
	-moz-animation:llegada 1.2s ease-out;
	animation:llegada 1.2s ease-out;
	}
.social li:nth-child(6) a:hover{
	background-color: #ED393C;
	}
.social li:nth-child(7) a{
	background-position: -253px 5px;
	/* ANIMACION LLEGADA */
	-webkit-animation:llegada 1.3s ease-out;
	-o-animation:llegada 1.3s ease-out;
	-moz-animation:llegada 1.3s ease-out;
	animation:llegada 1.3s ease-out;
	}
.social li:nth-child(7) a:hover{
	background-color: #fc8e14;
	}
/* ---------------------- social Icono 2 ---------------------- */
.social2{
display: inline-block;
width: 55%;
vertical-align: middle;
text-align: right;
margin-bottom:2px;
}
.social2 li{
margin: auto 1px;
width: auto;
display: inline-block;
}
.social2 a{
width: 18px;
height: 18px;
display: block;
border-radius: 16px;
background-color: #000;
overflow: hidden;
text-indent: -999px;
background-color: #B9B9B9;
background-image: url(../img/iconos2.png);
background-repeat: no-repeat;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}
.social2 li:first-child a{
background-position: 3px 3px;
}
.social2 li:first-child a:hover{
background-color: #4167A2;
}
.social2 li:nth-child(2) a{
background-position: -29px 3px;
}
.social2 li:nth-child(2) a:hover{
background-color: #36ACE2;
}
.social2 li:nth-child(3) a{
background-position: -90px 3px;
}
.social2 li:nth-child(3) a:hover{
background-color: #ED393C;
}
.social2 li:nth-child(4) a{
background-position: -60px 3px;
}
.social2 li:nth-child(4) a:hover{
background-color: #BE9749;
}
/* ---------------------- social Icono 3 ---------------------- */
.social3{
display: inline-block;
width: 55%;
vertical-align: middle;
text-align: right;
margin-bottom:2px;
}

.social3 li{
margin: auto 2px;
width: auto;
display: inline-block;
}
.social3 a{
width: 18px;
height: 18px;
display: block;
border-radius: 16px;
background-color: #000;
overflow: hidden;
text-indent: -999px;
background-color: #C39;
background-image: url(../img/iconos2.png);
background-repeat: no-repeat;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}
.social3 li:first-child a{
background-position: 3px 3px;
}
.social3 li:first-child a:hover{
background-color: #4167A2;
}
.social3 li:nth-child(2) a{
background-position: -29px 3px;
}
.social3 li:nth-child(2) a:hover{
background-color: #36ACE2;
}
.social3 li:nth-child(3) a{
background-position: -90px 3px;
}
.social3 li:nth-child(3) a:hover{
background-color: #ED393C;
}
.social3 li:nth-child(4) a{
background-position: -60px 3px;
}
.social3 li:nth-child(4) a:hover{
background-color: #BE9749;
}
article.portada .social3{
display: inline-block;
width: 65%;
vertical-align: middle;
text-align: right;
margin-bottom:2px;
}
article.portada .social3 li{
margin: auto 2px;
width: auto;
display: inline-block;
text-align: right;
}
/*  ----------------------  buscador  ---------------------- */
#search{
text-align:right;
}
/*  apec 2016 */
#search .search-ir{
color: #fff;
background-color:  #8a1e14;
}

#search input{
box-shadow: none;
border: 1px solid #eee;
color: #999;
width: 187px;
display: inline-block;
padding: 4px;
margin-top: 2px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 5px;
}
#search button {
margin-top: -10px;
height: 32px;
}
.button-search{
cursor: pointer;
display: inline-block;
height: 18px;
width: 35px;
margin-left: -38px;
background-attachment: scroll;
background-color: transparent;
background-image: url(../img/search.png);
background-repeat: no-repeat;
background-position: center 3px;
}
/*---------- Navegadores ------------*/
.nav_primario{
margin:auto;
height: 30px;
width:auto;
padding-bottom: 4px;
text-align: center;
background: #000;
}
nav.nav_primario li {
display: inline-block;
margin: 0 .4em;
-webkit-border-radius: 0 0 10px 10px;
-moz-border-radius:0 0 10px 10px;
border-radius: 0 0 10px 10px;
}
nav.nav_primario li a {
display: block;
padding: 0.5em 1em;
margin: auto;
-webkit-transition: background-color .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out;
-ms-transition: background-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out;
-webkit-border-radius: 0 0 10px 10px;
-moz-border-radius:0 0 10px 10px;
border-radius: 0 0 10px 10px;
}
li.dropdown a:link{color:#fff;}
li.dropdown a:visited{color:#fff;}
li.dropdown a:hover{
color: #000;
background: #fff;
-webkit-border-radius: 0 0 10px 10px;
-moz-border-radius:0 0 10px 10px;
border-radius: 0 0 10px 10px;
}
li.dropdown:hover a {
color: #000;
background: #fff;
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius:10px 10px 0 0;
border-radius: 10px 10px 0 0;
}
nav.nav_primario li a:hover {
color: #000;
background-color: #fff;
-webkit-border-radius: 0 0 10px 10px;
-moz-border-radius:0 0 10px 10px;
border-radius: 0 0 10px 10px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 49%, #cecece 87%, #c4c4c4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#ffffff), color-stop(87%,#cecece), color-stop(100%,#c4c4c4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 49%,#cecece 87%,#c4c4c4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 49%,#cecece 87%,#c4c4c4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 49%,#cecece 87%,#c4c4c4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 49%,#cecece 87%,#c4c4c4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c4c4c4',GradientType=0 ); /* IE6-9 */

}
nav.nav_primario li.active{
color: #000;
background-color: #fff;
-webkit-border-radius: 0 0 10px 10px;
-moz-border-radius:0 0 10px 10px;
border-radius: 0 0 10px 10px;
}
/* --------------------------------------------*/
.nav_secundario{
margin:auto;
height: 28px;
width:auto;
text-align: center;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZmZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #ffffff 0%, #d3d3d3 16%, #d3d3d3 82%, #fcfff4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(16%,#d3d3d3), color-stop(82%,#d3d3d3), color-stop(100%,#fcfff4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ffffff 0%,#d3d3d3 16%,#d3d3d3 82%,#fcfff4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ffffff 0%,#d3d3d3 16%,#d3d3d3 82%,#fcfff4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ffffff 0%,#d3d3d3 16%,#d3d3d3 82%,#fcfff4 100%); /* IE10+ */
background: linear-gradient(to right,  #ffffff 0%,#d3d3d3 16%,#d3d3d3 82%,#fcfff4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcfff4',GradientType=1 ); /* IE6-8 */

}
nav.nav_secundario li {
	display: inline-block;
background: #d3d3d3; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #d3d3d3 0%, #d3d3d3 15%, #ffffff 72%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(15%,#d3d3d3), color-stop(72%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d3d3d3 0%,#d3d3d3 15%,#ffffff 72%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d3d3d3 0%,#d3d3d3 15%,#ffffff 72%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d3d3d3 0%,#d3d3d3 15%,#ffffff 72%); /* IE10+ */
background: linear-gradient(to bottom,  #d3d3d3 0%,#d3d3d3 15%,#ffffff 72%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	margin: auto;

}
nav.nav_secundario li a {
display: block;
color:#000;
padding: 0.5em 3em;
margin:auto;
-webkit-transition: background-color .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out;
-ms-transition: background-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out;

}
li.dropdown2 {color:#000;}
li.dropdown2 a{color:#000;}
li.dropdown2 a:link{color:#000;}
li.dropdown2 a:visited{color:#000;}
li.dropdown2 a:hover{
color: #000;
background: #fff;
}
li.dropdown2:hover a {
color: #000;
background: #fff;
}
nav.nav_secundario li a:hover {
color: #000;
background-color: #fff;
}
nav.nav_primario li.active2{
color: #000;
background-color: red;
}
/*----------- cuerpo  -------------- */
.cuerpo_cont{
margin: 0 7px;
width: 68%;
max-width: 100%;
display: inline-block;
vertical-align: top;
}
.portada{
display: block;
margin:  0 0 10px 0;
text-align: left;
}
article.fotoportada{
margin: auto;
display:  block;
width: auto;
}
.portada li {
position: relative;
display: block;
width: auto;
height: auto;
}
.portada ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.fotoleyenda{
position: absolute;
bottom: 0px;
z-index: 10;
background: rgba(0, 0, 0, 0.7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);
display: block;
width: 100%;
color: #fff;
}
.portada article h2{
background: red;
display: inline-block;
padding: 1px 7px 1px 7px;
margin-top: 5px;
font-size: 1em;
}
.titulo{
font-size: 2.3em;
display: block;
margin: 10px 0 0 10px;
font-weight: bold;
}
.leyendaFoto{
font-size: 1.3em;
display: block;
margin: 5px 10px;
font-weight: bold;
}
.creditofotografo{
text-align: left;
padding: 5px 15px;
font-size:14px;
display: block;
}
/*  ----------------------  Seccion 2  ---------------------- */
.cont_seccion2{
margin: auto;
width: auto;
margin: 0 0 10px 0;
}
article.seccion2 {
padding: 10px;
display: inline-block;
width: 30%;
text-align: left;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #666;
vertical-align:top;
}
article.seccion2 h2{
color: #FF0000;
font-weight: bold;
font-size: 1em;
padding-bottom: 5px;
display:inline-block;
vertical-align:middle;
width:43%;
margin:auto;
}
article.seccion2  h3{
font-size: 1.2em;
margin-top: 5px;
}
/* ---------------------- seccion 3  ---------------------- */
.seccion3{
display: inline-block;
background-image: url(../img/back_grape.png);
width: auto;
color: #fff;
text-align: left;
margin: 10px 0;
}
.seccion3 img {
border: 1px solid #FFF;
}
.seccion3 article{
margin:14px;
display: inline-block;
vertical-align: top;
}
/* ---------------------- seccion Galeria  ---------------------- */
.seccionGaleria{
display: inline-block;
/*background-image: url(../img/back_grape.png);*/
background-color:#000;
width: auto;
color: #fff;
text-align: left;
margin: 10px 0;
}
.seccionGaleria img {
border: 1px solid #FFF;
}
.seccionGaleria article{
margin:14px;
display: inline-block;
vertical-align: top;
}

article.portada{
width: 42%; 
margin: 0 10px 0 0;
display: inline-block;
vertical-align: top;
}
article.portada h2{
font-size: 1em;
display:inline-block;
vertical-align:middle;
width:auto;
margin: 0 0 10px 0;
}
article.portada h3{
font-size: 1.68em;
display:inline-block;
vertical-align:middle;
width:auto;
margin: 0 0 10px 0;
}
article.portada p{
font-size: 1em;
display:inline-block;
vertical-align:middle;
width:auto;
margin: auto;
}
/*AGREGADO POR MARCOS MILLA*/
.portada a{
color:#fff;
}
.portada a:link{
color:#fff;
}
.portada2 a{
color:#fff;
}
.portada2 a:link{
color:#fff;
}
/*FIN MARCOS MILLA*/	
.seccion3 figure{
display:inline-block;
vertical-align:middle;
width:55%;
margin: auto;
}
article.portada2{
margin: 13px;
display: inline-block;
width: 29.2%;
}
article.portada2 h2{
padding-bottom: 7px;
font-size: 1em;
padding-bottom: 5px;
display:inline-block;
vertical-align:middle;
width:43%;
margin:auto;
}
article.portada2 h3{
padding-top: 5px;
font-size: 1.2em;
}
article.portada3{
margin: 13px;
display: inline-block;
width: 29.1%;
}
article.portada3 h2{
padding-bottom: 7px;
font-size: 1em;
padding-bottom: 5px;
display:inline-block;
vertical-align:middle;
width:43%;
margin:auto;
}
article.portada3 h3{
padding-top: 5px;
font-size: 1.2em;
}
article.portada3 a:link,article.portada3 a:visited{color:#fff;}
/*  ----------------------  Seccion 4  ---------------------- */
.cont_seccion4{
margin: auto;
width: auto;
margin: 0 0 10px 0;
}
article.seccion4 {
padding: 10px;
display: inline-block;
width: 30%;
text-align: left;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #666
}
article.seccion4 h2{
color: #FF0000;
font-weight: bold;
font-size: 1em;
padding-bottom: 5px;
display:inline-block;
vertical-align:middle;
width:43%;
margin:auto;
}
article.seccion4  h3{
font-size: 1.2em;
margin-top: 5px;
}
/* ---------- Seccion 5 ----------- */
article.seccion5 {
padding: 10px;
display: inline-block;
width: 46%;
text-align: left;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #666;
vertical-align:top;
}
article.seccion5 h2{
color: #FF0000;
font-weight: bold;
font-size: 1em;
padding-bottom: 5px;
display:inline-block;
vertical-align:middle;
width:43%;
margin:auto;
}
.cont_seccion2 article.seccion5  h3{
font-size: 1.7em;
line-height: 23px;
margin-top: 5px;
font-weight: bold;
font-family: Bitter;
}
.cont_seccion2 article.seccion5  h4{
font-size: 1.1em;
margin-top: 10px;
line-height: 20px;
}	
.cont_seccion2 article.seccion5  h4 font{
font-size: 1.1em;
margin-top: 5px;
line-height: 19px;
font-weight: bold;
font-family: Bitter;
}
.cont_seccion2 article.seccion5  h4 font p{
color:#F00;
display: inline;
}
/* -----------------------Galeria Fotografica ------------------------*/
section .galeriafotografica{
margin: 10px 0;
width:auto;
display:block;
color:#FFF;
text-align:left;
}
.galeriafotografica h1{
margin:auto;
width:auto;
padding:7px;
background: #000;
}
.galeriafotografica article{
margin:auto;
width:auto;
}
ul.columna_1{
margin:2px auto;
width:47.3%;
display:inline-block;
vertical-align:middle;
list-style:none;
}
ul.columna_2{
margin:2px auto;
width:52%;
display:inline-block;
vertical-align:middle;
list-style:none;
}
ul.columna_1 li.block1{
margin:auto;
width:54.45%;
display:inline-block;
vertical-align:middle;
}
ul.columna_1 li.block2{
margin:auto;
width:44.6%;
display:inline-block;
vertical-align:middle;
}
ul.columna_2 li.block3{
margin:auto;
width:49.55%;
display:inline-block;
vertical-align:top;
}
ul.columna_2 li.block4{
margin:auto;
width:auto;
display:inline-block;
vertical-align:middle;
}
/*  ---------------------- Publicidades  ---------------------- */
.publicidad_01	{
margin: auto;
width: auto;
}
.publicidad_02 {
margin: 0 0 10px 0;
width: auto;
}
/*  ---------------------- Lineas de separacion  ---------------------- */
.line{
border-top-width: 1px;
border-top-style: dashed;
border-top-color: #666;
margin: 5px 0;
width: auto;
}
.linefooter{
border-top-width: 1px;
border-top-style: solid;
border-top-color: #666;
margin: 10px 0;
width: auto;
}
.linetitulo{
border-top-width: 1px;
border-top-style: solid;
border-top-color: #666;
margin: 10px 0;
width: auto;
}
/*  -------------------------------------- aside  --------------------------------------- */
aside{
margin: 0 7px;
width: 28.3%;
max-width: 100%;
display: inline-block;
vertical-align: top;
text-align: left;
}
/* ---------------------------------------- aside----------------------------------------- */
.clima{
			margin-top: 2px;
			margin-bottom:13px;
			}

/*BOLETIN */
.boletin{
	background-color: #eaeaea;
	border: solid 1px  #CCCCCC;
	padding:7px;
	border-radius:6px;
	}
.boletin p{
	width:65%;
	display:inline-block;
	vertical-align:middle;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:.9em;
	margin-bottom:8px;
	color: #2B3742;
	}	
.boletin figure{
	width:31%;
	max-width:100px;
	margin-right:2%;
	display:inline-block;
	vertical-align:middle;
	margin-bottom:8px;
	}
.boletin .loginForm{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
	text-align:right;
	}
.boletin label {
	width: 17%;
	display: inline-block;
	vertical-align:middle;
	font-size: 14px;
	color: #1f6474;
	font-family:Arial, Helvetica, sans-serif;
	}
.boletin input[type=text],input[type=password]{
	width: 65%;
	display: inline-block;
	vertical-align:middle;
	height: 20px;
	padding: 2px 10px 2px 10px;
	margin: 0 0 5px 0;
	background: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 12px;
	border: 1px solid #82ccdd;
	}
.boletin input[type=text]::-webkit-input-placeholder{
	color: #CCC;
	font-size:12px;
	}

.boletin input[type=submit]{
	background: #C3C;
	color: #FFF;
	padding: 4px 0;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: rgba(255,255,255,.5);
	border-right-color: rgba(0,0,0,.2);
	border-bottom-color: rgba(0,0,0,.2);
	border-left-color: rgba(255,255,255,.5);
	border-radius:5px;
	}
.boletin input[type=submit]:HOVER{
	background: #939;
	color: #FFF;
	padding: 4px 0;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: rgba(0,0,0,.4);
	border-right-color: rgba(255,255,255,.5);
	border-bottom-color: rgba(255,255,255,.5);
	border-left-color: rgba(0,0,0,.4);
	}
/*FIN BOLETIN*/

.video{
width:auto;
color:#fff;
margin: 0 0 10px 0;
position: relative;
max-width:100%;
}
.video h6{
background:#f00;
margin:auto;
width:auto;
font-size: 1.3em;
padding: 5px;
}
.video h6 figcaption{
margin:auto;
width:7%;
display:inline-block;
vertical-align:middle;
}
.video h6 p{
margin:0 10px;
width:auto;
display:inline-block;
vertical-align:middle;
}
.video h3{
margin: auto;
margin-bottom:3px;
background: rgba(0, 0, 0, 0.5);
width: auto;
position: absolute;
bottom: 0;
padding: 5px;
display: block;
font-size:13px;
}
.video h3 p{
margin:auto;
margin-left: 5px;
width:80%;
display:inline-block;
vertical-align:middle;
}
.video h3 figcaption{
margin:auto;
width:15%;
display:inline-block;
vertical-align:middle;
}
	.video h3 p a
	{
		color:#fff;
	}


/* ------------------------------------ Video Reportajes ---------------------------------*/
.videorreportajes{
display: inline-block;
width: 100%;
margin:0 0 10px 0;
color:#FFF;
height: 178px;
}
.content {
position: relative;
width: auto;
background: #9C3;
background-color: #999999;
overflow: hidden;
}
.contimg{
width:auto;
max-width: 274px;
margin: auto;
overflow: hidden;
height:147px;
}
.videorreportajes h6{
background:#f00;
margin:auto;
width:auto;

padding: 5px;
}
.videorreportajes h6 figcaption{
margin:auto;
width:7%;
display:inline-block;
vertical-align:middle;
}
.videorreportajes h6 p{
margin:0 10px;
width:auto;
display:inline-block;
vertical-align:middle;
font-size: 2em;
}
.videorreportajes p{
width: 133px;
margin: auto;
text-align: left;
font-size: 12px;
}
.videorreportajes h1 figcaption{
width: 48px;
margin:auto;
display:inline-block;
}
.videorreportajes figcaption{
width: 133px;
margin:auto;
}
.lista .als-item {
margin: 0 2px;
}
.lista .als-item img {
position: relative;
display: block;
vertical-align: middle;
margin-bottom: 8px;
}
.videorreportajes ul {
position: relative;
width: 100%;

margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 5px;
padding-bottom: 5px;
}
.als-item {
position: relative;
display: block;
text-align: center;
cursor: pointer;
float: left;

}
.lista .als-item p a
{
	color:#000;
}


/* ----------------------------------------------------- */
.als-prev, .als-next {
position: absolute;
cursor: pointer;
clear: both;
}
.lista .als-prev {
left: 0px;
}
.lista .als-next {
right: 0px;
}
.lista .als-prev, .lista .als-next {
top: 60px;
width: 25px;
height: 22px;
}

/* ----------------------------------- acordeon -------------------------------------------- */
.acordeon{
width: auto;
margin:0 0 10px 0;
text-align: left;
color: #fff;
font-size: 15px;
}
.acordeon h1{
background:#000;
margin:auto;
width:auto;
font-size: 1.1em;
padding: 7px 13px;
}
.acordeon label{
font-family: 'Domine', Arial, sans-serif;
padding: 0 20px;
position: relative;
z-index: 20;
display: block;
cursor: pointer;
line-height: 33px;
background: #505050;
background: -moz-linear-gradient(top, #606060 1%, #505050 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#606060), color-stop(100%,#505050));
background: -webkit-linear-gradient(top, #606060 1%,#505050 100%);
background: -o-linear-gradient(top, #606060 1%,#505050 100%);
background: -ms-linear-gradient(top, #606060 1%,#505050 100%);
background: linear-gradient(top, #606060 1%,#505050 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#505050',GradientType=0 );
}
.acordeon label:hover{
background: #F00;
background: -moz-linear-gradient(top, #F00 1%, #900 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#F00), color-stop(100%,#900));
background: -webkit-linear-gradient(top, #F00 1%,#900 100%);
background: -o-linear-gradient(top, #F00 1%,#900 100%);
background: -ms-linear-gradient(top, #F00 1%,#900 100%);
background: linear-gradient(top, #F00 1%,#900 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F00', endColorstr='#900',GradientType=0 );
}
.acordeon input:checked + label,
.acordeon input:checked + label:hover{
color: #fff;
background: #F00;
background: -moz-linear-gradient(top, #F00 1%, #900 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#F00), color-stop(100%,#900));
background: -webkit-linear-gradient(top, #F00 1%,#900 100%);
background: -o-linear-gradient(top, #F00 1%,#900 100%);
background: -ms-linear-gradient(top, #F00 1%,#900 100%);
background: linear-gradient(top, #F00 1%,#900 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F00', endColorstr='#900',GradientType=0 );
}
.acordeon label:hover:after,
.acordeon input:checked + label:hover:after{
content: '';
position: absolute;
width: 24px;
height: 24px;
right: 13px;
top: 4px;
background: transparent url(../img/arrow_down.png) no-repeat center center;	
}
.acordeon input:checked + label:hover:after{
background-image: url(../img/arrow_up.png);
}
.acordeon input{
display: none;
}
.acordeon p{
margin-top: -1px;
overflow: hidden;
height: 0px;
position: relative;
z-index: 10;
-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.acordeon input:checked ~ p{
-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
}
.acordeon input:checked ~ p{
height: auto;
}
/*  ----------------mas leidas ---------------- */
.masleidas{
		width:auto;
		margin:auto;
		color:#FFF;
		}
	.masleidas h2{
		padding:8px;
		width:auto;
		margin:auto;
		font-size:1.2em;
		/*position:relative;
		display:block;*/
		background:#000;
		}
	.masleidas ul{
		list-style:none;
		counter-reset:li;
		padding:1px;
		width:auto;
		margin:auto;
		background: #a50002; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E1MDAwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(left,  #a50002 0%, #000000 60%, #000000 99%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a50002), color-stop(60%,#000000), color-stop(99%,#000000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #a50002 0%,#000000 60%,#000000 99%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #a50002 0%,#000000 60%,#000000 99%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #a50002 0%,#000000 60%,#000000 99%); /* IE10+ */
		background: linear-gradient(to right,  #a50002 0%,#000000 60%,#000000 99%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a50002', endColorstr='#000000',GradientType=1 ); /* IE6-8 */
		}
	.masleidas li{
		width: auto;
		position: relative;
		margin: 0 0 1px 40px;
		padding: 4px 5px;
		background: #333;
		}
	.masleidas ul li:before{
		content:counter(li);
		counter-increment:li;
		position:absolute;
		top:0px;
		left:-39px;
		font-size:1.5em;
		padding:0;
		text-indent:13px;
		line-height: 39px;
		}
	.masleidas ul li a{
		display:block;
		position:relative;
		width:auto;
		margin:0;
		min-height:28px;
		padding: 5px;
		color: #CCC; 
		text-decoration:none;
		}
	.masleidas ul li a:hover{
		color:#fff;
		}
	.linemasleida{
		border:solid 1px #333;
		}
/*  ----------------------------- footer  --------------------------------- */
footer{
color: #000;
font-size: 0.85em;
background:#aeaeae;
height:auto;
padding:1em;
margin-top: 20px;
}
footer h3{	
display: inline-block;
margin: 0 1.5em;
}
footer .footer{
color: #FFF;
text-align: left;
font-size:1.2em;
margin:0 2em ;
width:auto;
display: inline-block;
vertical-align: middle
}
footer figcaption{
margin:auto;
margin-top:30px;
width:auto;
display: inline-block;
vertical-align: top;
}
/* --------- cuerpo de noticia --------- */
section.cuerpo_cont aside{
width: 24%;
margin:0 20px 0 0;
display:inline-block;
vertical-align:top;
}
section.cuerpo_cont aside .publicidad_02{
width: auto;
margin:auto;
display:inline-block;
vertical-align:top;
}
section.cuerpo_cont aside .sociales{
width: auto;
height: 20px;
padding: 10px;
margin: 0 0 10px 0;
background:silver;
display: block;
}
section.cuerpo_cont section{
width: 72%;
margin:10px 0 30px 0 ;
display:inline-block;
vertical-align:top;
text-align:left;
line-height: 19px;
font-size: 1.2em;
}
section.cuerpo_cont section a{
	color:#E40D0D;
	font-size:1.2em;
	font-weight:bold;
}

section.cuerpo_cont section strong	{font-weight:bolder;font-family:Bitter;}

section.cuerpo_cont section font{
font-weight:bold;
font-size: 1.1em;
font-family: Bitter;
}
section.cuerpo_cont section font p{
font-weight:bold;
color:#F00;
display: inline;
}
section.cuerpo_cont h1{
width: auto;
margin: 0 0 10px 0;
font-size: 2.9em;
font-weight:bold;
text-align:left;
}
section.cuerpo_cont h4{
width: auto;
margin: 0 0 10px 0;
font-size: 1.6em;
text-align:left;
}
section.cuerpo_cont .portada ul  li article.fotoportada .fotoleyenda p {
font-size:14px;
padding: 7px;
text-align:right;
}
.cont_seccion4 p{
width:auto;
margin:auto;
padding: 7px 15px;
background:#000;
color:#FFF;
text-align: left;
}
/* --------- seccion --------- */
article.seccion{
margin:0 10px 0 0;
width:35%;
vertical-align:middle;
display:inline-block;
text-align:left;
}
article.seccion h2{
margin:0 0 10px 0;
width:auto;
display:block;	
font-weight: bold;
font-family: Bitter;
line-height: 25px;
font-size:1.9em;
}
article.seccion h4{
margin:0 0 10px 0;
width:auto;
font-size:1.1em;
line-height: 19px;
}
article.seccion h4 font{
margin-top: 5px;
line-height: 19px;
font-weight: bold;
font-family: Bitter;
}
article.seccion h4 font p{
color:#F00;
display: inline;
}
section.cuerpo_cont .fotos{
margin:auto;
width:62%;
vertical-align:top;
display:inline-block;
}	
/* -------- paginador ------------- */
section.cuerpo_cont .paginador{
width:auto;
margin:auto;
padding: 2px;
font-size: 12px;
text-align:right;
background: #D8D8D8;
}
section.cuerpo_cont .paginador section{
width: auto;
margin: auto;
display:inline-block;
vertical-align:middle;
background: #D8D8D8;
}
section.cuerpo_cont .paginador section ul li{
width:auto;
margin: auto;
list-style: none;
display:inline-block;
vertical-align:middle;
text-align:center;
}
section.cuerpo_cont .paginador section ul a{
border: 1px solid #CCCCCC;
padding: 5px;
display:inline-block;
vertical-align:middle;
}
section.cuerpo_cont .paginador section ul .anterior-off,
section.cuerpo_cont .paginador section ul .siguiente-off {
color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
display:inline-block;
vertical-align:middle;
padding: 5px;
border: 1px solid #CCC;
height: 14px;
width: 14px;
text-align: center;
background-color: #B9B9B9;
}
section.cuerpo_cont .paginador section ul .anterior a,
section.cuerpo_cont .paginador section ul .siguiente a {
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
border: 1px solid #CCCCCC;
padding: 5px;
height: 14px;
width: 14px;
text-align: center;
background-color: #F00;
color: #FFF;
} 
section.cuerpo_cont .paginador section ul .active_pag{
color: #FFFFFF;
font-weight: bold;
display:inline-block;
vertical-align:middle;
padding: 5px;
border: 1px solid #FFF;
height: 14px;
width: 14px;
text-align: center;
background-color: #F00;
z-index:20;
}
section.cuerpo_cont .paginador section ul li .active_link:link{
border: 1px solid #FF9900;
padding: 5px;
background-position: center;
height: 14px;
width: 14px;
background-color: #FF0000;
}

section.cuerpo_cont .paginador section ul a:link,
section.cuerpo_cont .paginador section ul a:visited {
color: #FFFFFF;
display:inline-block;
vertical-align:middle;
padding: 5px;
text-decoration: none;
background-position: center;
height: 14px;
width: 14px;
background-color: #B9B9B9;
}
section.cuerpo_cont .paginador section ul a:hover{
border: 1px solid #FF9900;
padding: 5px;
background-position: center;
height: 14px;
width: 14px;
background-color: #FF0000;
}

/* RICARDO LAZARTE MODIFICACIONES 22 - JULIO - 2014 */

/* Slide Container*/
#slidy-container {
width: 100%; overflow: hidden;
}
#slidy { margin: 0; font-size: 0; position: relative; width: 400%; }
#slidy img { width: 25%; }

/* RICARDO LAZARTE MODIFICACIONES 22 - JULIO - 2014 */
/* ANIMACION LLEGADA ICONOS SOCIALES  */

/* CHROME */
@-webkit-keyframes llegada{
from {
-webkit-transform:translateX(2000px);
}
to{
-webkit-transform:translateX(0);
}
}
/* OTROS */
@keyframes llegada{
from {
transform:translateX(1500px);
}
to{
transform:translateX(0);
}
}
/* LOGO CAIDA MOD DANIEL LAZARTE*/
@-webkit-keyframes logocaida{
from {
-webkit-transform:translateY(-200px);
}
to{
-webkit-transform:translateY(0);
}
}
/* LOGO CAIDA MOD DANIEL LAZARTE*/
@keyframes logocaida{
from {
transform:translateY(-200px);
}
to{
transform:translateY(0);
}
}

/* SOCIAL DETALLE DE NOTA ICONOS*/

/* DANIEL LAZARTE*/


ul.social-buttons {
 text-align: center;
 padding-top: 5px;
 padding-bottom: 10px;

}

ul.social-buttons li {
 display: inline-block;
 margin: 0 10px;
}

ul.social-buttons li a {
 width: 40px;
 height: 40px;
 display: block;
 border-radius: 50px;
 text-decoration: none;
 font-size: 20px;
 line-height: 40px;
 color: white;
}

ul.social-buttons li a.brandico-twitter-bird {
 background-color: #4099FF;
}


ul.social-buttons li a.brandico-facebook {
 background-color: #3B5998;
}

ul.social-buttons li a.brandico-instagram {
background-color: #3f729b;
}

ul.social-buttons li a.brandico-gmas {
  background-color: #3f729b;
}

ul.social-buttons li a.brandico-googleplus-rect {
  background-color: #B40404;
}

ul.social-buttons li a.brandico-vimeo {
 background-color: #4EBBFF;
}

ul.social-buttons li a.brandico-linkedin {
 background-color: #0e76a8;
}

.whatsapp
{

 vertical-align:middle;
 margin-bottom:5px;

}

/*Demo 1*/
ul#demo1 li a {
 transition: transform 0.2s linear;
}

ul#demo1 li:hover a {
 transform: translateY(-10px);
}

/* TITULARES ESTILOS  CREADO POR: DANIEL LAZARTE*/
/* TITULARES ESTILOS */
article.titular{

	width: 31%;
	margin: 6px;
	display: inline-block;	
	vertical-align: middle;
	position: relative;
	cursor:pointer;
	-webkit-animation:llegada 0.2s ease-out;
	-o-animation:llegada 0.1s ease-out;
	-moz-animation:llegada 0.2s ease-out;
	animation:llegada 0.2s ease-out;


	}




article.titular img{
	opacity:0.9;


}

article.titular img:hover{
	opacity:1;

}

article .secciondet {
	width: auto;
	position: absolute;
	z-index: 2;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);
	background-color: #F00;
	color: #FFF;
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 3px;
	padding-left: 7px;
	font-size: 1em;
}


article .titularovh {
	position: absolute;
	background: rgba(0, 0, 0, 0.7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);
	margin: auto;
	width: auto;
	display: block;
	vertical-align: middle;
	z-index: 10;
	bottom: 3px;
	color:#fff;
	font-size: 1.3em;
	text-align: left;
}


article.titular a{color:#fff;}
article.titular a:link{color:#fff;}


/* FIN TITULARES ESTILOS */



/* ---------------------------------------------------------- */
/* ---------------------------------------------------------- */
/* GALERIA DE FOTOS DEVELOP BY DANIEL LAZARTE @daniellazarte */
/* ---------------------------------------------------------- */
/* ---------------------------------------------------------- */
.fotos{
width: 100%;
margin-bottom: 90px;
overflow: hidden;

	

}
.fotos article{

	display: block;
	cursor: pointer;
	width: 100%;
	padding-bottom: 10px;
	
}


.fotos ul{
	list-style: none;
	text-align: center;


}

.fotos ul li{
	float: left;
	display: block;
	width: 30%;
	margin: 10px 15px 10px 15px;
	
}


.fotos ul li:hover{
webkit-box-shadow: 0px 1px 14px 1px rgba(237,234,237,1);
-moz-box-shadow: 0px 1px 14px 1px rgba(237,234,237,1);
box-shadow: 0px 1px 14px 1px rgba(237,234,237,1);
	
}


.fotos ul li span{
	margin-top: 10px;

	text-align: center;
	color: #000;
	font-size: 1em;
	display: block;
}

.fotos p{
	font-size: 1em;
	color:#909090;
}

.fotos ul li img{
	width: inherit;
	height: 160px;	
	-webkit-animation:llegada 0.3s ease-out;
	-o-animation:llegada 0.3s ease-out;
	-moz-animation:llegada 0.3s ease-out;
	animation:llegada 0.3s ease-out;
}

/* FOTO PRINCIPAL LADO SUPERIOR GALERIA*/
.cont_foto_prin{
	width: 100%;
	height: auto;
	overflow: hidden;
	-webkit-animation:llegada 0.2s ease-out;
	-o-animation:llegada 0.1s ease-out;
	-moz-animation:llegada 0.2s ease-out;
	animation:llegada 0.2s ease-out;
	webkit-box-shadow: 0px 1px 14px 1px rgba(237,234,237,1);
	-moz-box-shadow: 0px 1px 14px 1px rgba(237,234,237,1);
	box-shadow: 0px 1px 14px 1px rgba(237,234,237,1);

}

.cont_foto_prin h1{
	display: inline-block;
	width: 85%;
	font-size: 1.6em;
	text-align: left;
	background-color: #FAFAFA;
}

.cont_foto_prin h2{
	display: inline-block;
	width: inherit;
	font-size: 1.6em;
	background-color: #151515;
	color: #fff;
	margin: 0px 5px 5px 5px;
}

.contenedor_imgPrin{
	display: inline-block;
	width: 85%;
	height: auto;
	text-align: center;
	webkit-box-shadow: 0px 1px 14px 1px rgba(237,234,237,1);
-moz-box-shadow: 0px 1px 14px 1px rgba(237,234,237,1);
box-shadow: 0px 1px 14px 1px rgba(237,234,237,1);
	

}

.contenedor_imgPrin img{
	width: inherit;
	height: auto;

}



/*PAGINACION ESTILOS */
.paginacion {
width: 100%;
margin:10px 0 30px 0 ;
display:inline-block;
vertical-align:top;
text-align:left;
line-height: 19px;
font-size: 1.2em;
}
.paginacion .paginador{
width:auto;
margin:auto;
padding: 2px;
font-size: 12px;
text-align:right;
background: #D8D8D8;
}

.paginacion .paginador section{
width: auto;
margin: auto;
display:inline-block;
vertical-align:middle;
background: #D8D8D8;
}
.paginacion .paginador section ul li{
width:auto;
margin: auto;
list-style: none;
display:inline-block;
vertical-align:middle;
text-align:center;
}
.paginacion .paginador section ul a{
border: 1px solid #CCCCCC;
padding: 5px;
display:inline-block;
vertical-align:middle;
}
.paginacion .paginador section ul li .active_link:link{
border: 1px solid #FF9900;
padding: 5px;
background-position: center;
height: 14px;
width: 14px;
background-color: #FF0000;
}
.paginacion .paginador section ul a:link,
.paginacion .paginador section ul a:visited {
color: #FFFFFF;
display:inline-block;
vertical-align:middle;
padding: 5px;
text-decoration: none;
background-position: center;
height: 14px;
width: 14px;
background-color: #B9B9B9;
}
.paginacion .paginador section ul a:hover{
border: 1px solid #FF9900;
padding: 5px;
background-position: center;
height: 14px;
width: 14px;
background-color: #FF0000;
}

/*MODIFICACIONES PORTAL VIDEOS*/
/* --------------- Portal video ------------------- */
section.video_contenedor{
	width:auto;
	margin: 9px;
	text-align:center;
	}
section.video_contenedor section.cuerpo{
	width:68%;
	margin: 0 10px 10px 0;
	display:inline-block;
	vertical-align:middle;
	background: #000;
	color:#FFF;
	}
section.video_contenedor section.cuerpo section{
	width:auto;
	margin:auto;
	display:block;
	}
section.video_contenedor section.cuerpo section video{
	width:auto;
	margin:auto;
	border-radius:5px;
	overflow:hidden;
	}
section.video_contenedor section.cuerpo section h5{
	width: 35%;
	height: 30px;
	margin: 5px 20px;
	margin-bottom: 10px;
	display:inline-block;
	vertical-align:middle;
	background: #303030;
	}
section.video_contenedor section.cuerpo section p{
	width: auto;
	margin: auto;
	margin-bottom: 10px;
	padding: 8px 10px;
	display:inline-block;
	font-size:1.8em;

	}
section.video_contenedor section.cuerpo article{
	width: auto;
	margin: auto;
	background: #303030;
	text-align:center;
	padding: 5px 0;
	}
section.video_contenedor section.cuerpo h2{
	width:auto;
	margin:auto;
	font-size: 1.2em;
	padding:7px 0;
	background:#000;
	text-align:left;
	color:#FFF;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #303030;
	}
section.video_contenedor section.cuerpo h2 figcaption{
	width: 25px;
	margin:0 20px;
	display:inline-block;
	vertical-align:middle;
	}
section.cuerpo article .titular {
	width: 45%;
	margin: 10px;
	font-size: 1em;
	color: #FFF;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	text-align: left;
	cursor: pointer;
	border-radius: 12px;
	border: 1px solid #606060;
	overflow: hidden;
	/*-webkit-animation: llegada 0.3s ease-out;
	-o-animation: llegada 0.3s ease-out;
	-moz-animation: llegada 0.3s ease-out;
	animation: llegada 0.3s ease-out;*/
	box-shadow: 0 0 .9em #101010;
	-webkit-box-shadow: 0 0 .9em #101010;
	-moz-box-shadow: 0 0 .9em #101010;
	filter: shadow(color=#101010, direction=135, strength=2);
	}
	/*article .seccion {
	width: auto;
	position: absolute;
	z-index: 2;
	background-color: #F00;
	padding: 2px 7px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);
	}*/


.titular figure .cajatexto h4 a
{
	color:#fff;
}
section.cuerpo article .titular figure .cajatexto {
	width: auto;
	margin: auto;
	padding: 6px;
	position: absolute;
	display: block;
	vertical-align: middle;
	z-index: 10;
	bottom: 0px;
	background: rgba(0, 0, 0, 0.7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);
	}
section.cuerpo article .titular figure .cajatexto figcaption{
	width: 35px;
	margin: auto;
	display:inline-block;
	vertical-align:middle;
	}	
section.cuerpo article .titular figure .cajatexto h4{
	width:80%;
	margin: 0 0 0 10px;
	display:inline-block;
	vertical-align:middle;
	}	
section.video_contenedor img{
	opacity:0.9;
	}
section.video_contenedor img:hover{
	opacity:1;
	}
/* -------------- Portal Video Paginador -------------- */
section.cuerpo .pag_black{
	width:auto;
	margin:auto;
	padding: 5px 0;
	font-size: 12px;
	background: #202020;
	background: #262626; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI2MjYyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjNjY2NjY2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiM0NzQ3NDciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MSUiIHN0b3AtY29sb3I9IiMyYzJjMmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MyUiIHN0b3AtY29sb3I9IiMyYjJiMmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NyUiIHN0b3AtY29sb3I9IiMxYzFjMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMTMxMzEzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top, #262626 0%, #666666 3%, #474747 9%, #2c2c2c 81%, #2b2b2b 93%, #1c1c1c 97%, #131313 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#262626), color-stop(3%,#666666), color-stop(9%,#474747), color-stop(81%,#2c2c2c), color-stop(93%,#2b2b2b), color-stop(97%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #262626 0%,#666666 3%,#474747 9%,#2c2c2c 81%,#2b2b2b 93%,#1c1c1c 97%,#131313 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #262626 0%,#666666 3%,#474747 9%,#2c2c2c 81%,#2b2b2b 93%,#1c1c1c 97%,#131313 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #262626 0%,#666666 3%,#474747 9%,#2c2c2c 81%,#2b2b2b 93%,#1c1c1c 97%,#131313 100%); /* IE10+ */
	background: linear-gradient(to bottom, #262626 0%,#666666 3%,#474747 9%,#2c2c2c 81%,#2b2b2b 93%,#1c1c1c 97%,#131313 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#131313',GradientType=0 ); /* IE6-8 */
	}
section.cuerpo .pag_black section.paginador{
	width: 60%;
	margin: auto;
	vertical-align:middle;
	display:inline-block;
	text-align:center;
	}
section.cuerpo .pag_black section ul{
	width: auto;
	margin: auto;
	}
section.cuerpo .pag_black section ul li{
	width:auto;
	margin: auto;
	list-style: none;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	}
section.cuerpo .pag_black section ul a{
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #505050;
	padding: 5px;
	display:inline-block;
	vertical-align:middle;
	}
section.cuerpo .pag_black section ul .active_pag{
	color: #FFFFFF;
	font-weight: bold;
	display:inline-block;
	vertical-align:middle;
	padding: 5px;
	border: 1px solid #FFF;
	height: 14px;
	width: 14px;
	text-align: center;
	background-color: #F00;
	}
section.cuerpo .pag_black section ul a:link,
section.cuerpo .pag_black section ul a:visited {
	color: #FFFFFF;
	display:inline-block;
	vertical-align:middle;
	padding: 5px;
	text-decoration: none;
	background-position: center;
	height: 14px;
	width: 14px;
	background-color: #404040;
	}
section.cuerpo .pag_black section ul a:hover{
	border: 1px solid #FF9900;
	padding: 5px;
	background-position: center;
	height: 14px;
	width: 14px;
	background-color: #FF0000;
	}
section.cuerpo .pag_black #search{
	padding:5px 0;
	margin:auto;
	width:35%;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	}
section.cuerpo .pag_black #search input{
	box-shadow: none;
	border: 1px solid #eee;
	color: #999;
	width: 210px;
	display: inline-block;
	border-radius:5px;
	padding: 4px;
	margin: 2px 0;
	}
section.cuerpo .pag_black #search button {
	margin-top: -10px;
	height: 32px;
	}
section.cuerpo .pag_black .button-search{
	cursor: pointer;
	display: inline-block;
	height: 27px;
	width: 27px;
	vertical-align:middle;
	margin-left: -35px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../img/search.png);
	background-repeat: no-repeat;
	background-position: center 6px;
}
/* -------------- Portal Video Aside ----------------- */
aside.lateral{
	width:30%;
	margin:auto;
	display:inline-block;
	vertical-align:top;
	background:#404040;
	}
aside.lateral h2{
	width:auto;
	margin:auto;
	font-size: 1.2em;
	padding:11px;
	background:#000;
	text-align:left;
	color:#FFF;
	font-weight: bold;
	}
aside.lateral h2 figcaption{
	width: 25px;
	margin:auto;
	margin-right: 10px;
	display:inline-block;
	vertical-align:middle;
	}
aside.lateral ul{
	width:auto;
	margin:auto;
	background:#404040;
	list-style:none;
	}
aside.lateral ul li{
	width:auto;
	margin:1px 0;
	background: #303030;
	padding:8px ;
	cursor: pointer;
	}
aside.lateral ul li img{
	border: 1px solid #606060;
	}
aside.lateral ul li figcaption{
	width:40%;
	margin:auto;
	margin-right: 10px;
	display:inline-block;
	vertical-align:middle;
	border-radius:8px;
	overflow:hidden;
	}

	aside.lateral ul li p a
	{
			color:#FFF;
	}

aside.lateral ul li p{
	width:55%;
	margin:auto;
	display:inline-block;
	vertical-align:middle;
	font-size: 1em;
	line-height: 16px;
	color:#FFF;
	}
/* --------------- ultimas noticias------------------------ */
.ultimasnoticias{
	background: rgba(0, 0, 0, 0.1);
	margin-bottom: 8px;
	text-align: center;
	font-size: 0.9em;
	line-height: 15px;
	border-radius: 8px;
	overflow:hidden;
	border: solid 1px white;
	} 
.ultimasnoticias h2{
	background: #e8151b;
	color: #FFF;
	margin: auto;
	padding: 7px 10px;
	-webkit-box-shadow: 0px 5px 9px -1px rgba(0,0,0,0.33);
	-moz-box-shadow: 0px 5px 9px -1px rgba(0,0,0,0.33);
	box-shadow: 0px 5px 9px -1px rgba(0,0,0,0.33);
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0,0,0,0.2);
	}
.ultimasnoticias figure{
	display:inline-block;
	vertical-align:middle;
	width:60%;
	max-width:30%;
	margin-right:2%;
	}
.ultimasnoticias p{
	display:inline-block;
	vertical-align: bottom;
	width:35%;
	font-size:1em;
	}
.ultimasnoticias ul{
	text-align: left;
	padding: 5px 10px;
	}
.ultimasnoticias ul li {
	padding: 5px 0;
	}
.ultimasnoticias ul li a{
	color:#000;
	}
.ultimasnoticias ul li a:hover{
	color:#666;
	}
.ultimasnoticias ul hr {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(0,0,0,.3);
	height:1px;
	margin-bottom:4px;
	}
.ultimasnoticias ul li b{
	color:#e8151b;
	}
/* --------------------------------------- */
/* --------- CONTACTENOS --------- */
.contacto{
	margin:auto;
	width:auto;
	text-align:center;
	}
.contacto article h2{
	font-size: 1.2em;
	}
.contacto article{
	display: block;
	cursor: pointer;
	width: auto;
	padding-bottom:5px;
	border-radius: 6px;
	overflow:hidden;
	border-radius: 6px;
	border:solid 1px #ccc;
	}
.contacto ul{
	list-style: none;
	text-align: center;
	}
.contacto ul li{
	vertical-align:middle;
	display: inline-block;
	width: 29%;
	margin: 10px 15px 10px 15px;
	webkit-box-shadow: 0px 1px 14px 1px rgba(237,234,237,1);
	-moz-box-shadow: 0px 1px 14px 1px rgba(237,234,237,1);
	box-shadow: 0px 1px 14px 1px rgba(237,234,237,1);
	border-radius: 6px;
	
	}
.contacto ul li:hover{
	-webkit-box-shadow: 0px 0px 7px 1px rgba(181,20,20,1);
	-moz-box-shadow: 0px 0px 7px 1px rgba(181,20,20,1);
	box-shadow: 0px 0px 7px 1px rgba(181,20,20,1);
	border-radius: 6px;
	}
.contacto ul li span{
	text-align: center;
	color: #fff;
	font-size: 1.2em;
	padding: 5px;
	display: block;
	background-color: #8A0808;
	border-bottom: 1px solid #fff;
	}
.contacto p{
	width: auto;
	overflow: hidden;
	padding: 0 5px;
	font-size: 1em;
	color:#909090;
	}

/*  ---------------------- Publicidad y Boletines  ---------------------- */
aside .publicidad_02 {
	margin: 0 0 10px 0;
	width: auto;
	}
aside .publicidad_congreso{
	margin: 0 0 10px 0;
	width: auto;
	padding: 0 5px;
	background-image: url(../fotos/back_congreso.jpg);
	background-repeat: no-repeat;
	height:116px;
	color:#fff;
	text-align:left;
	}
aside .publicidad_congreso h1{
	margin:5px 0;
	width:53%;
	display:inline-block;
	vertical-align: middle;
	padding:  0 0 0 70px ;
	}
aside .publicidad_congreso figcaption{
	margin:auto;
	width:10%;
	display:inline-block;
	vertical-align: middle;
	padding: 7px 0 0 0;
	}
aside .publicidad_gobiernodelperu{
	margin: 0 0 10px 0;
	width: auto;
	background-image: url(../fotos/back_gobierno.jpg);
	background-repeat: no-repeat;
	height:116px;
	color:#fff;
	text-align:left;
	}
aside .publicidad_gobiernodelperu h1{
	margin: auto;
	width: auto;
	padding: 6px 7px;
	font-weight: bold;
	font-size: 1.8em;
	}
aside .publicidad_gobiernodelperu ul li{
	margin:auto;
	width:auto;
	padding: 1px 7px;
	list-style:none;
	}
aside .publicidad_gobiernodelperu ul li a	{color:#fff;}
aside .publicidad_boletin{
	margin: 0 0 10px 0;
	width: auto;
	background: #ccc;
	height: 106px;
	text-align: right;
	padding: 5px 10px;
	line-height: 22px;
	}
aside .publicidad_boletin figcaption{
	margin:auto;
	width:35%;
	display:inline-block;
	vertical-align:baseline;
	}
aside .publicidad_boletin h1{
	margin:2px 0 0 5px;
	width:60%;
	display:inline-block;
	vertical-align:top;
	font-size:12px;
	line-height: 15px;
	color:#000;
	}
aside .publicidad_boletin h2{
	margin:2px 0 0 5px;
	width:24%;
	display:inline-block;
	vertical-align:top;
	font-size:12px;
	line-height: 15px;
	text-align:left;
	}
.fotopaquete li{
	display: inline-block;
	vertical-align: middle;
	width: 30%;
	margin: 1%;
	position: relative;
	border: 4px solid #f3f3f3;
	text-align: left;
	}
.fotopaquete li:hover{
	border: 4px solid #cccccc;
	}

.fotopaquete figcaption{
	padding: 8px;
	display:block;
	position: absolute;
	z-index: 10;
	bottom: 0;
	background: rgba(0,0,0,.5);
	color:#ffffff;
	}


/* /////////////// HTMLHEADER  /////////////// */

.apec{
	background: #ffffff;
	}
header .cabecera_apec{
	max-width: 996px;
	margin: auto;
	padding: 10px 0;
	background: #ff0000;
	}	
.botonidioma a{
	background: rgba(0,0,0,.2);
	padding: 3px 10px;
	border: solid 1px #ff8000;
	display: inline-block;
	width: 140px;
	text-align:center;
	color:#ffffff;
	border-radius: 4px;
	margin-bottom: 10px;
	font-size: 1.1em;
	}
.botonidioma a:hover{
	background: rgba(0,0,0,.4);
	border: solid 1px #ffffff;
	}
 .logos{
	display: inline-block;
	width: 51%;
	vertical-align: middle;
	margin: 0;
	text-align: left;
	}	
 ul.logoapec li{
	display: inline-block;
	width: 44%;
	vertical-align: middle;
	margin: 0;
	margin-right: 5%;
	}
.cabecera_apec section{
	display: inline-block;
	width: 41%;
	vertical-align: middle;
	text-align: right;
	line-height: 22px;
	padding: 0;
	}
.cabecera_apec section h4 strong{
	display: inline-block;
	margin: auto;
	vertical-align: top;
	font-weight: bold;
	font-size: 2em;
	}
.cabecera_apec section .texto2 p{
	display: inline-block;
	margin: auto;
	vertical-align: top;
	font-weight: bold;
	}
.navnewapec{
	background: none;
	color: #fff;
	}