
* {
	margin: 0px;
	padding: 0px;
}
/*nota el slide no foncunionaba porque habia un div qeue bajaba y ocupaba el espacio del slide*/
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	/*margin: 0;*/
	padding: 0;
	width:100%;
/*	background-color: #C4D8E7;
*/}
a:link
{
text-decoration:none;

}
header {
	/*width: 940px;
	
	margin: 0 auto;*/
	height: auto;
	background-color: #FBFBFB;
}
.containerCeficc {
	z-index:1;
	width: 100%;

	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}
#contenedor{	
/*background-color: #C4D8E7;
		width: 100%;
	 display: table;*/
	 /*margin-top: 1px;*/
	
	}
#contenidos {
 display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   justify-content:center;
		
}
#contentIzquierda, #contentCentro, #contentDerecha {
   display: -webkit-flex;
   display: flex;
}
#contentIzquierda {
/*display:inline-block;
		float: left;*/
	width: 20%;
	background-color: #D5DEF7;
		top: 1px;
	/*
	padding-top: 0px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 10px;
	margin-top: 1px;
	margin-left: 2px;
	background-color:yellow;*/
}
#contentCentro {
	width: 58%;
	/*float: left;
display:inline-block;*/
margin-rigth: 5px;
margin-left: 5px;
padding:5px;
/*	background-color: #D5DEF7;
*/}
#contentDerecha{
	width: 19%;
	

	/*float:left;
	display:inline-block;*/
	
		margin-left: 4px;
/*		background-color: #D5DEF7;
*/	
		}

/*MASTER UNA COLUMNA*/
.contentUnaColumna{
	/*background-color: #C4D8E7;*/
z-index:2;
	width:100%;
	/*justify-content: center; 
	display:flex; y justify-content: center ayudan a centrar el menu*/
}
.contenedorAntesMenu{
	width:100%;
/*	background-color: yellow;
	height:65px;*/
	height:auto;
	display:flex;
	justify-content:space-around; /*flex end o center para centrar el menu*/
}



/*INFORMACION PBX EMAIL*/
 .info{
	margin-top:16px;
	width:39%;/*con el valor que esta en las function de la pagina Site.Master controlar el ancho contenedor de la imagen*/
    height:4.2em;/*altura del contenedor de la imagen*/
/*	padding:1px;
   margin-left:4px;
   	 margin-top:1px;
	background-color:blue;*/
	font-size:10px;
	padding-right:1px;
	margin-right:2px;
	display:inline-flex;
	z-index:2;


}
.InfoUL {
	margin:0;
	padding:0;
	list-style:none;
/*	background-color:yellow;*/
	width:100%;
	height:100%;
	/*font-size:0.7rem;*/
	color:#000;/*color de texto*/
   /* cursor:pointer*/;
	
	}
.InfoUL a{
/*	font-size:0.7rem;
*/	color:#000;/*color de texto*/
	width:80%;
	}
.InfoUL span {
	display:flex;
	width:20%;
	}
.info-Phone {
	float:left;
	/*background-color:green;*/
	display:inline-flex;
    width:49%;
   	height:100%;
	margin-top:0;
}
.info-Email {
	float:left;
	/*background-color:red;*/
	display:inline-flex;
    width:49%;
   	height:100%;
	margin-top:0;
}
.div-mb-email{
	text-align:left;
	text-decoration:none;
	}
	
	/*IPALABRA LOGIN Y LOGOUT DE LA CABECERA el ccs del formulario login y logout esta en csslogin.css*/
 .login_{
	top:-4px;
	right:10px;
	font-size:14px;
position:fixed;
height:15px;

z-index: 3;
	}
	.login_ a{
		text-decoration:none;
		}
/*LOGO*/
.menuLogo {
	margin:0;
	padding:0;
	left:0;
width:16.2em;/*con el valor que esta en las function de la pagina Site.Master controlar el ancho contenedor de la imagen*/
    height:3.3em;/*altura del contenedor de la imagen*/
/*	background-color:blue;*/
   margin-left:20px;
      background-repeat:no-repeat;
	 margin-top:4px;
	/* vertical-align:middle;
background-color:#ffffff;*/
border-radius:25em;
	/*border: solid 1px;*/
	padding-right:5px;
	border-color:rgba(218,225,245,0.82);
	z-index: 2;
}
.menuLogo img{
	width:100%;

	//*height:78%;*/
	
	}
.menuLogo-fixed {
	background-color: #fff;
	top: -5px;
position:fixed;
height:2.8em;
transition: 0.2s;
z-index:3;

	}
/*RESOLUCION SECRETARIA DE BOLIVAR*/
.resolucion_ {
		/*background-color:green;*/
	width:38%;/*con el valor que esta en las function de la pagina Site.Master controlar el ancho contenedor de la imagen*/
   top:1px;
 color: blue;  
  display:flex;/*display:flex y justify-content: center ayudan a centrar el menu*/
  justify-content: center;/*display:flex y justify-content: center ayudan a centrar el menu*/
  font-size:11px;
  text-align:center;
  margin:5px;
  z-index:2;
}


/*INICIO SCREEN ENTRE 800 Y 999 AZUL*/
@media screen and (min-width:801px) and (max-width: 999px)  {
 .contenedorAntesMenu{
 	display: none;
 }
.contenedorHeader {
	border-top: 2px solid blue;
	}
.resolucion_ {
  font-size:0.7rem;
}

.info-fixed {
font-size:0.9rem;
position: fixed;
top: 0px;
right:10px;
z-index: 3;
color:#fff;
width:50%

/*display: none;
*/	}

.info-fixed .InfoUL a{
font-size:0.9rem;
color:#000;	}	
.InfoUL{
font-size:0.7rem;
	}
	
	}
	
	/*SCREEN ENTRE 601 Y 800 VERDE*/	
@media screen and (min-width:601px) and (max-width: 800px) {
.contenedorHeader {
	border-top: 1px solid green;
	}	
	.resolucion_ {
	  display:none;
 }

 .info{
 	position: fixed;
	top:0;
 right: 140px;
 width:40%;
 z-index: 3;
 display: none;
 }
.menuLogo {
position: absolute;
top:0;
z-index: 3;
left:0;
width:16em;/*con el valor que esta en las function de la pagina Site.Master controlar el ancho contenedor de la imagen*/
height:3em;/*altura del contenedor de la imagen*/
margin-left:55px;
	
}
.menuLogo-fixed {
position: fixed;
top:0;
z-index: 3;
left:0;
width:16em;/*con el valor que esta en las function de la pagina Site.Master controlar el ancho contenedor de la imagen*/
height:3em;/*altura del contenedor de la imagen*/
margin-left:45px;
	
}
	
	}
/*SCREEN MOVIL 300 a 600 AMARILLO*/
@media screen  and (min-width: 300px) and (max-width: 600px) {
.contenedorHeader {
border-top: 1px solid yellow;
	}
	
		.resolucion_ {
	  display:none;
	  
 }
 
.menuLogo {
position: absolute;
top:0;
z-index: 3;
left:0;
width:16em;/*con el valor que esta en las function de la pagina Site.Master controlar el ancho contenedor de la imagen*/
height:3em;/*altura del contenedor de la imagen*/
margin-left:55px;
	
}
	 
.menuLogo-fixed {
position: fixed;
top:0;
z-index: 3;
left:0;
width:16em;/*con el valor que esta en las function de la pagina Site.Master controlar el ancho contenedor de la imagen*/
height:3em;/*altura del contenedor de la imagen*/
margin-left:55px;
	
}
 .info{
	display:none;
 }
}