/*
Theme Name: jesuitak
Theme URI: http://www.durangojesuitak.org/
Author: Wokomedia
Author URI: http://www.wokomedia.com/
Description: Tema desarrollado por @wokomedia
Version: 1.0
*/

/* ----------------------------------------------------------------------- */
body {
	background-color: #ededed;
}


h1, h2, h3, h4, h5, h6 {
	color: #3E3D3A;
}


p, li, a, /*span,*/ div {
	color: #4f4f4f;
	font-size: 13;
	line-height: 21px;
	font-family: 'Open Sans', sans-serif;
}

p {
	margin-bottom: 15px;
}

section .row {

}

#mainmenu .row, #logo .row, #header .row, #valores .row, #maincontent .row, #footer .row {
	max-width: 1025px !important;
}

.noborder {
	border: none !important; 
}

.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.clear {
	clear: both;
}

.bold {
	font-weight: 700;
}

a:hover, a:focus { color: #005fbc; }

/* --------------------- HEADER ------------------------ */
#header {
	background-color: #000000;
	padding: 15px 0px 10px 0px;
}

#header ul.menu {
	padding: 0px;
	margin: 11px 0px 0px 0px;	
}

#header ul.menu li {
	display: block;
	float: left;
	border-left: 1px solid #ffffff;
}

#header ul.menu li:first-child {
	border: none;
}

#header ul.menu li a {
	color: #ffffff;
	transition: all 0.5s;
	display: block;
	padding: 0px 8px;
	font-size: 16px;
	line-height: 19px;
	font-family: 'Neuton', serif;
	color: #ffffff;
	font-weight: 300;
}


#header .news a {
	color: #ffffff;
	transition: all 0.5s;
	font-size: 19px;
	line-height: 22px;
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	font-weight: 600;
	display: block;
	background: transparent url('./img/blog.png') right center no-repeat;
	padding: 8px 21px 12px 5px;
	
}

#header ul.menu li a:hover, #header .news a:hover {
	color: #cecece;
}
#header #qtranslate-chooser, .tab-bar-section #qtranslate-chooser-small-chooser {
	margin-top: 6px;
}

#header #qtranslate-chooser li, .tab-bar-section #qtranslate-chooser-small-chooser li {
	display: block;
	float: right;
	border: 1px solid #ffffff;
	margin-left: 5px;
	transtion: all 0.5s;
}

#header #qtranslate-chooser li.lang-en, .tab-bar-section #qtranslate-chooser-small-chooser li.lang-en { display: block; }

#header #qtranslate-chooser li:hover, #header #qtranslate-chooser li.active, .tab-bar-section #qtranslate-chooser-small-chooser li:hover, .tab-bar-section #qtranslate-chooser-small-chooser li.active {
	background-color: #005FBC;
}

#header #qtranslate-chooser li a, .tab-bar-section #qtranslate-chooser-small-chooser li a{
	font-size: 12px;
	line-height: 27px;
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	font-weight: 600;
	padding: 0px 3px;
}

#header .searchform .searchbox,  .tab-bar-section .searchform .searchbox, #sidebar .searchform .searchbox {
	font-size: 13px;
	padding: 5px 5px 5px 5px;
	margin: 5px 0px 0px 0px;
	float: right;
	line-height: 17px;
	height: 30px;
	color: #4f4f4f;
	border: none;
	max-width: 110px;
}
#header .searchform .searchsubmit,  .tab-bar-section .searchform .searchsubmit, #sidebar .searchform .searchsubmit {
	background: #ffffff url('./img/glass.png') right center no-repeat;
	height: 30px;
	width: 30px;
	float: right;
	border: none;
	margin-top: 5px;
}



/* --------------------- MAINMENU ------------------------ */
#mainmenu {
	background: #005fbc url('./img/bg.png') center center repeat;
	position: relative;
}

#mainmenu .row {
	
}

#mainmenu ul.menu {
	padding: 0px;
	margin: 0px;

}

#mainmenu ul.menu > li {
	display: block;
	float: left;
}

#mainmenu ul.menu > li.menu-item-has-children:hover, #mainmenu ul.menu > li.menu-item-has-children.current-menu-item {
	display: block;
	float: left;
	background: transparent url('./img/selector-tab.png') center bottom no-repeat;
}

#mainmenu ul.menu > li.menu-item-has-children > a {
	background: transparent url('./img/sub-menu.png') center right no-repeat;
}

#mainmenu ul.menu > li#menu-item-15 {
	background-image: none;
}


#mainmenu ul.menu > li > a {
	color: #ffffff;
	transition: all 0.5s;
	display: block;
	padding: 30px 17px;
	font-size: 13px;
	line-height: 21px;
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	font-weight: 600;
}

#mainmenu ul.menu > li > a:hover {
	color: #cecece;
}

#mainmenu ul.menu > li#menu-item-15 > a {
	background: transparent url('./img/icon-home.png') no-repeat center center;
	font-size: 0px;
}

#mainmenu ul li#menu-item-28 a:hover {
	background: transparent url('./img/icon-home-shadow.png') no-repeat center center;
}

#mainmenu ul.menu > li > ul.sub-menu {
	position: absolute;
	z-index: 1000;
	top: 60px;
	/*background-color: #334356;*/
	background: transparent url('./img/bg_menu.png') repeat center center;
	width: 100%;
	/*min-height: 400px;*/
	left: 0px;
	margin: 21px 0px 0px 0px;
	padding: 10px 20px;
	display: none;
}

#mainmenu ul.menu > li > ul.sub-menu > li {
	width: 25%;
	display: block;
	float: left;
	padding: 4px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#mainmenu ul.menu > li > ul.sub-menu > li > a {
	color: #ffffff;
	font-weight: 700;
	line-height: 15px;
	font-size: 13px;

}

#mainmenu ul.menu > li > ul.sub-menu > li > ul.sub-menu > li, #mainmenu ul.menu > li > ul.sub-menu > li > ul.sub-menu > li li  {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	line-height: 13px;
}

#mainmenu ul.menu > li > ul.sub-menu > li > ul.sub-menu > li > a, #mainmenu ul.menu > li > ul.sub-menu > li > ul.sub-menu > li li a {
	color: #ffffff;
	font-weight: 300;
	font-size: 13px;
}


#mainmenu #logohome h1 {
	margin-top: 0px;
}

#mainmenu #logohome .slogan{
	font-size: 26px;
	line-height: 27px;
	font-family: 'Neuton', serif;
	color: #000000;
	font-weight: 700;
	padding: 19px 47px 60px 50px;
}

#mainmenu .homeslider {
	/*margin-top: -400px;*/
	height: 400px;
	position: relative;
	opacity: 1;
	transition: opacity 0.5s;
	background-color: #ffffff;
	overflow: hidden;

}

#mainmenu .homeslider div.slide {
	position: absolute;
	top: 0px;
	height: 400px;
	width: 100%;
	
}

#mainmenu .homeslider div.hidden { 
	opacity: 0;
	
}

#mainmenu .homeslider div#slide1 { background: transparent url('./img/sliders/slide1.jpg') no-repeat center center; background-size: cover;}
#mainmenu .homeslider div#slide2 { background: transparent url('./img/sliders/slide2.jpg') no-repeat center center; background-size: cover;}
#mainmenu .homeslider div#slide3 { background: transparent url('./img/sliders/slide3.jpg') no-repeat center center; background-size: cover; }


.category #logo, .single #logo, .page-template-news #logo, .post-type-archive-anuncio #logo {
	background-image: url('./img/sliders/noticias.jpg');
}

#logo .large-4 {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}



#logo h2 {
	font-size: 34px;
	line-height: 28px;
	font-family: "Neuton",serif;
	color: #FFF;
}


#valores {
	background: #005FBC url('./img/bg.png') center center repeat;
}

#valores #col1, #valores #col2, #valores #col3 {
	padding: 15px 15px 15px 15px;
	cursor: pointer;
}

#valores h2 {

}

#valores #col1 h2 {
	background: transparent url('./img/icon-atencion.png') no-repeat top right;
}

#valores #col2 h2 {
	background: transparent url('./img/icon-innovacion.png') no-repeat top right;
}

#valores #col3 h2 {
	background: transparent url('./img/icon-plurilinguismo.png') no-repeat top right;
}

#valores #col1.current, #valores #col2.current, #valores #col3.current, #valores #col1:hover, #valores #col2:hover, #valores #col3:hover {
	background: #123E6F url('./img/bg.png') center center repeat;
}

#valores #col1 h2, #valores #col2 h2, #valores #col3 h2 {
	font-size: 31px;
	line-height: 28px;
	font-family: 'Neuton', serif;
	padding: 0px;
	margin: 0px 0px 0px 0px;	
	color: #ffffff;
	padding-right: 85px;
	min-height: 80px;
}

#valores #col1 p, #valores #col2 p, #valores #col3 p {
	font-size: 13px;
	line-height: 16px;
	color: #ffffff;
	padding-right: 85px;
	margin: 0px;
	min-height: 100px;
}

#valores .selected {
	position: absolute;
	top: -30px;
	left: 0px;
	height: 30px;
	width: 100%;
	opacity: 0;
	background: transparent url('./img/selected.png') center bottom no-repeat
}

#valores div.current .selected, #valores #col1:hover .selected, #valores #col2:hover .selected, #valores #col3:hover .selected {
	opacity: 1;
}

/* --------------------- HOME ------------------------ */

/* --------------------- CONTENT ----------------------- */
#content { background-color: #ffffff; padding: 36px 24px 36px 24px }
.home #content, /*.category #content, .tag #content,*/ .page-template-news #content { background-color: #cdcdcd;  }

#content .box { float: left; }

#content .miniarticle {
	background-color: #FFF;
	margin: 0px 12px 24px 12px;
	/*height: 336px;*/
}

.archive #content .miniarticle, .home #content #news .miniarticle {
    background-color: #FFF;
    margin: 0px 15px 24px 15px;
    height: 477px;
    border: 1px solid #cdcdcd;
}

.archive #content .miniarticle > div, .home #content #news .miniarticle > div {
	color: #000000;
	font-size: 13px;
	line-height: 110%;
	padding: 0px 22px;
}

#content .miniarticle .bgimg {
	height: 200px;
	background: #ffffff no-repeat center center;
	background-size: cover;
}

#content .miniarticle p {
	padding: 15px;
	min-height: 195px;
	margin: 0px;
}

.home #content #news .miniarticle img { width: 100%; }

.archive #content .miniarticle p, .home #content #news .miniarticle p {
	padding: 0px;
	margin: 0px;
	position: absolute;
	bottom: 23px;
	min-height: 0px;
}

.archive #content .miniarticle a, .home #content #news .miniarticle a {
    padding: 17px 21px 17px 21px;
    display: inline-block;
    color: #005fbc;
    font-size: 24px;
    line-height: 24px;
    font-family: 'Neuton',serif;
}

#content .miniarticle a.view {
	padding: 0px 15px 15px;
	display: block;
	color: #005fbc;
	font-size: 24px;
	line-height: 100%;
	font-family: 'Neuton', serif;
}

.archive #content .miniarticle p a, .home #content #news .miniarticle p a {
    padding: 21px 0px;
    font-weight: 700;
    color: #005fbc;
    font-size: 13px;
    line-height: 21px;
    font-family: 'Open Sans',sans-serif;
}

.archive #content .miniarticle p a:first-child, .home #content #news .miniarticle p a:first-child { padding-left: 23px; }



#content h1 {
	font-size: 40px;
	line-height: 37px;
	font-family: 'Neuton', serif;
	color: #005fbc;
	font-weight: 700;
	margin: -9px 0px 10px 0px;	
}

#content h2 {
	font-size: 27px;
	line-height: 27px;
	font-family: 'Neuton', serif;
	color: #005fbc;
	font-weight: 700;
	margin-top:40px;
	margin-bottom:15px;
}

#content h2.likeh1 {
	margin-top: 0px;
	font-size: 40px;
	line-height: 37px;
	font-family: 'Neuton', serif;
	color: #005fbc;
	font-weight: 700;
	margin: 0px 0px 15px 0px;
}

#content h2 a {
	font-size: 27px;
	line-height: 27px;
	font-family: 'Neuton', serif;
	color: #005fbc;
	font-weight: 700;
}

#content h3 {
	
	color: #4f4f4f;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	margin-top:15px;
	margin-bottom:15px;
}

#content h4 {
	font-size: 18px;
	line-height: 18px;
	font-family: 'Neuton', serif;
	color: #005fbc;
	font-weight: 700;
	margin-top: 10px;
}
table tr th, table tr td{
	font-size: 13px;}

#content img {
	margin-bottom: 10px;
}

#content p, #content ul li, #content ol li {
	font-size: 13px;
	line-height: 18px;
}

#content p.entradilla {
	font-size: 16px;
	line-height: 18px;
	font-style: italic;
	margin-bottom: 10px;
}

#content p a, #content li a {
	font-weight: 700;
	color: #005fbc;
}

#content ul {
	margin: 5px 0px 10px 17px;
}
#content ol {
	margin: 5px 0px 10px 17px;
}

#content ul li, #content ol li {
	padding: 0px 0px 5px 0px;
}

#content h4.tambien {
	font-size: 27px;
	line-height: 27px;
	font-family: 'Neuton', serif;
	background-color: #005fbc;
	color: #ffffff;
	padding: 5px 8px 11px 8px;
	font-weight: 700;
	margin: 20px 0px 0px 0px;	
}

#content .sumario {
	width: 50%;
	color: #005fbc;
	font-size: 22px;
	line-height: 22px;
	font-family: 'Neuton', serif;
	padding: 10px;
	float: right;
}

#content ul.tambien {
	margin: 0px;
	padding: 8px;
	background-color: #ededed;
}

#content ul.tambien li {
	list-style-type: none;
	font-size: 13px;
	line-height: 15px;
	font-weight: 300;
}

#content ul.tambien li a {
	transition: all 0.5s;
}

#content ul.tambien li a:hover {
	color: #000000;
}

#sidebar .social, #content .social {
	margin: 20px 0px;
}
#sidebar .social {
	text-align: center;
}

#content .social a {
	height: 26px;
	width: 26px;
	display: inline-block;
	margin-right: 10px;
}

#content .social a.fb { background: #0075c9 url('./img/redes-botones.png') 0px 0px no-repeat; }
#content .social a.tw { background: #0075c9 url('./img/redes-botones.png') -25px 0px no-repeat; }
#content .social a.ln { background: #0075c9 url('./img/redes-botones.png') -54px 0px no-repeat; }
#content .social a.gplus { background: #0075c9 url('./img/redes-botones.png') -80px 0px no-repeat; }

#sidebar .social a {
	height: 37px;
	width: 37px;
	display: inline-block;
	margin-right: 10px;
}

#sidebar .social a.redfb { background: #0075c9 url('./img/redes-sidebar.png') 0px 0px no-repeat; }
#sidebar .social a.redtw { background: #0075c9 url('./img/redes-sidebar.png') -37px 0px no-repeat; }
#sidebar .social a.redin { background: #0075c9 url('./img/redes-sidebar.png') -77px -1px no-repeat; }
#sidebar .social a.redyt { background: #0075c9 url('./img/redes-sidebar.png') -113px -2px no-repeat; }


#content #crp_related ul {
	padding: 0px;
	margin: 0px;
}

#content #crp_related ul li {
	width: 33.3%;
	display: block;
	float: left;
	padding: 0px 10px;
	border-right: 1px solid #005FBC;
	border-left: 1px solid #005FBC;
}

#content #crp_related ul li:first-child { padding: 0px 10px 0px 0px;  border: none; }

#content #crp_related ul li:last-child { padding: 0px 0px 0px 10px; border: none; }

#content #crp_related ul li a {
	color: #005FBC;
	font-size: 18px;
	line-height: 15px;
	font-family: 'Neuton', serif;
}

#content #crp_related ul li img {
	display: block
}

#content h5.h5hidden {
	background: url('./img/cross.png') no-repeat scroll right center transparent;
	font-weight: 300;
	cursor: pointer;
	font-size: 13px;
	line-height: 18px;
	border-bottom: 1px solid #005FBC;
	margin: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
}

#content div.divhidden {
	font-size: 13px;
	line-height: 18px;
}

#content table {
	width: 100%;
	border: none;
	padding: 0px;
}

#content table tr {
	background-color: rgba(0, 95, 188, 0.17)
}

#content table th {
	background-color: #005FBC;
	color: #ffffff;
}

#content .circle { float: left; }

#content .circle h3 {
	border: 1px solid #005fbc;
	border-radius: 50%;
	padding: 15px;
	background-color: #005fbc; 
	font-size: 16px;
	line-height: 18px;
	transition: background 0.3s, color 0.3s;
	color: #ffffff;
	margin: 15px 0px;
}

#content .circle h3:hover {
	background-color: #337fc9;

}

/* --------------------- SIDEBAR ------------------------ */
#sidebar {
	background-color: #acb5c0;
}

#sidebar .box {
	padding: 16px 95px 16px 16px;
	position: relative;
	background: right top no-repeat;
	min-height: 120px;
}

#sidebar .box.order0 { background-color: #123e6f; }
#sidebar .box.order1 { background-color: #005fbc; }
#sidebar .box.order2 { background-color: #337fc9; }
#sidebar .box.order3 { background-color: #005fbc; }
#sidebar .box.order4 { background-color: #123e6f; }

#sidebar .box.matriculacion { background-image: url('./img/icon-matriculacion.png'); }
#sidebar .box.menucomedor { background-image: url('./img/icon-menucomedor.png'); }
#sidebar .box.calendarioescolar { background-image: url('./img/icon-calendarioescolar.png'); }

#sidebar .box.relacion { background-image: url('./img/icon-relacion.png'); }
#sidebar .box.objetivo { background-image: url('./img/icon-objetivo.png'); }
#sidebar .box.avance { background-image: url('./img/icon-avance.png'); }


#sidebar .box h3 {
	font-size: 31px;
	line-height: 28px;
	color: #ffffff;
	font-family: 'Neuton', serif;	
}

#sidebar .box p {
	font-size: 13px;
	line-height: 16px;

	color: #ffffff;
}

#sidebar .box a.next {
	opacity: 0.8;
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 50px;
	width: 50px;
	display: block;
	background: url("./img/nextprevious.png") no-repeat scroll -51px 0px transparent;
	transition: all 0.5s; 
}

#sidebar .box a.next:hover {
	opacity: 1;
}

#sidebar .minibox, #sidebar .simplebox {
	background-color: #337FC9;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #ffffff;
}


 #sidebar .simplebox.links{
	 padding:10px 0;
}
 #sidebar .simplebox.links:hover {
	background-color: #337FC9;
}

#sidebar .minibox.first {
	border-top: 1px solid #ffffff;
}

#sidebar .minibox h3, #sidebar .simplebox h3 {
	font-size: 22px;
	line-height: 27px;
	color: #ffffff;
	font-family: 'Neuton', serif;
	padding: 7px 15px 10px 15px;
	margin: 0px;	
}

#sidebar .minibox h3 a, #sidebar .simplebox h3 a {
	font-size: 22px;
	line-height: 27px;
	color: #ffffff;
	font-family: 'Neuton', serif;
	transition: all 0.5s;
}

#sidebar .minibox h3 a:hover, #sidebar .simplebox h3 a:hover {
	color: #cecece;
}

#sidebar .simplebox.links {
	background: #123E6F url('./img/plus.png') center right no-repeat;
}


#sidebar .box2 {
	padding: 16px 16px 16px 16px;
	border-bottom: 1px solid #005FBC;
}

#sidebar .box2 h3 {
	font-size: 26px;
	line-height: 23px;
	color: #000000;
	font-family: 'Neuton', serif;	
}
#sidebar .box2 ul {
	padding: 0px;
	margin: 0px;
}

#sidebar .box2 ul li {
	list-style-type: none;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	line-height: 15px;
}

#sidebar .box2 ul li a {
	font-size: 15px;

	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
}

#sidebar .box2 .tagcloud {
	text-align: center;
}

#sidebar .box2 .tagcloud a {
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
}

#sidebar .searchform {
	height: 40px;
	padding-right: 50px;
}

#sidebar .searchform .searchbox {
	max-width: 182px !important;
}

/* --------------------- FOOTER ------------------------ */
#footer {
	background-color: #123e6f;
	padding: 30px 0px 30px 0px; 
}

#footer p, #footer ul li {
	font-size: 13px;
	line-height: 21px;
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
}

#footer ul {
	margin: 0px;
	padding: 0px;
}

#footer ul li {
	list-style-type: none;
	
}


#footer a {
	color: #ffffff;
	transition: all 0.5s;
}

#footer a:hover { color: #cecece; }

#footer a.redfb, #footer a.redtw, #footer a.redgplus, #footer a.redbs, #footer a.redyt, #footer a.redin {
	height: 41px;
	width: 41px;
	/*float: left;*/
	margin: 20px 10px 0px 0px;
	display: inline-block;
}
#footer a.redfb { background: transparent url('./img/redes.png') no-repeat 0px 0px; }
#footer a.redtw { background: transparent url('./img/redes.png') no-repeat -41px 0px; }
#footer a.redgplus { background: transparent url('./img/redes.png') no-repeat -126px 0px; }
#footer a.redbs { background: transparent url('./img/redes.png') no-repeat -87px 0px; }

#footer a.redyt { background: transparent url('./img/redes.png') no-repeat -166px 0px; }
#footer a.redin { background: transparent url('./img/redes.png') no-repeat -203px 0px; }


#footer .logos {
	margin-top: 10px;
}

#footer .logos a {
	display: inline-block;
	max-width: 33%;
	padding: 0px 12px 0px 0px;
}

#gototop {
    background: url("./img/icon-gototop.png") no-repeat center center #000000;
    width: 68px;
    height: 68px;
    position: fixed;
    right: 0px;
    bottom: 0px;
    opacity: 0;
}


#popupsocial a.red {
	height: 66px;
	width: 66px;
	display: inline-block;
	margin-right: 10px;
}

#popupsocial .close-reveal-modal {
	right: 10px;
	top: 13px;
}

#popupsocial a.redtw { background: #005FBC url('./img/redes-popup.png') 0px 0px no-repeat; }
#popupsocial a.redfb { background: #005FBC url('./img/redes-popup.png') -66px 0px no-repeat; }
#popupsocial a.redbs { background: #005FBC url('./img/redes-popup.png') -398px -1px no-repeat; }
#popupsocial a.redgplus { background: #005FBC url('./img/redes-popup.png') -132px 0px no-repeat; }
#popupsocial a.redln { background: #005FBC url('./img/redes-popup.png') -264px 0px no-repeat; }
#popupsocial a.redyt { background: #005FBC url('./img/redes-popup.png') -331px 0px no-repeat; }
#popupsocial a.redfl { background: #005FBC url('./img/redes-popup.png') -198px 0px no-repeat; }
#popupsocial a.redin { background: #005FBC url('./img/redes-popup.png') -464px 0px no-repeat; }

#menulateral {
	/*background-color: #000000;
	width: 68px;
	height: 68px;*/
	position: fixed;
	right: 0px;
	top: 30%;
	width: 68px;
	/*opacity: 0;*/
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	z-index: 30;
}

#menulateral a {
	width: 100%;
	display: block;
}

#menulateral a.contacto {
	background: #000000 url('./img/icon-contacto-es.png') center center no-repeat;
	height: 123px;
	display: block;
}

#menulateral a.redes {
	background: #323232 url('./img/icon-redes.png') center center no-repeat;
	height: 68px;
	display: block;
}

#menulateral a.rss {
	height: 68px;
	background: #656565 url('./img/icon-rss.png') center center no-repeat;
	display: block;
}

/* ------------------ FORMS ------------------------------- */

/* ------------------ MAPS ------------------------------- */

/* ------------------ PAGINADOR --------------------- */
.pagenav a {
	font-size: 12px;
	line-height: 27px;
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	font-weight: 600;
	padding: 0px 6px;
	display: inline-block;
	border: 1px solid #ffffff;
	margin-left: 10px;
	background-color: #000000;
}

.pagenav a:hover {
	background-color: #005FBC;
}

/* ------------------ TIMELINE ----------------- */
#timeline  {
	background: #f5f6fa url('./img/bg_timeline.jpg') top center no-repeat; 
	padding: 75px 0px 40px;
	margin: 40px 0px;
}

#timeline .row { 
	background: transparent url('./img/bg_timeline_line.png') center 83px repeat-x; 
	position: relative; 
	overflow: hidden;
	transition: height 0.3s;
	margin: 0px;
}

#timeline .event {
	position: absolute;
 	/*border: 1px solid red;*/
	width: 200px;
	top: 0px;
	min-height: 180px;
	font-size: 11px;
	line-height: 140%;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	z-index: 10;
	cursor: pointer;
	transition: left 0.3s, right 0.3s;
}

#timeline .event.odd { 
	background: transparent url('./img/bg_event_odd.png') 0px 39px no-repeat; 
	padding: 118px 40px 0px 25px;
}

#timeline .event.odd.active, #timeline .event.odd:hover { background-image: url('./img/bg_event_odd_active.png'); color: #3366cc; }  

#timeline .event.even { 
	background: transparent url('./img/bg_event_even.png') 0px 39px no-repeat; 
	padding: 5px 40px 0px 25px;
}

#timeline .event.even.active, #timeline .event.even:hover { background-image: url('./img/bg_event_even_active.png'); color: #3366cc; } 

#timeline .event-text {
	position: absolute;
	width: 100%;
	top: 0px;
	z-index: 0;
	opacity: 0;
	transition: opacity 0.3s;
	padding-top: 300px;
	/*background-color: red;*/
	left: 0px;
}

#timeline .event-text.active {
	z-index: 5;
	opacity: 1;
}

#timeline h3 {
	font-size: 24px;
	line-height: 130%;
	font-family: 'Open Sans', sans-serif;
	color: #3366cc;
	font-weight: 400;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#timeline p {
	 font-size: 14px;
	line-height: 160%;
	color: #000000;
	font-weight: 500;
	margin: 10px 0px 10px 0px;
	padding: 0px 10px;
}

#timeline img {
	margin-top: 10px;
}

#timeline ul {
	padding: 0px;
	margin: 10px 10px 0px 26px;
}

#timeline li {
	/*list-style-type: none;*/
	font-size: 14px;
	line-height: 160%;
	color: #000000;
	font-weight: 500;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	text-align: left;
}

#timeline span#prev, #timeline span#next {
	position: absolute;
	width: 42px;
	height: 42px;
	top: 64px;
	left: 0px;
	cursor: pointer;
	background: transparent url('./img/timeline-prev.png') center center no-repeat;
	z-index: 20;
} 

#timeline span#next {
	left: auto;
	right: 0px;
	background: #4681cc url('./img/timeline-next.png') center center no-repeat;
}

/* ------------------ PROSLIDER ---------------- */
.proslider .row  {
	min-height: 630px;
	position: relative;
	margin: 0px;
}

.proslider { padding-top: 135px; background-color: #ffffff; padding-bottom: 40px; }

.proslider .proslide {
	width: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	opacity: 0;
	z-index: 0;
	min-height: 630px;
	background: transparent none no-repeat center center;
	background-size: cover;
	transition: opacity 0.3s; 
	cursor: pointer;
}

.proslider .proslide { cursor: inherit; }

.proslider .proslide.active { 
	opacity: 1;
	z-index: 10;
}


.proslider .proslide .textbox {
	background: rgba(51, 102, 204, 0.70);
	padding: 20px 20px 60px 20px;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.proslider .proslide .textbox h4 {
	font-size: 17px;
	line-height: 140%;
	color: #fff !important;
	font-weight: 400;
}

.proslider .proslide .textbox p, .proslider .proslide .textbox li {
	font-size: 14px;
	line-height: 140%;
	color: #fff;
	font-weight: 500;
}

.proslider .controls {
	position: absolute;
	bottom: 20px;
	left: 18px;
	z-index: 20;
	text-align: center;
}

.proslider .controls span {
	font-size: 15px;
	color: #666666;
	text-shadow: 0px 0px 7px #ffffff;
	display: inline-block;
	line-height: 15px;
	cursor: pointer;
	padding: 0px 5px;
}

.proslider .controls span.active, .proslider .controls span.active:hover {
	color: #ffffff;
}

#page .proslider .proslide h4 {
	font-size: 17px;
	line-height: 140%;
	color: #ffffff;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
}

#page .proslider .proslide p, #page .proslider .proslide li  {
	font-size: 14px;
	line-height: 140%;
	color: #ffffff;
	font-weight: 500;
}

#page .proslider .proslide p a, #page .proslider .proslide li a { color: #000000; }

.proslider .select {
	position: absolute;
	top: -90px;
	left: 0px;
	z-index: 30;
	width: 100%;
	border-bottom: 3px solid #e6e6e6;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	line-height: 110%;
	color: #000000;
	font-weight: 400;
		
}

.proslider .select select { 
	display: inline-block;
	max-width: 400px;
	margin-right: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	line-height: 110%;
	color: #3366cc;
	font-weight: 700;
	border: none;
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */

}

/* ------------------ POPUPS ------------------- */

#popupsocial {
    	padding-top: 100px;
    	padding-bottom: 100px;
	background-color: #005FBC;
	position: fixed;
}

dialog .close-reveal-modal, .reveal-modal .close-reveal-modal {
	line-height: 0.3 !important;
	color: #FFF !important;
	/*right: 5px;
	top: 5px;*/
}

.reveal-modal-bg {
	position: fixed;
}


.reveal-modal {
	position: fixed;
}

dialog .close-reveal-modal, .reveal-modal .close-reveal-modal {
	line-height: 0.3 !important;
	color: #000 !important;
	/*right: 5px;
	top: 5px;*/
}

.reveal-modal-bg {
	position: fixed;
}

.gallery-reveal a.nextphoto, .gallery-reveal a.prevphoto {
	opacity: 0.4;
	background: #cecece;
	display: block;
	height: 40px;
	width: 40px;
	border-radius: 20px;
	position: absolute;
	top: 250px;
	right: 50px;
	font-size: 40px;
	line-height: 30px;
	color: #ffffff;
	text-align: center;
	transition: opacity 0.2s;
}

.gallery-reveal:hover a.nextphoto, .gallery-reveal:hover a.prevphoto { opacity: 0.8; }

.gallery-reveal a.prevphoto { left: 50px; right: auto; }


/* ------------ Responsivo --------------- */



@media only screen and (min-width: 40.063em) { /* Tablet y escritorio */

	.nopadding { padding: 0px !important; }
	.nopaddingleft { padding: 0px 14px 0px 0px !important; }
	.nopaddingright { padding: 0px 0px 0px 14px !important; }

	#mainmenu #logohome {
		margin-top: -400px;
		height: 400px;	
	}

	#logo .large-4 {
		background: transparent url('./img/bg.png') center center repeat;
	}

	#sidebar {
		padding: 36px 0px;
	}

	#logo h2 {
		padding: 89px 0px 0px 30px;
	}

	#logo img {
		margin: 60px 0px 60px 0px;
	}

	#valores #col1, #valores #col2, #valores #col3 {
		border-left: 1px solid #ffffff;
		min-height: 110px;
	}

	#valores #col3 {
		border-right: 1px solid #ffffff;	
	}



	#sidebar .minibox.first {
		margin-top: 24px;
	}

	#logo {
		background: transparent url('./img/sliders/default.jpg') no-repeat center right; 
		background-size: cover;
	}

}

@media only screen and (min-width: 40.063em) and (max-width: 64em) { /* Tablet */

	#content .miniarticle { margin-left: 0px; margin-right: 0px; }

	#content .miniarticle p { min-height: 0px; }

	#valores #col1 h2, #valores #col2 h2, #valores #col3 h2 { background-image: none; font-size: 26px; line-height: 100%; min-height: 58px; }

	#logo h2 {
		padding: 70px 80px 0px 30px;
	}

	#content .circle h3 { font-size: 14px; line-height: 16px; }

	#mainmenu .homeslider.show-for-medium-up{
			display:none !important;
		}

}

@media only screen and (max-width: 40.063em) { /* Movil */

	.tab-bar {  background-color: #000000; }
	.tab-bar .menu-icon { background-color: #000000; }

	.tab-bar-section .searchform .searchbox {
		max-width: 70%; /*60px*/
	}


	.tab-bar-section.middle { left: 0px; }

	#logo .large-4 { border: none; }

	#logo {
		background: none !important; 
		background-color: #ffffff !important;
	}

	#logo h2 {
		font-size: 26px;
		line-height: 27px;
		font-family: "Neuton",serif;
		color: #000;
		font-weight: 700;
	}


	#mainmenu #logohome {
		background-color: #ffffff;
	}

	#logo img {
		margin: 15px 0px 10px 0px;
	}

	#logo h2 {
		padding: 10px 0px 20px 0px;
	}

	#sidebar {
		padding: 0px;
	}

	#valores #col1, #valores #col2, #valores #col3 {
		border-top: 1px solid #ffffff;
	}

	#sidebar .box {
		border-top: 1px solid #ffffff;
	}

	#content .miniarticle {
		height: auto;
	}

	#content .miniarticle img {
		width: 100%;	
	}

	#gototop {
	    width: 40px;
	    height: 40px;
	}

	#menulateral {
		width: 40px;
	}

	#menulateral a.rss, #menulateral a.redes {
		height: 40px;
	}

	#footer a.bold {
		display: block;
		padding: 5px;
	}

	#timeline { padding: 0px 20px; background-image: none; background-color: #eef2f5; }
	#timeline span#prev, #timeline span#next, #timeline .event { display: none; }
	#timeline .row { background: none; overflow: initial; height: auto !important; }
	#timeline .event-text { opacity: 1; position: relative; padding-top: 30px; }

	#timeline h3 {
		font-size: 17px;
		line-height: 130%;
		margin: 30px 0px 20px;
		font-weight: 400;
		color: #3366cc;
	}

	#timeline ul {
		margin-left: 1.1rem;
	}

	#timeline li { 
		list-style-type: disc;
		text-align: left;
	}

	#timeline p { padding: 0px; }

	.proslider .select select { max-width: calc(100% - 120px); }

	#content .miniarticle { margin-left: 0px; margin-right: 0px; }

	#content .miniarticle p { min-height: 0px; }

		#mainmenu .homeslider{
			height:inherit;
		}

}

/* ------------ IE8 ------------------ */
.lt-ie9 .show-for-small-only {
	display: none;
}

.tab-bar .columns{
	padding:0 2px;
}
.off-canvas-list ul {
	margin-top:6px;
	padding:8px 2px;
	list-style-type:none;
	
}

.off-canvas-list ul a{
	color: #d6d6d6;
	padding-top:3px;
	
}









#iframe_aemet_id33044 {
	max-width: 310px !important;
	height: 200px !important;
	margin-top: 15px;
	margin-bottom: 10px;
}