@import url('https://fonts.googleapis.com/css?family=Montserrat');

.boLink {
	font-size:14px;
	color: #ffffff;
	padding: 10px;
	text-decoration: none;
	width: 300px;
	background-color: #F17B1E;
	cursor: pointer;
	box-shadow: -2px 3px 2px #555753;
	transition-property: transform;
	transition-duration: 0.5s;
	margin:10px auto;
}

.boLink:hover{
	background:#C05E0C;	
}

.navbar-default{ position:absolute;z-index:100;top:0;left:0;right:0; width:95%;margin:10px auto !important; }
.row-header{ height:300px; position:relative; background:#FFFFFF url(/psicosocial/image/seycoc-header-module-name.jpg) right center no-repeat; background-size:cover; }
.row-header:before{ position:absolute; content:''; z-index:-1; bottom:5px; left:0; right:0; width:30%; height:150px; box-shadow:6px 6px 9px rgba(0,0,0,0.5); transform:rotate(-1deg); margin:auto 0 auto 50%; }
.row-header:after{ position:absolute; content:''; z-index:-1; bottom:5px; left:0; right:0; width:30%; height:150px; box-shadow:6px 6px 9px rgba(0,0,0,0.5); transform:rotate(1deg); margin:auto 0 auto 20.3%; }
.row-header .row-title-module{ display:block; margin:150px auto 0; background:url(/psicosocial/image/seycoc-header-module-title.png) center no-repeat; background-size:cover; width:200px; height:46px; }

@media(min-width:769px) {
	.navbar-default{ position:absolute;z-index:100;top:0;left:0;right:0;max-width:1170px;width:100%;margin: 20px auto !important; }
	.row-header .row-title-module{ display:inline-block; margin:150px auto 0; background:url(/psicosocial/image/seycoc-header-module-title.png) center no-repeat; background-size:cover; width:200px; height:46px; }
}
.navbar{ margin-bottom:0 !important; background:rgba(255,255,255,0.8); }
.navbar-brand{ padding:5px 15px;display: flex !important;align-items: center; }
.navbar-brand>img {display: block;height: 36px; width:auto;}
.navbar-nav:after{ border-bottom: 0 none; }
.navbar-default .navbar-nav>li>a{ font-family:'Montserrat'; font-size:12px; text-transform:uppercase; }
.navbar-default .navbar-nav>li.selected:after{ position: absolute; width: 30%; height: 3px; background: #2752A0; bottom: 9px; left: 0; margin:0; content: ''; }

@media(min-width:769px) {
	.navbar-nav:after{ position: absolute; width: 420px; height: 1px; bottom: 10px; }
	.navbar-default .navbar-nav>li.selected:after{ position: absolute; width: 90%; height: 3px; background: #2752A0; bottom: 9px; left: 0; right: 0; margin: auto; content: ''; }
}

.colorTable_1 {background-color: #003366;}
.colorTable_2 {background-color: #3465a4;}

.main_menu{ text-align:center; padding:20px 0; }
.main_menu a{ display:block; padding:5%; margin-bottom:10px; }
.main_menu a span{ font-size:4em; display:block; }
#mapa{ margin:90px auto 30px; }

@media(min-width:769px) {
	.boLink{margin:0;width: 160px; font-size: 12px;}
	#mapa{ border: 0px solid black;width: 663px;height: 479px; margin:90px auto 30px; background-image: url(/psicosocial/image/phva_circle.png); }
	#link1{position: relative;top: 15px;left: 15px;}
	#link2{
		position: relative;
		top: -26px;
    	left: 485px;
	}
	#link3{
		position: relative;
		top: 350px;
		left: 15px;
	}
	#link4{
		position: relative;
		top: 315px;
		left: 485px;
	}
	#link5{
		position: relative;
		top: 315px;
		left: 15px;
	}
}

.menuP{
	color: #ce5c00;
	font-size: 35px;
	text-decoration: none;
	font-weight: bold;
	-moz-user-select: none;
	user-select: none;
	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);
}
a.menuP{ text-decoration:none; }
a:hover{ text-decoration:none }
a:hover .menuP{ text-decoration:none; }

a{
	text-decoration: none;
	text-decoration-line: none;
}

.boxMenu{
	vertical-align: middle;
}

img{
	vertical-align: middle;
}

#div_carga{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
	background: url(images/gris.png) repeat;
	display:none;
	z-index:1;
}

#cargador{
  position:absolute;
  top:40%;
  left: 40%;
  width:30%;
  height:30%;
}

.titulo_cambios{
  text-align: center;
  color: red;
}

.href_c{
  text-align: center;
}
.tr_gris{
  background-color: #eeeeee;
  text-align: center;
}

.botones{
  width: 65px;
}
.tr_titulos{
  background-color: #cccccc;
  text-align: center;
}

.inputs_a{
  width: 90%;
}

.alert_message{ margin:10px; }

.content-login{ position:absolute; width:90%; height:400px; left:0; top:0; right:0; bottom:0; margin:auto; }
.content-login .login-table{ width:100%; display:block; }
.content-login .login-table .login-col{ width:100%; padding:0 30px; display:block; vertical-align: top; }
.content-login .login-table .login-col h1{ font-family:'Montserrat'; font-size:14px; font-weight:bold; text-align:center; border-bottom:solid 1px #CCCCCC; padding:0 0 5px 0; text-transform:uppercase; margin:0 0 10px 0; }
.content-login .login-table .login-col:last-child{ padding-top:30px; border-top:solid 1px #CCCCCC; border-left:0 none; width:100%; }
.content-login .login-table .login-col .login-image{ background:url(/psicosocial/image/seycoc-login-logo.png); background-size:cover; width:200px; height:100px; margin:auto;background-size: contain !important;background-repeat: no-repeat !important;background-position-y: center !important; }
.content-login .login-table .login-col .login-input{ background:#666666; box-shadow:0 2px 2px rgba(0,0,0,0.6); padding:5px; border-radius:5px; border:0; color:#FFFFFF; font-family:'Montserrat'; width:100%; font-size:16px; }
.content-login .login-table .login-col .login-input:focus{ outline:none; }
.content-login .login-table .login-col .login-input::placeholder{ color:#FFFFFF; opacity:1; }
.content-login .login-table .login-col .login-input::-moz-placeholder,
.content-login .login-table .login-col .login-input:-ms-input-placeholder, 
.content-login .login-table .login-col .login-input::-ms-input-placeholder{ color:#FFFFFF; }
.content-login .login-table .login-col label{ font-family:'Montserrat'; font-size:14px; margin:10px 0 0 0; }
.content-login .login-table .login-col .login-button{ background: rgb(46,82,160);
background: -moz-linear-gradient(left, rgba(46,82,160,1) 0%, rgba(32,38,75,1) 100%);
background: -webkit-linear-gradient(left, rgba(46,82,160,1) 0%,rgba(32,38,75,1) 100%);
background: linear-gradient(to right, rgba(46,82,160,1) 0%,rgba(32,38,75,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e52a0', endColorstr='#20264b',GradientType=1 ); border-radius:5px; border:0 none; color:#FFFFFF; text-align:center; cursor:pointer; padding:5px 10px; font-family:'Montserrat'; font-size:16px; text-transform:uppercase; }
.content-login .login-table .login-col .login-link{ color:#000000; padding:5px 10px; font-family:'Montserrat'; font-size:14px; float:none; }
.login-page{ background:#FFFFFF url(/psicosocial/image/bg-login.jpg) top right no-repeat; background-size:inherit; }

@media(min-width:769px) {
	.content-login{ position:absolute; width:600px; height:250px; left:0; top:0; right:0; bottom:0; margin:auto; }
	.content-login .login-table{ width:100%; display:table; }
	.content-login .login-table .login-col{ width:50%; padding:0 30px; display:table-cell; vertical-align: middle; }
	.content-login .login-table .login-col h1{ font-family:'Montserrat'; font-size:14px; font-weight:bold; text-align:center; border-bottom:solid 1px #CCCCCC; padding:0 0 5px 0; text-transform:uppercase; margin:0 0 10px 0; }
	.content-login .login-table .login-col:last-child{ padding-top:0; border-top:0 none; border-left:solid 1px #CCCCCC; width:50%; }
	.content-login .login-table .login-col .login-image{ background:url(/psicosocial/image/seycoc-login-logo.png); background-size:cover; width:180px; height:180px; margin:auto; }
	.content-login .login-table .login-col .login-input{ background:#666666; box-shadow:0 2px 2px rgba(0,0,0,0.6); padding:5px; border-radius:5px; border:0; color:#FFFFFF; font-family:'Montserrat'; width:100%; font-size:14px; }
	.content-login .login-table .login-col label{ font-family:'Montserrat'; font-size:12px; margin:10px 0 0 0; }
	.content-login .login-table .login-col .login-button{ background: rgb(46,82,160);
	background: -moz-linear-gradient(left, rgba(46,82,160,1) 0%, rgba(32,38,75,1) 100%);
	background: -webkit-linear-gradient(left, rgba(46,82,160,1) 0%,rgba(32,38,75,1) 100%);
	background: linear-gradient(to right, rgba(46,82,160,1) 0%,rgba(32,38,75,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e52a0', endColorstr='#20264b',GradientType=1 ); border-radius:5px; border:0 none; color:#FFFFFF; text-align:center; cursor:pointer; padding:5px 10px; font-family:'Montserrat'; font-size:12px; text-transform:uppercase; }
	.content-login .login-table .login-col .login-link{ color:#000000; padding:5px 10px; font-family:'Montserrat'; font-size:12px; float:right; }
	.login-page{ background:#FFFFFF url(/psicosocial/image/bg-login.jpg) top center no-repeat; background-size:cover; }
}


/* Footer */
footer { background: rgb(103,103,102);
background: -moz-linear-gradient(left, rgba(103,103,102,1) 0%, rgba(39,39,37,1) 100%);
background: -webkit-linear-gradient(left, rgba(103,103,102,1) 0%,rgba(39,39,37,1) 100%);
background: linear-gradient(to right, rgba(103,103,102,1) 0%,rgba(39,39,37,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#676766', endColorstr='#272725',GradientType=1 ); box-shadow:0px 6px 17px rgba(0,0,0,0.7) inset; }
.footerleft { margin:20px 0; padding:0; border-bottom:solid 1px #FFFFFF; }
.logofooter { margin-bottom:20px; font-size:25px; color:#fff; font-weight:700;}
.footer-dark-image{ margin-top:10px; }

.footerleft p { color:#fff; font-size:14px !important; font-family: 'Montserrat', sans-serif; margin-bottom:5px;}
.footerleft p i { width:20px; color:#999;}

.paddingtop-bottom {  margin-top:20px;}
.footer-ul { list-style-type:none;  padding-left:0px; margin-left:2px;}
.footer-ul li { line-height:29px; font-size:12px;}
.footer-ul li a { color:#a0a3a4; transition: color 0.2s linear 0s, background 0.2s linear 0s; }
.footer-ul i { margin-right:10px;}
.footer-ul li a:hover {transition: color 0.2s linear 0s, background 0.2s linear 0s; color:#ff670f; }

.social:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
}
 
.icon-ul { list-style-type:none !important; margin:0px; padding:0px;}
.icon-ul li { line-height:75px; width:100%; float:left;}
.icon { float:left; margin-right:5px;}


.copyright { min-height:40px; background-color:#000000;}
.copyright p { text-align:left; color:#FFF; padding:10px 0; margin-bottom:0px;}
.heading7 { font-size:21px; font-weight:700; color:#d9d6d6; margin-bottom:22px;}
.post p { font-size:12px; color:#FFF; line-height:20px;}
.post p span { display:block; color:#8f8f8f;}
.bottom_ul { list-style-type:none; float:right; margin-bottom:0px;}
.bottom_ul li { float:left; line-height:40px;}
.bottom_ul li:after { /*content:"/";*/ color:#FFF; margin-right:8px; margin-left:8px;}
.bottom_ul li a { color:#FFF;  font-size:12px;}

.area-item{ margin-bottom:15px; }