@charset "utf-8";


@import url("fontawesome-4.6.3.min.css");
@import url("custom.flexslider.css");
@import url("framework.css");

/* Rows
--------------------------------------------------------------------------------------------------------------- */
.row0, .row0 a{}
.row1, .row1 a{}
.row2, .row2 a{}
.row3, .row3 a{}
.row4, .row4 a{}
.row5, .row5 a{}


/* Top Bar
--------------------------------------------------------------------------------------------------------------- */
#topbar{padding:15px 0; font-size: 1.00rem; text-transform:uppercase;}

#topbar *{margin:0;}
#topbar ul li{display:inline-block; margin-right:10px; padding-right:15px; border-right:1px solid;}
#topbar ul li:last-child{margin-right:0; padding-right:0; border-right:none;}
#topbar i{margin:0 5px 0 0; line-height:normal;}

/* Lista horizontal
--------------------------------------------------------------------------------------------------------------- */
.list_h{padding:15px 0; font-size:.8rem; text-transform:uppercase;}

.list_h *{margin:0;}
.list_h ul li{display:inline-block; margin-right:10px; padding-right:15px; border-right:1px solid;}
.list_h ul li:last-child{margin-right:0; padding-right:0; border-right:none;}
.list_h i{margin:0 5px 0 0; line-height:normal;}

/* Header Logo con bandera
--------------------------------------------------------------------------------------------------------------- */
.bandlogo {position:fixed; /*hacer la posicion fija en pantalla para que siempre se muestre */
		left:10px; /*Establecemos la barra en la izquierda */
		top:5px; /*bajamos la bara 200px de arriba a abajo */
		z-index:999; /*usamos la propiedad z-index para que no se superponga ningun otro elemento */
		 opacity:.8;
		 }
.bandlogo ul {
		list-style:none;
	}

/* Header
--------------------------------------------------------------------------------------------------------------- */
#header{}

#header #logo{margin-top:25px;}
#header #logo *{margin:0; padding:0; line-height:1;}
#header #logo h1{font-size:22px; font-variant:small-caps;}
#header #logo p{font-size:12px; text-transform:lowercase;}


/* Page Intro
--------------------------------------------------------------------------------------------------------------- */
#pageintro{padding:150px 0;}

#pageintro article{max-width:100%;}/* ---- {max-width:75%;} antiguo valor -------- */
#pageintro article *{text-transform:uppercase;}
#pageintro article .heading{margin:0 0 50px 0; padding:0; line-height:1; font-size:46px;}
#pageintro article p{margin:0;}
#pageintro article p:first-of-type{margin-bottom:35px; font-size:22px; letter-spacing:5px;}
#pageintro article footer{margin-top:80px;}

/* iframe de horarios
--------------------------------------------------------------------------------------------------------------- */
#hours {display: none;}

/* Intro Blocks
--------------------------------------------------------------------------------------------------------------- */
#introblocks{}

#introblocks ul{display:table; width:100%; height:100%; border:none;}
#introblocks ul li{display:table-cell; width:33.33333333333333%; height:100%; padding:5% 2%; border:solid; border-collapse:collapse; border-width:0 1px 0 0;}
#introblocks a{color:#fff;}
#introblocks ul li:last-child{border:0px;}
#introblocks ul li *{margin:0; padding:0; line-height:normal;}
#introblocks ul li div{position:relative; padding-left:65px; word-wrap:break-word;}
#introblocks ul li div i{display:block; position:absolute; top:-2px; left:0; width:50px; font-size:46px; line-height:1;}
#introblocks ul li div .heading{font-size:1.2rem;}
#introblocks ul {background-color:rgba(255,255,255,.2);}
#introblocks li:hover{background:#56AED4;}
#introblocks li:hover{background-color:rgba(86,174,212,.7);}
#introblocks ul, #introblocks ul li{border-color:#fff;}

/* Content Area
--------------------------------------------------------------------------------------------------------------- */
.container{padding:60px 0;}/*--- -----------------------espaciado del container---------------------------------*/
.container_ed{padding:20px 0;}/*--- -----------espaciado del container para talleres educacion---------------------*/
.container_sp{padding:20px 0;}/*--- ---------------espaciado del container para subprogramas-----------------------*/
   /*--- -----------------------para listas desplegables---------------------------------*/
#container{padding:50px 0; clear:both; font-size:1em; line-height:1.4em;}
#container section{margin-bottom:50px;}
#container section.last{margin-bottom:0;}

/* Content 
---------------------------------------------------------------------------------------------------------------*/
.container .content{}

.excerpt{display:inline-block; width:100%; max-width:320px; padding-bottom:20px;}
.excerpt img{}
.excerpt .excerpttxt{display:block; position:relative; max-width:90%; margin:-40px auto; padding:20px;}
.excerpt .heading{margin:0 0 5px 0;}
.excerpt p:last-of-type{margin:0; padding:0;}
.excerpt {-moz-box-shadow: 6px 5px 3px rgba(192,190,190,0.2);
		  -webkit-box-shadow: 5px 5px 17px -4px rgba(0,0,0,0.30);
		  /*-moz-box-shadow: 5px 5px 17px -4px rgba(0,0,0,0.30);*/
		  box-shadow: 5px 5px 17px -4px rgba(0,0,0,0.30);}
		  

.products figure{position:relative; max-width:320px; text-align:center;}
.products figure figcaption{position:absolute; bottom:0; left:0; width:100%; padding:20px;}
.products figure figcaption *{margin:0; padding:0;}
.products figure figcaption p{margin-bottom:8px;}
.products figure figcaption p:nth-last-of-type(1){margin-bottom:0;}
.products figure figcaption footer{display:block; width:100%; margin-top:20px;}
.products figure figcaption .btn{display:block; padding:6px 20px 8px;}
.products figure{margin-bottom:30px;
				-webkit-box-shadow: 5px 5px 17px -4px rgba(0,0,0,0.55);
				-moz-box-shadow: 5px 5px 17px -4px rgba(0,0,0,0.55);
				box-shadow: 5px 5px 17px -4px rgba(0,0,0,0.55);}

/* Comments */
#comments ul{margin:0 0 40px 0; padding:0; list-style:none;}
#comments li{margin:0 0 10px 0; padding:15px;}
#comments .avatar{float:right; margin:0 0 10px 10px; padding:3px; border:1px solid;}
#comments address{font-weight:bold;}
#comments time{font-size:smaller;}
#comments .comcont{display:block; margin:0; padding:0;}
#comments .comcont p{margin:10px 5px 10px 0; padding:0;}

#comments form{display:block; width:100%;}
#comments input, #comments textarea{width:100%; padding:10px; border:1px solid;}
#comments textarea{overflow:auto;}
#comments div{margin-bottom:15px;}
#comments input[type="submit"], #comments input[type="reset"]{display:inline-block; width:auto; min-width:150px; margin:0; padding:8px 5px; cursor:pointer;}

/* Sidebar */
.container .sidebar{}

.sidebar .sdb_holder{margin-bottom:50px;}
.sidebar .sdb_holder:last-child{margin-bottom:0;}

/* Newsletter
--------------------------------------------------------------------------------------------------------------- */
#newsletter{padding:120px 0;}

#newsletter input, #newsletter button{padding:10px 12px; border:none; border-radius:5px;}
#newsletter input{display:inline-block; min-width:400px;}
#newsletter button{padding:9px 18px; font-weight:bold; text-transform:uppercase; cursor:pointer;}

/* Texto que cambia en las noticias
--------------------------------------------------------------------------------------------------------------- */
/*<![CDATA[*/
        .rojo{color: rgba(247,244,244,1.00);
			  text-align:center;
			  font-style:italic;
			  background-color:rgba(0,0,255,0.7);
			  }
            /*]]>*/
			

/* Footer
--------------------------------------------------------------------------------------------------------------- */
#footer{padding:80px 0;}

#footer .title{margin:0 0 50px 0; padding:0; font-size:1.2rem;}

#footer .linklist li{display:block; margin-bottom:15px; padding:0 0 15px 0; border-bottom:1px solid;}
#footer .linklist li:last-child{margin:0; padding:0; border:none;}
#footer .linklist li::before, #footer .linklist li::after{display:table; content:"";}
#footer .linklist li, #footer .linklist li::after{clear:both;}

#footer .contact{}
#footer .contact.linklist li, #footer .contact.linklist li:last-child{position:relative; padding-left:40px;}
#footer .contact li *{margin:0; padding:0; line-height:1.6;}
#footer .contact li i{display:block; position:absolute; top:0; left:0; width:30px; font-size:16px; text-align:center;}


/* Sliders + Carousels 
---------------------------------------------------------------------------------------------------------------*/
.flex-wrapper .flex-direction-nav a{color:#FF9C09;}

#testimonials .slides li .flex-content blockquote::before{color:rgba(255,255,255,.15);}

#latest .carousel-items li a figure{border-color:#D7D7D7}
#latest .carousel-items li a:hover figure{border-color:#4B4E50;}
#latest .carousel-items li a figure figcaption{color:#4B4E50; background-color:#FFFFFF;}
#latest .carousel-items li a:hover figure figcaption{color:#FFFFFF; background-color:#4B4E50;}

/* Carousels-------------------------------------------------------*/
#testimonials{display:block; position:relative; width:75%; margin:0 auto;}
#testimonials .carousel-items{z-index:1;}
#testimonials ul li blockquote{margin-bottom:30px;}
#testimonials ul li figure{}
#testimonials ul li figure figcaption{}
#testimonials ul li figure figcaption *{margin:0; padding:0;}
#testimonials ul li figure figcaption strong{}
#testimonials ul li figure figcaption em{font-size:.8rem;}
#testimonials .flex-direction-nav li a{position:absolute; top:50%; width:40px; height:40px; line-height:40px; margin:-20px 0 0; z-index:10; opacity:0; font-size:40px;}
#testimonials .flex-direction-nav .flex-prev{left:-60px; text-align:left;}
#testimonials .flex-direction-nav .flex-next{right:-60px; text-align:right;}
#testimonials:hover .flex-prev, #testimonials:hover .flex-next{opacity:0.5;}
#testimonials:hover .flex-prev:hover, #testimonials:hover .flex-next:hover{opacity:1;}

#testimonials .flex-direction-nav a{color:#C45A4C;}

/* Latest
--------------------------------------------------------------------------------------------------------------- */
#latest.centred{padding:100px 0;}

#latest .carousel-items li{width:306px; margin-right:20px; padding-bottom:5px; text-align:center;}
#latest .carousel-items li figure{border:1px solid;}
#latest .carousel-items li figure figcaption{padding:25px 20px;}
#latest .carousel-items li figure figcaption *{margin:0; padding:0;}
#latest .carousel-items li figure figcaption time{font-size:.8rem;}
#latest .carousel-items li figure figcaption .heading{margin-bottom:15px;}

/* Program overlay--------Responde a los subprogramas-----------------------------------------*/
#latest{display:block; width:100%; margin:0 auto; padding-bottom:0;}

#latest ul{}
#latest ul li{display:block; float:left; width:16.66666632016632%;}
#latest ul li:first-child, #latest ul li:nth-child(6n+1){clear:left;}
#latest ul li img{display:block; width:100%;}
#latest ul li .txtoverlay{display:block; text-align:center;}
#latest ul li .txtoverlay .txtcaption *{margin:1; padding:1;}
#latest ul li .txtoverlay .txtcaption .heading:first-of-type{
	display: block;
	height: 20px;
	padding-top: 2px;
	font-size: 1.2rem;
	line-height: normal;
	padding-left: 0px;
}
#latest ul li .txtoverlay .txtcaption footer{margin-top: 5px;}

/* Split Box
--------------------------------------------------------------------------------------------------------------- */
.split .box{
	display: block;
	position: relative;
	float: right;
	width: 50%;
	padding: 80px 0 80px 40px;
}
.split .box::after{display:block; position:absolute; top:0; right:-1000%; bottom:0; left:100%; content:"";}

/* Split Box-l
--------------------------------------------------------------------------------------------------------------- */
.split{}
.split .box-l{display:block; position:relative; float:left; width:50%; padding:120px 50px 120px 0;}
.split .box-l::after{display:block; position:absolute; top:0; left:-1000%; bottom:0; right:100%; content:"";}

.split .box-l, .split .box-l::after{color:#FFFFFF; background-color:#4f4ffb;} /**el color inicial era #151517**/

/* efecto shine al hacer un hover sobre imagenes fijas
--------------------------------------------------------------------------------------------------------------- */
.figure_s {
	position: relative;
}
.figure_s::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 99;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.figure_s:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

/* para el video de visitenos
--------------------------------------------------------------------------------------------------------------- 
.easyhtml5video {margin: 0 auto;}
.eh5v_script{display:none}*/

/* error 404 en 3d y feliz 2018
--------------------------------------------------------------------------------------------------------------- */
.hit-the-floor {
color: #fff;
font-size: 4em;
font-weight: bolder;
font-family: Helvetica;
font-style:italic;
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}

.hit-the-floor {
  text-align: center;
}

body {
  background-color: #f1f1f1;
}

/* Coloured Boxes Esto es para el area de proyectos idem al isidro
--------------------------------------------------------------------------------------------------------------- */
.clrbox{display:table;}
.clrbox *{margin:0;}
.clrbox li{display:table-cell; width:33.33333333333333%;}
.clrbox article{padding:15%;}
.clrbox .heading, .clrbox p:first-of-type{margin-bottom:30px;}
.clrbox footer{}
.clrbox footer .btn{}

/* Coloured Boxes ------ seccion proyectos mascara oscura-----*/
.clrbox{color:#FFFFFF;}
.clrbox li:nth-of-type(1){background-color:rgba(24,24,24,.4);/* #181818 */}
.clrbox li:nth-of-type(2){background-color:rgba(24,24,24,.4);/* #181818 */}
.clrbox li:nth-of-type(3){background-color:rgba(24,24,24,.4);/* #181818 */}
.clrbox li:hover{background-color:rgba(24,24,24,1);/* #181818 */}

/* Clients
--------------------------------------------------------------------------------------------------------------- */
#clients.centred{padding:100px 0;}
#clients .carousel-items li{width:222px; margin-right:30px;}

/* Copyright
--------------------------------------------------------------------------------------------------------------- */
#copyright{padding:50px 0;}
#copyright *{margin:0; padding:0;}


/* Transition Fade
--------------------------------------------------------------------------------------------------------------- */
*, *::before, *::after, #latest, .carousel-items *{transition:all .3s ease-in-out;}
#mainav form *{transition:none;!important}


/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Navigation
--------------------------------------------------------------------------------------------------------------- */
nav ul, nav ol{margin:0; padding:0; list-style:none;}

#mainav, #breadcrumb, .sidebar nav{line-height:normal;}
#mainav .drop::after, #mainav li li .drop::after, #breadcrumb li a::after, .sidebar nav a::after{position:absolute; font-family:"FontAwesome"; font-size:10px; line-height:10px;}

/* Top Navigation */
#mainav{}
#mainav ul.clear{margin-top:3px;}
#mainav ul{text-transform:uppercase;}
#mainav ul ul{z-index:9999; position:absolute; width:180px; text-transform:none;}
#mainav ul ul ul{left:180px; top:0;}
#mainav li{display:inline-block; position:relative; margin:0 15px 0 0; padding:0;}
#mainav li:last-child{margin-right:0;}
#mainav li li{width:100%; margin:0;}
#mainav li a{display:block; padding:30px 0;}
#mainav li li a{border:solid; border-width:0 0 1px 0;}
#mainav .drop{padding-left:15px;}
#mainav li li a, #mainav li li .drop{display:block; margin:0; padding:10px 15px;}
#mainav .drop::after, #mainav li li .drop::after{content:"\f0d7";}
#mainav .drop::after{top:35px; left:5px;}
#mainav li li .drop::after{top:15px; left:5px;}
#mainav ul ul{visibility:hidden; opacity:0;}
#mainav ul li:hover > ul{visibility:visible; opacity:1;}

#mainav form{display:none; margin:0; padding:0;}
#mainav form select, #mainav form select option{display:block; cursor:pointer; outline:none;}
#mainav form select{width:100%; padding:5px; border:none;}
#mainav form select option{margin:5px; padding:0; border:none;}

/* Breadcrumb */
#breadcrumb{padding:100px 0 20px;}
#breadcrumb ul{margin:0; padding:0; list-style:none; text-transform:uppercase;}
#breadcrumb li{display:inline-block; margin:0 6px 0 0; padding:0;}
#breadcrumb li a{display:block; position:relative; margin:0; padding:0 12px 0 0; font-size:12px;}
#breadcrumb li a::after{top:3px; right:0; content:"\f101";}
#breadcrumb li:last-child a{margin:0; padding:0;}
#breadcrumb li:last-child a::after{display:none;}

/* Sidebar Navigation */
.sidebar nav{display:block; width:100%;}
.sidebar nav li{margin:0 0 3px 0; padding:0;}
.sidebar nav a{display:block; position:relative; margin:0; padding:5px 10px 5px 15px; text-decoration:none; border:solid; border-width:0 0 1px 0;}
.sidebar nav a::after{top:9px; left:5px; content:"\f101";}
.sidebar nav ul ul a{padding-left:35px;}
.sidebar nav ul ul a::after{left:25px;}
.sidebar nav ul ul ul a{padding-left:55px;}
.sidebar nav ul ul ul a::after{left:45px;}

/* Pagination */
.pagination{display:block; width:100%; text-align:center; clear:both;}
.pagination li{display:inline-block; margin:0 1px 0 0;}/**el valor original es 2px**/
.pagination li:last-child{margin-right:0;}
.pagination a, .pagination strong{display:block; padding:8px 10px; border:1px solid; background-clip:padding-box; font-weight:normal;}

/* Back to Top */
#backtotop{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:20px; right:20px; width:36px; height:36px; line-height:36px; font-size:16px; text-align:center; opacity:.2;}
#backtotop i{display:block; width:100%; height:100%; line-height:inherit;}
#backtotop.visible{visibility:visible; opacity:.5;}
#backtotop:hover{opacity:1;}


/* Tables
--------------------------------------------------------------------------------------------------------------- */
table, th, td{border:1px solid; border-collapse:collapse; vertical-align:top;}
table, th{table-layout:auto;}
table{width:100%; margin-bottom:15px;}
th, td{padding:5px 5px;}
td{border-width:0 1px;}

/* Tables border transparentes
--------------------------------------------------------------------------------------------------------------- */
table-t, th-t, td-t{border:0px solid; border-collapse:collapse; vertical-align:top;}
table-t, th-t{table-layout:auto;}
table-t{width:100%; margin-bottom:15px;}
th-t, td-t{padding:5px 5px;}
td-t{border-width:0 0px;}


/* Gallery
--------------------------------------------------------------------------------------------------------------- */
#gallery{display:block; width:100%; margin-bottom:50px;}
#gallery figure figcaption{display:block; width:100%; clear:both;}
#gallery li{margin-bottom:30px;
			-webkit-box-shadow: 5px 5px 17px -4px rgba(0,0,0,0.55);
			-moz-box-shadow: 5px 5px 17px -4px rgba(0,0,0,0.55);
			box-shadow: 5px 5px 17px -4px rgba(0,0,0,0.55);}
/* -----Rotando y escalando la galeria-------------------------------------------------------------- */
.scale :hover { -moz-transform:scale(1.05,1.05);
				-webkit-transform:scale(1.05,1.05);
				-o-transform:scale(1.05,1.05);
				-moz-box-shadow: 6px 5px 3px rgba(192,190,190,0.5);
				-webkit-box-shadow: 5px 5px 17px -4px rgba(0,0,0,0.55);
				-moz-box-shadow: 5px 5px 17px -4px rgba(0,0,0,0.55);
				box-shadow: 5px 5px 17px -4px rgba(0,0,0,0.55);}

.rotate :hover {-moz-transform: rotate(-1.05deg);
				-webkit-transform:rotate(-1.05deg);
				-o-transform:rotate(-1.05deg);
				-moz-box-shadow: 6px 5px 3px rgba(192,190,190,0.5);
				-webkit-box-shadow: 5px 5px 17px -4px rgba(0,0,0,0.55);
				-moz-box-shadow: 5px 5px 17px -4px rgba(0,0,0,0.55);
				box-shadow: 5px 5px 17px -4px rgba(0,0,0,0.55);}
				
				
.shadow {-moz-box-shadow: 6px 5px 3px rgba(192,190,190,0.5);
		 -webkit-box-shadow: 5px 5px 17px -4px rgba(0,0,0,0.70);
		 -moz-box-shadow: 5px 5px 17px -4px rgba(0,0,0,0.70);
		 box-shadow: 5px 5px 17px -4px rgba(0,0,0,0.70);}

/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/*-----on--------*/
/* ------------------------------------------------------------------------------------------------------------ */
/* Font Awesome Social Icons hoizontal
---------------------------------------------------------------------------------------------------------------*/
.faico{margin:0; padding:0; list-style:none;}
.faico li{display:inline-block; margin:8px 5px 0 0; padding:0; line-height:normal;}
.faico li:last-child{margin-right:0;}
.faico a{display:inline-block; width:36px; height:36px; line-height:36px; font-size:18px; text-align:center;}/**para animar botones  **/

.faico a{color:#050505; background-color:#C1C1C1;}
.faico a:hover{color:#FFFFFF; line-height:46px;height:46px; font-size:24px;} /**agranda y mueve los iconos sociales **/

/* ---------Barra Lateral-----------------------------------------------------------------------------------			
.faicon-dribble:hover{background-color:#EA4C89;}
.faicon-facebook:hover{background-color:#3B5998;}
.faicon-google-plus:hover{background-color:#DB4A39;}
.faicon-linkedin:hover{background-color:#0E76A8;}
.faicon-twitter:hover{background-color:#00ACEE;}
.faicon-vk:hover{background-color:#4E658E;}
 ------------------------------------------------------------------------------------------------------------ */
body{
    height: 2000px;
}
*{
    margin: 0;
    padding: 0;
}
.contenido{
    position: fixed;
    left: 0;
    top: 200px;
    z-index: 2000;
}
.social li a{
    color: #fff;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    font-size: 20px;
    width: 40px;
    height: 40px;
    padding: 10px;
}
.social li a:hover{background-color:#C1C1C1; width: 50px; color:#000000;}
.facebook{background-color: #3b5998;}
.youtube{background-color:#ff0000;}
.twitter{background-color: #00abf0;}
.google{background-color: #d95232;}
.instagram{background-color: #F53C1A;}
.mail{background-color:#666666;}
.us_floating_hide{background-color:#000000;}
.rss{background-color:#d8810d;}
/* ------------------------------------------------------------------------------------------------------------ */
.gradient{background: linear-gradient(180deg, #9e48bc, #e35e58 0.6px, #ffd879);}/*--para icono gradiente INSTAGRAM--*/ 
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Colours
--------------------------------------------------------------------------------------------------------------- */
/*body{color:#000; background-color:#000000;}/*CBCBCB -- Este es color original del texto de marti*/
a{color:#56AED4;}
a:active, a:focus{background:transparent;}/* IE10 + 11 Bugfix - prevents grey background */
a:hover{color:#56AED4;}
.inverse1{color:#FFFFFF;}
.inverse1:hover{color:#56AED4;}
hr, .borderedbox{border-color:#D7D7D7;}/*D7D7D7*/
label span{color:#FF0000; background-color:inherit;}
input:focus, textarea:focus, *:required:focus{border-color:#56AED4;}
.overlay{color:#FFFFFF; background-color:inherit;}
.overlay::after{color:inherit; background-color:rgba(0,0,0,.1);}
.btn{color:#FFFFFF; background-color:#A7C353;}
.bg-black-trans{color:#FFFFFF; background-color:rgba(0,0,0,.3);/* #000000 */}
.bg-orange{color:#FFFFFF; background-color:#FF8737;}
.bg-orange-trans{color:#FFFFFF; background-color:rgba(255,135,55,.3);/* #FF8737 */}
.bg-red{color:#FFFFFF; background-color:#E2494B;}
.bg-red-trans{color:#FFFFFF; background-color:rgba(226,73,75,.3);/* #E2494B */}
.text{color:#FFFFFF;}
.text_n{color:#000000;}

.inherit{color:inherit;/* para todos los textos que se quieren en blanco */}

.btn, .btn.inverse:hover{color:#FFFFFF; background-color:#56AED4; border-color:#FFFFFF;}
.btn:hover, .btn.inverse{color:inherit; background-color:transparent; border-color:inherit;}

blockquote::before{color:rgba(255,255,255,.2);}

.txtoverlay .txtcaption{color:#FFFFFF; background-color:rgba(0,0,0,.5);}

/* Rows */
.row0, .row0 a{color:#CBCBCB; background-color:#000000;}
.row1{color:#FFFFFF; background-color:rgba(255,255,255,.2);}
.row2, .row2 a{}
.row3{color:#474747; background-color:#FFFFFF;}
.row4{color:#CBCBCB;}
.row5{color:#f2f2f2; background-color:rgba(255,255,255,.2);}
.row5 a{color:inherit;}


/* Top Bar */
#topbar ul li{border-color:rgba(255,255,255,.2);}
#topbar > div:last-of-type li:first-child a{color:#f2f2f2;}


/* Header */
#header #logo h1 a{color:inherit;}


/* Content Area */
.excerpt .excerpttxt{color:inherit; background-color:#FFFFFF;}

/* Split Box
--------------------------------------------------------------------------------------------------------------- */
.splitclrs{}
.split{}

.split > div{display:block; float:left; width:50%; padding:80px 50px 80px 0;}
.split > div:nth-child(2){float:right; padding-right:0; padding-left:50px;}

/* Footer 
---------------------------------------------------------------------------------------------------------------*/
#footer .title{color:#FFFFFF;}
#footer .linklist li{border-color:rgba(255,255,255,.2);}


/* Navigation */
#mainav li a{color:inherit;}
#mainav .active a, #mainav a:hover, #mainav li:hover > a{color:#f2f2f2; background-color:inherit;}
#mainav li li a, #mainav .active li a{color:#FFFFFF; background-color:rgba(0,0,0,.6); border-color:rgba(0,0,0,.6);}
#mainav li li:hover > a, #mainav .active .active > a{color:#FFFFFF; background-color:#56AED4;;}/* color del menu hover */
#mainav form select{color:#FFFFFF; background-color:#000000;}

#breadcrumb a{color:inherit; background-color:inherit;}
#breadcrumb li:last-child a{color:#FFFFFF;}

.container .sidebar nav a{color:inherit; border-color:#D7D7D7;}
.container .sidebar nav a:hover{color:#56AED4;}/*sobre barra de navegación*/

.pagination a, .pagination strong{border-color:#D7D7D7;}
.pagination .current *{color:#FFFFFF; background-color:#FFFFFF;}

#backtotop{color:#FFFFFF; background-color:#56AED4;}


/* Tables + Comments */
table, th, td, #comments .avatar, #comments input, #comments textarea{border-color:#D7D7D7;}
#comments input:focus, #comments textarea:focus, #comments *:required:focus{border-color:#FFFFFF;}
th{color:#FFFFFF; background-color:#373737;}
tr, #comments li, #comments input[type="submit"], #comments input[type="reset"]{color:inherit; background-color:#FBFBFB;}
tr:nth-child(even), #comments li:nth-child(even){color:inherit; background-color:#F7F7F7;}
table a, #comments a{background-color:inherit;}

/* Split Box */
.splitclrs{color:#929292; background:linear-gradient(to right, #F6F6F6 0%,#F6F6F6 50%,#FFFFFF 50%,#FFFFFF 100%);}

/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Media Queries
--------------------------------------------------------------------------------------------------------------- */
@-ms-viewport{width:device-width;}


/* Max Wrapper Width - Laptop, Desktop etc.
--------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:978px){
	.hoc, .centred, .cont_columnas, .columnasx2{max-width:978px;}
}


/* Mobile Devices
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:900px){
	.hoc, .centred, .cont_columnas, .columnasx2{max-width:90%;}

	#topbar{}

	#header{padding:30px 0;}
	#header #logo{margin:0;}

	#mainav{}
	#mainav ul{display:none;}
	#mainav form{display:block; margin-top:8px;}

	#breadcrumb{}

	.container{}
	#comments input[type="reset"]{margin-top:10px;}
	.pagination li{display:inline-block; margin:0 5px 5px 0;}

		
	#footer{}

	#copyright{}
	#copyright p:first-of-type{margin-bottom:10px;}
}


@media screen and (max-width:750px){
	.imgl, .imgr, .imgright, .destacado{display:inline-block; float:none; margin:0 0 10px 0;}
	.fl_left, .fl_right, .fl_center{display:block; float:none;}
	.one_half, .one_half_one, .one_third, .two_third, .one_quarter, .one_quarter_pub, .two_quarter, .three_quarter, .one_proy{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}

	#topbar{padding-top:15px; text-align:center;}
	#topbar ul{margin:0 0 15px 0; line-height:normal;}

	#header{text-align:center;}
	#header #logo{margin:0 0 30px 0;}

	#mainav form{margin-top:0;}

	#pageintro article{max-width:none;}
	
	.clrbox, .clrbox li{display:block; width:100%;}
	
	#sidebar .search #searchsubmit{ right: 10px;}
	#sidebar aside{margin: 0;margin-bottom: 20px;}
	
	.splitclrs{background:none;}
	.split > div:first-child{color:inherit; background-color:#F6F6F6;}
	.split > div:last-child{color:inherit; background-color:#FFFFFF;}
}


@media screen and (max-width:450px){
	#topbar ul li{margin-bottom:2px; padding-right:0; border-right:none;}
	
	#sidebar .search #s{	width: 90.2%;}
}

@media screen and (max-width:580px){
	#latest ul li .txtoverlay .txtcaption{display:none;}
}

/* Other
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:650px){
	.scrollable{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;}
	.scrollable table{margin:0; padding:0; white-space:nowrap;}

	.inline li{display:block; margin-bottom:10px;}
	.pushright li{margin-right:0;}

	.font-x2{font-size:1.4rem;}
	.font-x3{font-size:1.6rem;}
	
	#pageintro li article{max-width:none; width:100%;}
	#pageintro li .heading{font-size:2rem;}

	#introblocks ul, #introblocks ul li{display:block; width:100%; height:100%;}
	#introblocks ul li{padding:25px; border-width:0 0 1px 0;}
	
	.hoc.split{max-width:none; width:100%;}
	.split .box-l{float:none; width:100%; padding:10% 5%;}
}