*{
	font-family: 'Open Sans', sans-serif;
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
	}

body{
	background-color:#E5E5E5;
	}

input[type=text]{
	outline:none;
	background-color:#FFF;
	border-radius:5px;
	border:1px solid #BBBBBB;
	-webkit-transition: all 300ms linear, color 1s linear;
	-moz-transition: all 300ms linear, color 1s linear;
	-o-transition: all 300ms linear, color 1s linear;
	-ms-transition: all 300ms linear, color 1s linear;
	transition: all 300ms linear, color 1s linear;
	}		

input[type=password]{
	outline:none;
	background-color:#FFF;
	border-radius:5px;
	border:1px solid #BBBBBB;
	-webkit-transition: all 300ms linear, color 1s linear;
	-moz-transition: all 300ms linear, color 1s linear;
	-o-transition: all 300ms linear, color 1s linear;
	-ms-transition: all 300ms linear, color 1s linear;
	transition: all 300ms linear, color 1s linear;
	}	

textarea{
	outline:none;
	background-color:#FFF;
	border-radius:5px;
	border:1px solid #BBBBBB;
	-webkit-transition: all 300ms linear, color 1s linear;
	-moz-transition: all 300ms linear, color 1s linear;
	-o-transition: all 300ms linear, color 1s linear;
	-ms-transition: all 300ms linear, color 1s linear;
	transition: all 300ms linear, color 1s linear;
	}

textarea:focus{
	border:1px solid #358DCE;
	box-shadow:0 0 10px #A2CBEA;
	}

input[type=text]:focus{
	border:1px solid #358DCE;
	box-shadow:0 0 10px #A2CBEA;
	}

input[type=password]:focus{
	border:1px solid #358DCE;
	box-shadow:0 0 10px #A2CBEA;
	}
a {text-decoration: none;}
/* estilos pl */

.cont-global {width: 100%; display: flex;}
.franja-izq {width: 260px;  height: 100%;}
.franja-der {width: calc(100% - 260px); min-height: 100%;background-color:  #EFEFEF}
.franja-izq-flo {position: fixed; width: 260px; height: 100%;z-index: 2000;
 box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)
}

.franja-principal {

	background-image: linear-gradient( #ffffffdc, #98b6d8a8 ), url(../img/ss1.jpg);
}

.franja-izq-flo-resp {display: none; position: fixed; background-color: #bebebefa; height: 50px; width: 100%; z-index: 20000; }

/* fin estilos pl */

/* menus franja izq*/
.cab-area{width:100%; height: 150px; margin:  auto; padding: 7px; }
.logo-principal{ height: 120px;  position:relative; display: flex; justify-content: center; align-items: center;}

.logo-oculto {width: 120px; height: 100px; display: none;  margin: auto; position: relative; top:20px;}
.logo-oculto-resp {width: 100px; display: none;  margin: auto; position: relative; top:10px; }

.menuoc{display:none;}

.menu-c{ width:100%; height: 80%; margin-top: 20px;overflow: auto;}

.menu-c ul{
	margin: auto;
	list-style:none;
	width:80%;	
	text-align: left;
	position:relative;
	
	}

.menu-c li{
	color: #0c5997;
	font-size: 16px;
	padding:5px;
	padding-left:10px; 
	padding-top: 15px;
	padding-bottom:15px;
	border-bottom: 1px solid #3daf2627;
	position:relative;
   -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;

}

.menu-c i{color: #818181a6; width: 30px; font-size: 20px;}


.img-bsc-servh { display:none;position:absolute; top:5px; right: 5px; color:#9C9C9C;font-size:16px; cursor:pointer;}
.img-bsc-servh:hover {color:#fff;}

.menu-c a{ color:#003264 ; text-decoration:none;}
.menu-c nav{ color:#003264 ; text-decoration:none;}

.menu-c li:hover{color:#0e770e;  } 

.menu-usuario {width:100%; height: 40px; border-radius: 9px; border: 1px solid #B3FC53;
              -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;

}

.menu-usuario a li{ padding-top:12px;
       -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.menu-usuario:hover {color: #23a54a; }

.menu-usuario a li:hover{color: #000000;}

/*fin menus franja izq*/


/*Modal*/
.cont-mod{ position: fixed; z-index: 35000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.55); display: none;}
.mod-total{width: 45%; background-color:#F0F0F0; position: absolute;left: 50%;top: 10%; opacity: 0;
	border-radius: 3px; box-shadow: 0 0 15px #444; max-height: 90%; overflow: auto; 
	padding-top: 30px;padding-bottom:30px; padding-left: 20px; padding-right: 20px; z-index: 37001; 
    transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
	display: none;}
/*.mod-cabecera{ margin: auto; width: 97%; font-size: 15px; font-weight: bold; padding: 7px; border-bottom: 0.5px solid #C8C8C8; height: 40px;}*/
.mod-cerrar{position: absolute; right: 7px; cursor: pointer; top: 2px; font-size:30px;color: #C0C0C0; }
.mod-cerrar a{color: #C0C0C0;  }
.mod-cerrar a:hover {color: #861819;}
.mod-cuerpo{padding: 11px;}
/*.mod-pie{padding: 7px; border-top: 0.5px solid #C8C8C8; margin: auto; width: 97%;}*/
/*Fin modal*/

.menu-oculto-area {width: 75%; background-color:rgba(46,134,168,0.82) ; position: fixed; height: 100%; top: 0; left: -50%; z-index: 25002; display: none;overflow: auto;} 

.btn-area-oculto {width: 90%; text-align: left; padding:10px; cursor:pointer; margin: auto;  border-bottom: 0.5px solid rgba(205,227,181,0.45);z-index: 25002}

.btn-area-oculto a {color: #fff; font-size: 18px;  }

.btn-area-oculto i {color:#A0BF7E ;}

.btn-area-oculto1 {width: 90%;text-align: left; padding: 10px; cursor: pointer; margin: auto;z-index: 25002;border: 1px solid #185fa1; border-radius: 8px; margin-top: 5px;}

.btn-area-oculto1 a {color: #B3FC53; font-size: 18px;  }

.btn-area-oculto1 i {color:#B3FC53 ;}


/*estilos pie*/

.btn-face-pie {width:40px; height:40px; border-radius:100%; background-color:#ccc; cursor: pointer; color: #999;}
.btn-face-pie:hover {background-color: #fff; color:#142E6C;}

.btn-twitt-pie {width:40px; height:40px; margin-left:10px;border-radius:100%; background-color:#ccc; cursor:pointer; color:#999;}
.btn-twitt-pie:hover {background-color: #fff; color: #22C2EB;}

.btn-play-pie {width:40px; height:40px; margin-left:10px; border-radius:100%; background-color:#ccc; cursor:pointer; color:#999;}
.btn-play-pie:hover {background-color: #fff; color:#E33B3D;}


@media screen and (max-width: 1250px){
	
	.menu-c ul {width: 100%; padding-left: 8px;}

	.menu-c li { font-size: 12px;}



	.logo-principal img{width: 98%;}

}


@media screen and (max-width: 900px){
	
	
	.menuoc {display: inline;}
	.menu-c {display: none;}
	.cab-area {height: 80px;box-shadow: 0 0 5px #454545; border-radius:0; background-image:
		 linear-gradient( #ffffff, #98b6d8 ), url(../img/ss1.jpg);}
	.cont-global {display: block; }
	.franja-der {width: 100%; }
	.franja-izq {height: 80px; width: 100%;}
	.franja-izq-flo{display:none}
	.franja-izq-flo-resp {display: inline; }
	.logo-principal{ width: 200px; height: 80px; margin: auto;}
	.mod-total {width: 90%;}
	}	


	@media screen and (max-width: 400px){

		.logo-principal{margin-left: 80px;}

	}