body{font-weight: normal; font-style: normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}
h1,h2,h3,h4,h5,h6{margin:0 !important;}
@font-face {
    font-family: 'prelomedium';
    src: url('/especiales/dia-del-agua/fonts/prelo-medium-webfont.eot');
    src: url('/especiales/dia-del-agua/fonts/prelo-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/dia-del-agua/fonts/prelo-medium-webfont.woff') format('woff'),
         url('/especiales/dia-del-agua/fonts/prelo-medium-webfont.ttf') format('truetype'),
         url('/especiales/dia-del-agua/fonts/prelo-medium-webfont.svg#prelomedium') format('svg');
}
@font-face {
    font-family: 'prelobold';
    src: url('/especiales/dia-del-agua/fonts/prelo-bold-webfont.eot');
    src: url('/especiales/dia-del-agua/fonts/prelo-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/dia-del-agua/fonts/prelo-bold-webfont.woff') format('woff'),
         url('/especiales/dia-del-agua/fonts/prelo-bold-webfont.ttf') format('truetype'),
         url('/especiales/dia-del-agua/fonts/prelo-bold-webfont.svg#prelobold') format('svg');    
}
@font-face {
    font-family: 'prelosemibold';
    src: url('/especiales/dia-del-agua/fonts/prelo-semibold-webfont.eot');
    src: url('/especiales/dia-del-agua/fonts/prelo-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/dia-del-agua/fonts/prelo-semibold-webfont.woff') format('woff'),
         url('/especiales/dia-del-agua//fonts/prelo-semibold-webfont.ttf') format('truetype'),
         url('/especiales/dia-del-agua/fonts/prelo-semibold-webfont.svg#prelosemibold') format('svg');
}
@font-face {
    font-family: 'preloextrabold';
    src: url('/especiales/dia-del-agua/fonts/prelo-extrabold-webfont.eot');
    src: url('/especiales/dia-del-agua/fonts/prelo-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/dia-del-agua/fonts/prelo-extrabold-webfont.woff') format('woff'),
         url('/especiales/dia-del-agua/fonts/prelo-extrabold-webfont.ttf') format('truetype'),
         url('/especiales/dia-del-agua/fonts/prelo-extrabold-webfont.svg#preloextrabold') format('svg');
}
@font-face {
    font-family: 'glosaroman';
    src: url('/especiales/dia-del-agua/fonts/glosa-roman-webfont.eot');
    src: url('/especiales/dia-del-agua/fonts/glosa-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/dia-del-agua/fonts/glosa-roman-webfont.woff') format('woff'),
         url('/especiales/dia-del-agua/fonts/glosa-roman-webfont.ttf') format('truetype'),
         url('/especiales/dia-del-agua/fonts/glosa-roman-webfont.svg#glosaroman') format('svg');
}
@font-face {
    font-family: 'glosabold';
    src: url('/especiales/dia-del-agua/fonts/glosa-bold-webfont.eot');
    src: url('/especiales/dia-del-agua/fonts/glosa-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/dia-del-agua/fonts/glosa-bold-webfont.woff') format('woff'),
         url('/especiales/dia-del-agua/fonts/glosa-bold-webfont.ttf') format('truetype'),
         url('/especiales/dia-del-agua/fonts/glosa-bold-webfont.svg#glosabold') format('svg');
}
@font-face {
    font-family: 'glosa_textbold';
    src: url('/especiales/dia-del-agua/fonts/glosatext-bold-webfont.eot');
    src: url('/especiales/dia-del-agua/fonts/glosatext-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/dia-del-agua/fonts/glosatext-bold-webfont.woff') format('woff'),
         url('/especiales/dia-del-agua/fonts/glosatext-bold-webfont.ttf') format('truetype'),
         url('/especiales/dia-del-agua/fonts/glosatext-bold-webfont.svg#glosa_textbold') format('svg');
}
.fb_iframe_widget{
	display: inline;
	*zoom:1;
}
.rslides {	
	list-style: none;	
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	width: 100%;	
 }
	.rslides li {
	  display: none;
	  left: 0;
	  position: absolute;		  
	  top: 0;
	  width: 100%;
	  -webkit-backface-visibility: hidden;
	}
	.rslides li:first-child {
		display: block;
		float: left;
	  	position: relative;	  	
	}
	.rslides img {
		border: 0;
	  	display: block;
	  	float: left;
	  	height: auto;	  
	  	width: 100%;	  
	}
.clear{
	clear:both;
}
.head{
	background: #ffc605 !important;
	border: none !important;
}
#head{
	background:#ffc605;
}
	.ctn-head{
		margin: 0 auto;
		width: 1200px;
	}
		a.home{
			display: block;
			float:left;
			height: auto;
			margin: 5px 0;
			padding: 0 15px;
		}
	#social{
		cursor: pointer;
		float: right;
		margin: 10px 0;
	}
        #social ul {
            list-style-type: none;
            list-style-image: none;
            margin: 7px 0 0 0;
            padding: 0;
            text-align: center;            
        }
            #social li a#facebook {
                background-position: 0 0;
            }
                #social li a#facebook:hover {
                   background-position: 0 -18px;
                }
            #social li a#twitter {
                background-position: 64px 0;
            }
                #social li a#twitter:hover {
                    background-position: 64px -18px;
                }
            #social li a#google {
                background-position: 25px 0;
            }
                #social li a#google:hover {
                    background-position: 25px -18px;
                }
                    #social li{
                      display: inline-block;
                      margin: 0;
                      *display: inline;
                      zoom:1;
                    }
                      #social li a {
                          background-image: url(/especiales/dia-del-agua/img/share-icons.png);
                          width: 29px;
                          height: 18px;
                          display: block;
                          /*margin-bottom: 1px;*/
                          text-indent: -9999px;
                          border: 0;
                      }
.box-intro{
	background: #c2c2c2;
	max-height: 700px;	
	min-height: 100px;
	overflow: hidden;
	position: relative;	
	width: 100%;
} 
	.pic-box-intro{
		/*background: url(../img/pic-intro.jpg) no-repeat;
		/*background-size: cover;*/
		background-position: center top;
		height: 100%;
		min-height: 100px !important;
		/*max-height: 100%;
		max-width: 100%;*/
		overflow: hidden;
		width: 100%;
	}                 
.jumbotron h1{
	font-family: 'glosa_textbold';
	text-align: center;
}   
.jumbotron p{
	font-family:'prelosemibold';	
	text-align: center;
} 
p.leyenda{
	color: #474747 !important;
	font-family: 'prelomedium' !important;
	font-size: 14px !important;
}  
	p.leyenda span{
		font-family: 'prelobold';
	}      
#main{
	margin: 0 auto;
	width: 100%;
}
	.foto-grande{
		width: 100%;
	}
		.box-titulo{
			color: #fff;
			margin: 430px 0 0 128px;
			position: absolute;
			width: 345px;
		}
			.box-titulo h1{
				border-bottom: 2px solid #fff;
				font: 5em/1em 'preloextrabold';
				padding: 0 0 10px 0;
			}
			.box-titulo h2{
				font: 2em/1em 'prelosemibold';
				padding: 10px 0 0 0;
			}
			.box-titulo ul{
				list-style-type:none;
				padding: 0; 
			}
				.box-titulo ul li{
					font: 1em/1em 'prelosemibold';
				}
					.box-titulo ul li span{
						font: 1em/1em 'prelobold';
					}
	.box-main-texto{
		margin: 0 auto;
		width: 72%;
	}
		.box-main-texto h2{
			display: inline-block;
			font: 1.2em/1.2em 'glosaroman';
			vertical-align: bottom;
		}
			.box-main-texto h2 span{
				font-family: 'glosabold';
			}
			.primer-parrafo{
				margin: 1em 0;
			}
				.primer-parrafo p{
					/*font: 1.5em/1.2em 'glosaroman' !important;
					margin: 0;*/
				}
					span.capitular{
						float: left;
						font: 7em/1em 'glosabold' !important;
						margin: 0 10px 0 0;
					}		
		.box-main-texto p{
			color: #222;
			font: 1.2em/1.4em 'glosaroman';
		}
		.box-main-texto h4{
			  color: #222;
			  font: 1.2em/1.4em 'glosabold';
			  border-bottom: 2px solid #222;
			  margin: 25px 0 10px !important;
			  float: left;
		}
	.box-video{
		margin: 1.5em auto;
		width: 100%
	}
	.centro{
		margin: 3em auto;
		width: 100%;
	}
		
		p.sumilla{
			border-bottom: 1px solid #C2C2C2;
			border-top: 1px solid #c2c2c2;
			font: 1.8em/1.4em 'glosabold';
			margin: 1em auto;			
			padding: 0.5em 0.8em;			
			width: 70%;
		}
			p.sumilla > span{
				background:url(/especiales/dia-del-agua/img/comilla.jpg) no-repeat;
				display: block;
				float: left;
				text-indent: -99999px;
				width: 50px;
			}
	.footer{
		border-bottom: 1px solid #C2C2C2;
		border-top: 1px solid #c2c2c2;
		margin-bottom: 10px;
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		padding: 1em 0;
	}
		.text-muted{
			font: 13px/13px 'prelomedium';
			margin: 5px 0;
			text-align: center;
		}
.video-js{
	width: 100% !important
}
.highcharts-yaxis-labels{
	display: none !important;
}
.highcharts-button{
	display: none;
}
.tspan{
	display: none;
}
.highcharts-tooltip{

}

text > tspan:nth-child(2){
	display: none;
}

.navbar-header{
	border-right: 2px solid #30302F;
	margin: 20px 0;
	padding: 20px 20px 20px 0;
}
h1.titulo-especial {
	color: #30302F;
  	font: 28px/30px 'prelosemibold';
  	margin: 2em 13.5em !important;
}
	h1.titulo-especial span{
		color: #fff;
		font-family: 'preloextrabold';
	}
.inter{
	border: none;
}
	.inter h3{
		font: 16px/16px 'glosa_textbold';
		text-align: left;
	}

@media (min-width: 768px) {
  .ctn-head{
		width: 100%;
	}
}

/* Mini android (portrait and landscape) ———– */ 
@media only screen and (min-width : 240px) and (max-width : 300px) { 
	.navbar-header {
		border-right: none;
		margin: 5px 0 !important;
		padding: 0 !important;
	}
	.navbar-default .navbar-brand {	
		background-size: 100% !important;	
		height: 26px !important;
		margin: 12px 0 !important;
		padding: 0 !important;
		width: 140px !important;
	}
	.navbar-toggle {
		margin-right: 0 !important;
	}
	h1, .h1 {
		font-size: 35px !important;
	}
	p.sumilla {		
		padding: 0;
		width: 100%;
	}
	h1.titulo-especial {		
		float: none; 	
		margin: 45px 0 0 0 !important;
		font: 23px/25px 'prelosemibold' !important;
	}
	.nav > li:nth-child(1) > a {
		padding: 10px 15px !important;
	}
	.box-main-texto {
		width: 100%;
	}
	.jumbotron {
		padding: 15px !important;
	}

}

/* Smartphones (portrait and landscape) ———– */ 
@media only screen and (min-width : 320px) and (max-width : 580px) { 
	.ctn-head{
		width: 100%;
	}
	#main{
		width: 100%;
	}
	p.sumilla{
		padding: 0.5em 0;
		width: 100%;
	}
	.box-main-texto {
		width: 100%;
	}
	.box-intro {
		max-height: 400px;
	}
	.pic-box-intro img {
		/*height: 500px;
		margin-left: -185px;*/
	}
	span.capitular{
		line-height: 0.7em !important;
	}	
	.jumbotron p {	  
		font-size: 19px;
	}
	.navbar-default .navbar-brand {		
		background-size: 100% !important;	
		height: 41px !important;		
		width: 205px !important;		
	}
	.navbar-header {
		border-right: none !important;
		margin: 0;
		padding: 10px;
	}
	h1.titulo-especial {
		float: none;
		margin: 40px 0 0 0 !important;
		position: relative;
	}
	.nav > li:nth-child(1) > a {
		padding: 10px 15px !important;
	}
} 

/* Kindles (portrait and landscape) ———– */ 
@media only screen and (min-width : 590px) and (max-width : 610px) { 
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
		margin-left: 0 !important;
		margin: 0;
	}
	.navbar-header {
		border-right: none !important;
		padding: 10px 0; 
	}
	h1.titulo-especial {
		margin: 0 !important;
		width: 100%;
	}
		h1.titulo-especial span {
			display: inline-block;
		}
	.navbar-default .navbar-brand {
		background-position-y: 10px !important;
		background-size: 100% !important;
		width: 260px !important;		
	}	
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
		margin-left: 0 !important;
	}
	.navbar-nav {
		float: none !important; 
		display: inline-block;		
		width: 100%;
	}
	.navbar-nav > li {
		font: 1.1em/1em 'prelosemibold';
	}
	.nav > li:nth-child(1) > a {
		padding: 10px 15px !important;
	}
}

/* Ipads (portrait and landscape) ———– */ 
@media only screen and (min-width : 620px) and (max-width : 780px) { 
	.navbar-header {
		border-right: none !important;
		margin: 10px 0;
		padding: 10px 20px 10px 0;
	}
	h1.titulo-especial {
		margin: 0 0 0 10px !important;
		width: 350px;
	}
		h1.titulo-especial span {
			display: block;
		}
	.navbar-default .navbar-brand {
		background-position-y: 10px !important;
		background-size: 100% !important;
		width: 260px !important;		
	}
	#social {
		margin: 10px 0 0 0;
	}
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
		margin-left: 0 !important;
	}
	.navbar-nav {
		float: none !important; 
		display: inline-block;
		text-align: center;
		width: 100%;
	}
	.navbar-nav > li {
		display: inline-block !important;
		float: none !important;
	}
}

/** slider **/
.slider { 
	margin: 1em auto;
	position: relative; 
	*zoom:1
}
.slider:before, .slider:after {
 	display: table;
 	content: ""; 
  	line-height: 0 ;
}
.slider:after { 
	clear: both;
}
.slider .ui-content { 
	float: left;
	height: auto;
	overflow: hidden; 
	position: relative; 	
	width: 100%;	
}
.slider .ui-content .ui-item img { 
	/*display: block;*/ 
	vertical-align: middle; 
	width: 100%;
}
.slider .ui-inner { 
	float: 	left; 
	margin-left: 0;
	width: 100%; 	
}
.slider .ui-item {
 	float: left; 
 	position: relative; 
 	width: 100%; 
}
.slider div.ui-arrows { 
	border: none;
	list-style: none; 
	margin: 0; 	
	position: absolute;
	text-indent: -99999px;
	top: 48%;
	width: 100%;
}
	.ui-prev{
		background: url(/especiales/dia-del-agua/img/arrows.png) no-repeat 0 0;
		height: 44px;
		left: 1em; 
		position: absolute;
		width: 44px;
	}
		.ui-prev:hover{
			background-position: 0 -46px;
		}
	.ui-next{
		background: url(/especiales/dia-del-agua/img/arrows.png) no-repeat -46px 0;
		height: 44px;
		right: 1em; 
		position: absolute;
		width: 44px;
	}
		.ui-next:hover{
			background-position: -46px -46px;
		}
.slider div.ui-arrows > ul {
 	padding: 9px 0 3px; 
}

.galeria{
	width: 88%;
}
.box-autor{

}