/*PSE STYLES*/

body{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	color: #646464;
	background: url(../images/pse-bg-site.png) repeat 0 0 !important;
	min-width: 280px;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	margin-top: 0 !important;
}

h2, h3{
	font-size: 24px;
	color: #336a82;
	text-transform: uppercase;
}
h4{
	font-size: 14px;
	color: #336a82;
	text-transform: uppercase;
}
h5{
	font-size: 13px;
	color: #ff9131;
	text-transform: uppercase;
}

p strong{
	color: #336a82;
}

a, a:link, a:hover, a:active, a:visited{
	outline: none;
}

.tab-wrapper {
	border: none !important;
	background: none !important;
}

.pse-btn-more{
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	padding: 8px 15px;
	background: #ff9131;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	/* ...and now for the proper property */
	transition:.5s;
}
.pse-btn-more:hover{
	text-decoration: none;
	color: #fff;
	background: #c37632;
}
.pse-btn-more:focus{
	text-decoration: none !important;
	color: #fff !important;
}

.no-margin{
	margin: 0 !important;
}

.box {
	-webkit-box-shadow: 0px 5px 10px 4px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 5px 10px 4px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 5px 10px 4px rgba(50, 50, 50, 0.3);
}

.pse-modal{
	padding: 30px;
}
.pse-modal i{
	padding-right: 5px;
}
.pse-modal em{
	color: #336a82;
}
.pse-modal img{
	float: right;
	margin-left: 20px;
	border: #e7e7e7 5px solid;
	max-width: 45%;
}
.pse-modal h3{
	font-size: 16px;
	color: #ff9131;
}
.pse-modal-separator{
	border-bottom: #646464 1px dotted;
}

/**Main Menú**/
.main-menu{
	position: relative;
	width: 100%;
	height: 60px;
	background: #fff;
	list-style: none;	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.7);
	-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.7);
	box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.7);
}

.navbar-brand{
	width: auto !important;
	padding: 6px 30px 0 0 !important;
	margin: 0 !important;
}
.navbar-brand b{
	display: none;
}
.navbar-brand .logo-mobile{
	display: none;
}

.main-menu li{
	float: left;
	padding: 0;
}
.main-menu a{
	display: block;
	text-align: center;
	color: #fff !important;
	width: 60px;
	height: 60px;
	padding-top: 16px;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	/* ...and now for the proper property */
	transition:.5s;
}

.main-menu a span{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	margin: 18px 0 0 0px;
	padding: 5px 15px 5px 16px;
	-moz-opacity: 0.00;
	opacity: 0.00;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);	
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	/* ...and now for the proper property */
	transition:.5s;
}
.main-menu a:hover span{
	z-index: 200;
	-moz-opacity: 1;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
}
.main-menu li.active a span{
	-moz-opacity: 1;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	z-index: 200;
}

.btn-inicio, .btn-inicio:hover, .btn-inicio span{
	background: #ffb400 !important;
}
.btn-servicios, .btn-servicios:hover, .btn-servicios span{
	background: #ff9131 !important;
}
.btn-clientes, .btn-clientes:hover, .btn-clientes span{
	background: #c37632 !important;
}
.btn-humano, .btn-humano:hover, .btn-humano span{
	background: #80694a !important;
}
.btn-innovacion, .btn-innovacion:hover, .btn-innovacion span{
	background: #124c65 !important;
}
.btn-contacto, .btn-contacto:hover, .btn-contacto span{
	background: #336a82 !important;
}
.btn-humano span{
	width: 200px;
}

.top-links {
	position: absolute;
	right: 0;
	top: 0;
	margin: 10px 30px 0 0;
}
.top-links a{
	text-transform: uppercase;
	width: auto;
	height: auto;
	color: #124c65;
	margin-left: 10px;
	padding: 0;
}
.top-links a:hover{
	text-decoration: underline;
}
.top-links i{
	margin-right: 4px;
}


/**Inicio**/
.pse-inicio{
	padding: 30px;
}
.pse-inicio-slider{
	background: #fff;
}
.pse-inicio-welcome{
	background: #fff;
	padding: 30px;
}
.pse-inicio-welcome img{
	border: #e7e7e7 5px solid;
	float: right;
	width: 150px;
	margin-left: 30px;
}
.pse-inicio-welcome .pse-btn-more{
	display: inline-block;
}

.welcome-complete{
	padding: 25px;
}
.welcome-complete img{
	
	border: #e7e7e7 5px solid;
	float: right;
	margin-left: 30px;
}

.pse-inicio-news{
	background: #fff;
	padding: 30px;
}
.pse-inicio-news h2{
	margin-bottom: 10px;
}

.pse-inicio-news-rss b a{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;
	color: #ff9131;
	line-height: 20px;
	text-transform: uppercase;
	text-decoration: none;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	/* ...and now for the proper property */
	transition:.5s;
}
.pse-inicio-news-rss b a:hover{
	color: #c37632;
}
.pse-inicio-news-rss em{
	font-style: normal;
}
.pse-inicio-news-rss .fipoweredby{
	display: none !important;
}

.pse-inicio-links{	
	padding: 30px;
	background: #ff9131;
}
.pse-inicio-links h2{
	color: #fff;
	margin-bottom: 10px;
}
.pse-inicio-links ul{
	list-style: none;
	padding: 0;
}
.pse-inicio-links ul li{
	color: #fff;
	margin-bottom: 10px;
}
.pse-inicio-links ul li i{
	margin-right: 6px;	
}
.pse-inicio-links ul li a{
	color: #fff;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	/* ...and now for the proper property */
	transition:.5s;
}
.pse-inicio-links ul li a:hover{
	color: #80694a;
}

/**Nosotros**/
#aboutus{
	padding: 20px;	
}
#aboutus h2, #aboutus h3{
	color: #63c0e9;
}
#aboutus p{	
	color: #fff;
	margin-bottom: 0 !important;
}
#aboutus p strong{
	color: #63c0e9;
}

.pse-nosotros-partners{
	float: left;
	width: 100%;	
}
.pse-nosotros-partners h2{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.partners-content-element{
	float: left;
	width: 100%;
	margin-bottom: 15px;	
}
.partners-content-element img{
	float: left;
	width: 60px;
	-webkit-box-shadow: 0px 5px 10px 4px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    0px 5px 10px 4px rgba(50, 50, 50, 0.25);
	box-shadow:         0px 5px 10px 4px rgba(50, 50, 50, 0.25);
}
.partners-content-element-text{
	font-size: 11px;
	float: right;
	width: 140px;
}
.partners-content-element-text h3{
	font-size: 12px;
	margin-bottom: 5px !important;
}

#aboutus .pse-btn-more{
	position: absolute;
	right: 0;
	top: 0;
	background: #63c0e9;
}

/**Servicios**/
.pse-servicios{
	padding: 30px;
}
.pse-servicios-header{
	padding: 30px;
	background: #0a5e6b url(../images/pse-bg-services.png) no-repeat right -12px;
	min-height: 175px;
	margin-bottom: 30px;
}
.pse-servicios-header h2{
	font-size: 36px;
	color: #fff;
}

.pse-servicios-box{
	margin-bottom: 30px;
	padding: 30px 30px 0 30px;
	background: #fff;
}
.pse-servicios-box img{
	width: 100%;
	margin: 10px 0 20px;
	border: #e7e7e7 5px solid;
}
.pse-servicios-box .pse-btn-more{
	float: right;
	margin-right: -30px;
}

.pse-servicios-boxshade{
	position: relative;	
	background-size: 100%;
	margin-bottom: 30px;
	padding: 30px;
	min-height: 315px;
}
.pse-servicios-boxshade h3{
	color: #fff;
}
.pse-servicios-boxshade p{
	color: #fff;
}
.pse-servicios-boxshade .pse-btn-more{
	position: absolute;
	right: 0;
	bottom: 0;
}

.pse-servicios-direccion{
	background: url(../images/pse-img-servicios-direccion.jpg) no-repeat 0 0;
	background-size: 100%;
}
.pse-servicios-sitio{
	background: url(../images/pse-img-servicios-sitio.jpg) no-repeat 0 0;
	background-size: 100%;
}

.pse-servicios-box-large{
	position: relative;
	margin-bottom: 30px;
	padding: 30px;
	background: #fff;
}
.pse-servicios-box-large img{
	float: left;
	max-width: 40%;
	margin-right: 20px;
	border: #e7e7e7 5px solid;
}
.pse-servicios-box-large .pse-btn-more{
	position: absolute;
	right: 0;
	bottom: 0;
}

/**Clientes**/
.pse-clientes{
	padding: 30px 0 30px 30px;	
}
.pse-clientes-header i{
	padding-right: 5px;
}
.pse-clientes h2{
	display: inline-block;
	color: #fff;
	margin-bottom: 30px;
	padding: 10px 30px;
	background: #c37632;	
}
.pse-clientes .item {
	float: left;
	width: 192px;
	margin: 0 30px 30px 0;
}
.view {
    width: 192px;
    height: 150px;    
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}
.view .mask, .view .content {
    width: 192px;
    height: 150px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.view img {
    display: block;
    position: relative
}
.view h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 20px 0 0 0
}
.view-sixth img {
    transition: all 0.4s ease-in-out 0.5s;
}
.view-sixth .mask{
    background-color: rgba(0,0,0,0.5);
    opacity:0;
    transition: all 0.3s ease-in 0.4s;
}
.view-sixth h3{
    opacity:0;
    background: transparent;
	top: 35%;
    transform: scale(10);
    transition: all 0.3s ease-in-out 0.1s;
}
.view-sixth:hover .mask { 
    opacity:1;
    transition-delay: 0s;
}                                                                           
.view-sixth:hover img {
    transition-delay: 0s;
}
.view-sixth:hover h3 {
    opacity: 1;
    transform: scale(1);
    transition-delay: 0.1s;
}

/**Formacion de Capital Humano**/
.pse-humano{
	padding: 30px;
}
.pse-humano-header{
	padding: 30px;
	background: #80694a url(../images/pse-bg-humano.png) no-repeat right -12px;
	min-height: 175px;
	margin-bottom: 30px;
}
.pse-humano-header h2{
	font-size: 36px;
	color: #fff;
}
.pse-humano-intro{
	background: url(../images/pse-img-humano-intro.jpg) no-repeat 0 0;
	background-size: 100%;
}
.pse-humano-perfil{
	background: url(../images/pse-img-humano-egreso.jpg) no-repeat 0 0;
	background-size: 100%;
}

.humano-table{
	font-size: 11px;
	margin-bottom: 15px;
}
.humano-table .humano-table-header{
	color: #fff;
	text-align: center;
	background: #006884;	
}
.humano-table .humano-table-header td{
	border: none;
}
.humano-table td{
	padding: 10px 15px;
	border: #e7e7e7 1px solid;
}
.table-center{
	text-align: center;
}

.result-table td{
	background: #eee;
}

/**Inovacion**/
.pse-innovacion{
	padding: 30px;
}
.pse-innovacion-intro{
	background: #000;
}
.pse-innovacion-intro h3{
	position: relative;
	z-index: 200;
}
.pse-innovacion-intro p{
	position: relative;
	z-index: 200;
}
.pse-innovacion-vinculo{
	min-height: 200px !important;
	background: url(../images/pse-img-innovacion-vinculo.jpg) no-repeat 0 0;
	background-size: 100%;
}
.pse-innovacion-cientifica{
	min-height: 200px !important;
	background: url(../images/pse-img-innovacion-cientifica.jpg) no-repeat 0 0;
	background-size: 100%;
}

#video-container {
	position: absolute;
}
#video-container {
	top:0%;
	left:0%;
	height:100%;
	width:100%;
	overflow: hidden;
}
video {
	position:absolute;
	z-index:0;
}
video.fillWidth {
	width: 100%;
}

/**Contacto**/
.pse-contacto{
	padding: 30px;	
}
.pse-contacto-header i{
	padding-right: 5px;
}
.pse-contacto h2{
	display: inline-block;
	color: #fff;
	margin-bottom: 30px;
	padding: 10px 30px;
	background: #336a82;	
}
.pse-contacto-form{
	background: #fff;
	padding: 30px;
}

.pse-contacto-form form{
	display: inline-block;
	padding: 30px;
	border: #e7e7e7 1px solid;
	background: #fbfbfb;
}
.pse-contacto-form label{
	float: left;
	width: 100%;
	margin-bottom: 5px;
}
.pse-contacto-form .form-element{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.pse-contacto-form .text-field{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	color: #646464;
	width: 100%;
	max-width: 400px;
	padding: 5px 10px;
	border: #e7e7e7 1px solid;
	-webkit-border-radius: 05px;
	-moz-border-radius: 05px;
	border-radius: 05px;
}
.pse-contacto-form .combo{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	color: #646464;
	width: 100%;
	max-width: 400px;
	padding: 5px 10px;
	border: #e7e7e7 1px solid;
	-webkit-border-radius: 05px;
	-moz-border-radius: 05px;
	border-radius: 05px;
}
.pse-contacto-form .text-area{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	color: #646464;
	width: 100%;
	max-width: 400px;
	padding: 5px 10px;
	border: #e7e7e7 1px solid;
	-webkit-border-radius: 05px;
	-moz-border-radius: 05px;
	border-radius: 05px;
}
.pse-contacto-form .checkbox{
	float: left;
	margin-right: 5px;
}
.pse-contacto-form p{
	margin-top: 5px;
}
.pse-contacto-form a{
	color: #ff9131;
	text-decoration: none;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	/* ...and now for the proper property */
	transition:.5s;
}
.pse-contacto-form a:hover{
	color: #c37632;
}
.pse-contacto-form .btn{
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	font-weight: 700;	
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	float: left;
	margin-top: 30px;
	padding: 10px 20px;
	background: #ff9131;
	border: none;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	/* ...and now for the proper property */
	transition:.5s;
}
.pse-contacto-form .btn:hover{
	background: #c37632;
}
.pse-contacto-form label.error{
	color: #C00;
}
.pse-loader-container{
	background: url(../images/loading2.gif) no-repeat 0 0;
	width: 32px;
	height: 32px;
	display: none;
}
#form-response{
	color: #3C0;
}

.pse-contacto-address{
	margin-bottom: 30px;
	padding: 30px;
	background: #fff;
}
.pse-contacto-address h3{
	margin-bottom: 20px;
}
.pse-contacto-address i{
	margin-right: 10px;
}
.pse-contacto-address a{
	color: #ff9131;
	text-decoration: none;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	/* ...and now for the proper property */
	transition:.5s;
}
.pse-contacto-address a:hover{
	color: #c37632;
}

.pse-contacto-directory{
	padding: 30px;
	background: #fff;
}
.pse-contacto-directory h4{
	margin-bottom: 5px !important;
}
.pse-contacto-directory p{
	margin-bottom: 20px;
}
.pse-contacto-directory i{
	margin-right: 10px;
}
.pse-contacto-directory a{
	color: #ff9131;
	text-decoration: none;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	/* ...and now for the proper property */
	transition:.5s;
}
.pse-contacto-address a:hover{
	color: #c37632;
}

@media (max-width: 1199px) {
	.main-menu{
		padding: 0 !important
	}
	.pse-inicio, .pse-servicios, .pse-clientes, .pse-humano, .pse-innovacion, .pse-contacto{
		padding: 30px 15px !important;
	}
	.box-space1{
		margin-bottom: 10px !important;
	}
	.box-space2{
		margin-bottom: 20px !important;
	}
	.box-space3{
		margin-bottom: 30px !important;
	}
}
@media (max-width: 900px) {
	.navbar-brand{
		position: absolute;
	}
	.main-menu{
		height: 120px;
	}
	.main-menu li{
		margin-top: 60px;
	}
}
@media (max-width: 520px) {
	.navbar-brand .logo-mobile{
		display: block !important;
	}
	.navbar-brand .logo-web{
		display: none !important;
	}
	.top-links span{
		display: none;
	}
	.pse-modal{
		padding: 15px !important;
	}
	.pse-modal img{
		float: none !important;
		margin-left: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}
@media (max-width: 480px) {
	.main-menu{
		height: 110px !important;
	}
	.main-menu a{
		width: 50px !important;
		height: 50px !important;
		padding-top: 10px !important;
	}
	.main-menu i{
		font-size: 1.5em !important;
	}
	.main-menu a span{
		margin: 17px 0 0 0px;
	}
	.btn-humano span{
		width: auto !important;
	}
	.pse-inicio-welcome img{
		width: 100% !important;
		margin-bottom: 20px;
	}
	.pse-servicios-box-large img{
		max-width: 100% !important;
		margin-bottom: 20px;
	}	
}
@media (max-width: 320px) {
	.main-menu{
		height: 100px !important;
	}
	.main-menu a{
		width: 40px !important;
		height: 40px !important;
		padding-top: 10px !important;
	}
	.main-menu i{
		font-size: 1.5em !important;
	}
	.main-menu a span{
		margin: 9px 0 0 0px;
	}
	.btn-innovacion span{		
		margin-left: -55px !important;
	}
	.btn-contacto span{		
		margin-left: -44px !important;
	}
}