/* Hoja de estilos
Contiene los estilos de un sitio web responsive.
*/

/** {
    margin: 0;
    padding: 0;
}*/

body{
		MARGIN: 1px 0px 2px 0px;
		BACKGROUND-COLOR: #1c1c1c;
}

.cl_novedcentral1{
    margin-bottom: 10px;
    padding-top: 6px;
}


.clespacio1{
    margin-top: 16px !important;
}

.clespacio2{
    margin-top: 10px !important;
}

.cl_ancho1{
    width: 44%;
}

.cl_ancho2{
    width: 28%
}

.cl_perfiles1{
    margin-bottom: 8px;
    padding-top: 3px;
}

.btnpri1 {
    background-color: #f5f5f5 !important;
    border: solid 1px #003158;
    color: #424242 !important;
    display: inline-block;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    line-height: 33px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    height: 32px;
    outline: 0;
    padding: 5px 6px;
    text-decoration: none !important;
}

.btnpri1:hover{
    background-color: #a7c6d9 !important;
    text-decoration: none !important;
}


.solodisplaych{
    display:none;
}

.clear {
    clear: both;
}

#menucortonovi {
    display:none;
}

#logoencacorto{
    position: absolute;
    top: 7px;
    z-index: 10000000000000;
}

#slideshowie {
    display:none;
}


.container {
  width:1080px;
  margin:0px auto;
  font-size:1em;
  font-family: "Arial", Georgia, Serif;
  /*font-size: 15px;*/
  BACKGROUND-COLOR: #fbfbfb;
}

#contizqcentro{
  display:block;		
  float: left;
  width: 82%;
}

#desplegablegrande{
    margin-left: 1px;
    margin-right: 2px;
}

.intaside {
padding: 5px;

}

.colizq {
  float: left;
  width: 23.2%;
}


main {
  float: right;
  width: 76%;
  background: #fafafa;
  margin-bottom: 5px;
}


.colder {
	float: right;
	width: 18%;
}

#colder2 {
  display:none;      
  /*background:#a33;*/
}

header {
  padding-top: 1px;
  margin-top:0px;  
  text-align: center;
  background: #ffffff;
  BACKGROUND-IMAGE: url(../imagenes/base-blanca-version1-v3-sepia5b-sit.jpg);
  /*BACKGROUND-IMAGE: url(imagenes/base-blanca-version1-v3-sepia-sit.jpg);  */
  height: 90px;
   color: #fff;   
}

header h1{
  margin-top: 30px;
  color: #494949;
	font-size:1.96em;  
  	  margin-left: 8px;
}

#derecha-pri h2, #izquierda-pri h2{
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 1em;
}


#headerizq {
	float: left;
}

#headerizq img{
display: block;
max-width: 100%;
height: auto;
}

#headerderecha {
	float: left;
}

#headerderechapri {
	float: left;
}

#headerderecha2 {
	float: right;
	background-color: initial;
}   

a {
  color: #333;
  text-decoration: none;
}


section,aside {
/*  padding: 5px;*/
/*  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;*/
  border-radius:3px;
  margin-bottom:5px;
}
section {
  background: #fafafa;
  /*border: 1px solid #ccc;*/
  /*padding: 5px;*/
}
aside {
  color: #333;
}

nav{
FONT: bold 1em Arial, Helvetica, sans-serif;
margin: 0px 0px 3px 0px;
padding-left: 1px;

}

.cl_leyenda{
  font-weight: bold;
  padding-top: 1px;
  font-size: 1.1em;
  color: #9D3301;
}

footer {
  /*position: fixed;
  Width: 100%;
  right: 0;
  bottom: 0;
  left: 0;*/
  padding: 4px 10px 4px 0px;
  background-color: #e1e1e1;
  text-align: center;
  HEIGHT: 47px;
  FONT-SIZE: 0.75em;
  COLOR: #373737;
  BORDER-TOP: #aaaaaa 1px solid;
  clear:both;
}
footer a {
    color: #0056c6;
}



#botoncajabuscar {
		text-align: RIGHT;
		margin: 12px 0px 0px 0px;
		padding: 0px 5px 14px 0px;
		float:right;
}

#botoncajabuscara {
    margin: 0px 0px 0px 0px;
    padding: 1px 0px 0px 0px;
    float: right;
    text-align: right;
}

#botoncajabuscarb {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 5px;
    float: right;
}

.formubusca {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}

.cajaBuscar {
		BORDER-RIGHT: #adadad 1px solid;
		BORDER-TOP: #adadad 1px solid;
		PADDING-LEFT: 0px;
		BACKGROUND: #fbfbfb;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		BORDER-LEFT: #adadad 1px solid;
		WIDTH: 90px;
		COLOR: #1E1E1E;
		BORDER-BOTTOM: #adadad 1px solid;
		height: 18px;
}

#redsocial {
		margin: 0px 0px 0px 0px;
		padding: 0px 8px 0px 0px;
		TEXT-ALIGN: RIGHT;
}

.izqmargensocial {
    PADDING-LEFT: 4px;
}

#navigation {
     display: none;	
}	

header h1#logo img {
     display: none;
}

.submenu {
width: 100%;
float: left;
margin-bottom: 5px;
/*background-color: #264d51;*/
margin-top: 0px;
margin-left: 1px;
}

.submenu ul {
list-style-type: none;
padding-left: 0px;
padding-top: 0px;
margin-top: 1px;
}

.submenu ul li {
background-color: #206a93;
padding: 12px 10px 12px 22px;
margin: 2px 2px 1px 1px;
HEIGHT: 18px;
width: 28.1%;
float: left;
position: relative;
}

.submenu ul li a {
text-decoration: none;
display: block;
font-size: 0.96em;
font-weight: bold;
color: #ffffff;
font-size: 0.85em;
font-family:  "Arial", Georgia, Serif;;

padding-top: 2px;

/*font-size: 0.75em;
font-family: Verdana, Geneva, sans-serif;*/

}

.submenu ul li:hover {
position: relative;
background-color: teal;
}

.submenu ul li a:hover, ul li:hover a, ul li a:active {
/*color: #ffffff;*/
position: relative;
}

.fondomenurojo{
    background-image: url(../imagenes/cuad-rojo.png);
/*    background-repeat: no-repeat;*/
    background-repeat: repeat-y;
    background-position: top left;
    font-family: sans-serif;

}

.fondomenuverde{
    background-image: url(../imagenes/cuad-verde.png);
/*    background-repeat: no-repeat;*/
    background-repeat: repeat-y;
    background-position: top left;

}

.fondomenunaranja{
    background-image: url(../imagenes/cuad-naranja.png);
/*    background-repeat: no-repeat;*/
    background-repeat: repeat-y;
    background-position: top left;

}

.fondomenuazul{
    background-image: url(../imagenes/cuad-azul.png);
/*    background-repeat: no-repeat;*/
    background-repeat: repeat-y;
    background-position: top left;
    /*font-style: italic;*/ 

}

#principal-s1 {
	MARGIN-TOP: 1px;
	MARGIN-BOTTOM: 9px;
	PADDING-BOTTOM: 3px;
	WIDTH: auto;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: #cad4cd 1px solid;
	padding-left: 7px;
	padding-right: 7px;
	/*FONT: 0.75em Arial, Helvetica, sans-serif;*/
	color: #545454;
	background-color: transparent;
	float: right;
	font-size: 0.85em;
}

#principal-s1 a {
color: #484a48 ;
font-size: 1.02em;
font-weight: bold; 
}

#derecha-pri {
    float: right;
    width: 48%;
    margin: 10px 0px 10px 0px;
    padding-left: 10px;
}

#izquierda-pri {
    float: left;
    width: 48%;
    margin: 10px 0px 10px 0px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #E2E2E2;
    padding-right: 11px;
}

#derecha-pri p, #izquierda-pri p {
    margin: 0;
    padding: 0;
}

.princilink-pri a{
/*    padding-bottom: 5px;
    color:#aaaaaa !important;*/
}

.princilink-pri a:hover {
/*    padding-bottom: 5px;*/
    color:#24739e !important;
}

#izquierda-pri hr {
    height: 0px;
    border-top: 1px solid #E2E2E2;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    margin: 12px 0px 10px 0px;
}

#derecha-pri hr {
    height: 0px;
    margin: 12px 0px 10px 0px;
    border-top: 1px solid #E2E2E2;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
}

#pie-pri2 {
    clear: both;
    text-align: center;
}

.focalh-pri {
    float: left;
    border: 1px solid #c4c2c2;
    margin-right: 7px;
}

#pie-pri3 {
		clear: both;
	   text-align: center;
}

#pie-pri3 a:hover{
        COLOR: #939393;
        TEXT-DECORATION: underline;
        background-color: transparent;
}


#noti-final-pri a{
    COLOR: #07597C; TEXT-DECORATION: none;background-color: transparent;
}

#noti-final-pri a:hover{
		COLOR: #939393;
		TEXT-DECORATION: underline;
		background-color: transparent;
}

#noti-final-pri p{
		MARGIN: 0px 0px 10px 12px;
}

#noti-final-pri{
		margin: 0px 0px 0px 0px;
		/*BORDER-top: #E2E2E2 1px solid;*/
		padding-bottom: 12px;
		padding-top: 10px;
		FONT: 0.90em Arial, Helvetica, sans-serif;
		color: #545454;
}

.nueva_list {
    padding: 0px 0px 0px 0px;
}

#noti-final-pri ul {
    list-style: none;
    margin: 0;
}

.nueva_list li {
    background-image: url(../imagenes/item-azul2-sit.png);
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 17px;
    border-bottom: 1px solid #e2e2e2;
    margin: 2px 0px 10px 12px;
    padding-bottom: 10px;
}


#antepie-prin {
		CLEAR: both;
		PADDING-RIGHT: 5px;
		PADDING-LEFT: 5px;
		PADDING-BOTTOM: 5px;
		FONT-SIZE: 0.75em;
		FONT-FAMILY: Arial, Helvetica, sans-serif;
		COLOR: #5f5f5f;
		background-color: transparent;
		PADDING-TOP: 5px;
		float: right;
		font-style: italic;
		font-weight: bold;
		width:950px;
		TEXT-ALIGN: left;
}

.textoizqch {
		FONT: 0.9em Arial, Helvetica, sans-serif;
		font-style: normal;
		font-weight: normal;
		TEXT-ALIGN: right;
		
}

#pieiz{
		CLEAR: both;
 		padding-left: 260px;
  		margin: 0px 0px 0px 0px;
  		float: left;
 		TEXT-ALIGN: center;
}

#pieder{
	
		margin: 6px 0px 0px 0px;
  		float: right;
  		TEXT-ALIGN: left;
}

#abajo {
    WIDTH: 350px;
    margin: auto;
    text-align: center;
    margin-top: 6px;
}

.abajocl1{
    margin-bottom: 3px;
}

.itemnoti{

}


/* Para barras laterales de pagina principal */

.colder p, .colizq p, .colizq ul {
    margin: 10px 0px 10px 0px;    
}


ul.perfiles {
  list-style-type: none;
  padding-left: 5%;
  padding-right: 5%;
  text-align: center;
  line-height: 1.75em;
}

ul.perfiles li:first-of-type {
  /*BORDER-top: #fbfbfb 1px solid*/
  border-top: #010101 1px solid
}

ul.perfiles li {
  /*BORDER-BOTTOM: #fbfbfb 1px solid;*/
  border-bottom: #010101 1px solid;
  text-decoration: none;
}

ul.perfiles li a {
  text-decoration: none;
  font-weight: bold;
  display: block;
  color: #333;
}

ul.perfiles li:hover {
  border-right: #010101 1px solid;
  border-left: #010101 1px solid;
  background: rgb(160, 160, 160);
  color:white;
}

ul.perfiles li a:hover {
  color:white;
  background-color:rgb(160, 160, 160);
}

.sedes {
  font-weight: bold;
  text-align: center;
  background: #398240;
  padding: 3%;
  margin: 20px 0px 0px 0px !important ; 
  display: block;
  color:white;
  font-size: 0.90em;
}

.sedes:hover {
  background-color:#99cb9d;
  color:#333333;
}

.sedest {
  font-weight: bold;
  text-align: center;
/*  background: #4a9a52;*/
  background: #2C7733;
  padding: 3%;
  margin: 1px 0px 0px 0px !important ;
  display: block;
  color:white;
  font-size: 0.9em;
}

.sedest:hover {
  background-color:#99cb9d;
  color:#333333;
}



.botonesizq {
    text-align: center;
}

ul.otroslogos {
  list-style-type: none;
  padding-left: 5%;
  padding-right: 5%;
  text-align: center;
  line-height: 2em;
  margin-top: 20px;
}

ul.otroslogos li:first-of-type {
  /*BORDER-top: #fbfbfb 1px solid*/
  border-top: #bbbbbb 1px solid;
}

ul.otroslogos li {
  /*BORDER-BOTTOM: #fbfbfb 1px solid;*/
  border-bottom: #bbbbbb 1px solid;
  text-decoration: none;
  display: block;
}

ul.otroslogos li a {
  text-decoration: none;
  display:block;
  font-weight: bold;
  color: #195c71;
}

ul.otroslogos li a img {
  text-align: center;
  vertical-align: middle;
}

ul.otroslogos li:hover {
  border-right: #bbbbbb 1px solid;
  border-left: #bbbbbb 1px solid;
  background: #eeeeee;
  /*background: rgb(160, 160, 160);*/
} 

ul.otroslogos2 {
  list-style-type: none;
  padding-left: 0%;
  padding-right: 0%;
  text-align: center;
  line-height: 3.5em;
  margin: 0;
}

ul.otroslogos2 li {
  text-decoration: none;
  display: block;
  border: #fafafa 1px solid;
}

ul.otroslogos2 li a {
  text-decoration: none;
  display:block;
  font-weight: bold;
  color: #195c71;
}

ul.otroslogos2 li a img {
  text-align: center;
  vertical-align: middle;
}

ul.otroslogos2 li:hover {
  border: #bbbbbb 1px solid;
  background: #eeeeee;
  /*background: rgb(160, 160, 160);*/
}

.otroslogos3 {
  text-decoration: none;  
  border: none;
}

.otroslogos3:hover {
  background: #eeeeee;
} 

/* Fin para barras laterales */


.centrado{
	text-align: center; 
}



#centro-pri a:hover{
        COLOR: #939393;
        TEXT-DECORATION: underline;
        background-color: transparent;
}

#centro-pri hr {

        height: 0px;
        margin: 8px 0px 4px 0px;
        border-top: 1px solid #dad9d9;
        border-left-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
}

#centro-pri p{
    MARGIN: 0px 0px 0px 0px;
}

#centro-pri{
        margin: 5px 0px 0px 0px;
        padding-bottom: 0px;
        clear: both;
}

.notiprincia1b {
    margin-top: 4px !important;
}

.notiprincia2{
    padding-top: 5px;
    padding-bottom: 5px;
    /*background-color: #cce0fb;*/
    background-color: #ffefa0;
    margin-top: 6px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 3px;
    margin-left: 3px;
    font-weight: bold;
}

.notiprincia2 a{
    font-size:0.96em !important;
}

.notiprincia2 p{
    margin-bottom: 5px !important;
}

.notiprincia3{
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 6px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 3px;
    margin-left: 3px;
    font-weight: bold;
    display: block;
    color: white;
    font-size: 1.4em;
    font-style: italic;
    background: linear-gradient(90deg, rgba(150,50,0,1) 0%, rgba(207,104,8,1) 56%, rgba(198,178,46,1) 100%);
}

.notiprincia3 a{
    color: white;
    font-size: 1.5em;
    font-style: italic;
}

.notiprincia3 p{
    margin-bottom: 5px !important;
}

.notiprincia3:hover{
        COLOR: white !important;
        TEXT-DECORATION: underline;
}

.notiprincia4{
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 6px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 3px;
    margin-left: 3px;
    font-weight: bold;
    display: block;
    color: #484a48;
    font-size: 1.2em;
    font-style: italic;
    background: linear-gradient(90deg, rgb(89 161 227) 0%, rgb(246 250 253) 40%, rgb(246 250 253) 60%, rgb(89 161 227) 100%);
    border: 1px solid #d3d3d3;
}

.notiprincia4 a{
    color: #484a48;
    font-size: 1.2em;
    font-style: italic;
}

.notiprincia4 p{
    margin-bottom: 5px !important;
}

.notiprincia4:hover{
        COLOR: #515251 !important;
        TEXT-DECORATION: underline;
}


.cl_ultinoti{
    background-color: #cddef5;
}

.fondoingresouni{
    background-color: #014468 !important;
}

.fondoingresouni:hover{
    background-color: teal !important;
}


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

.cl_novedcentral1{
    margin-bottom: 18px;
    padding-top: 14px;
}

    .nodisplaych{
	display:none;
    }

.imgal100b {
    width: 100%;
}

#centro-pri {
    margin: 9px 0px 0px 0px;
}

.notiprincia2 a {
    font-size: 0.78em !important;
}

.notiprincia3 {
    font-size: 1.15em;
}

.notiprincia4 {
    font-size: 0.90em;
}


    .redsocial_cl {
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 0px 0px;
	TEXT-ALIGN: center;
	padding-bottom: 13px;
    }

    .botoncajabuscar_cl {
	text-align: center;
	margin: 12px 0px 0px 0px;
	padding: 0px 5px 16px 0px;
	display: block;
    }

    .botoncajabuscarb_cl {
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
    }

    .botoncajabuscara_cl {
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 0px 0px;
	text-align: center;
    }

    .cajaBuscar2 {
	BORDER-RIGHT: #adadad 1px solid;
	BORDER-TOP: #adadad 1px solid;
	PADDING-LEFT: 0px;
	BACKGROUND: #fbfbfb;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	BORDER-LEFT: #adadad 1px solid;
	WIDTH: 50%;
	COLOR: #1E1E1E;
	BORDER-BOTTOM: #adadad 1px solid;
	height: 22px;
    }

    .izqmargensocial {
	PADDING-LEFT: 10px;
    }

    .separach1 {
      background: #398240;
      height: 8px;
    }

  .solodisplaych{
    display:block;
  }

  .container {
    width:98%;
  }

  .itemnoti{
    display: inline-block;
  }

  #derecha-pri {
    float: none;
    width: 98%;
  }
  
  #izquierda-pri {
    float: none;
    width: 96%;
    border-right-width: 0px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #E2E2E2;
    padding-top: 10px;
    margin: 12px 10px 10px 10px;
  }

  ul.perfiles li a{
    font-size:0.75em;
  }

.sedes {
  font-size: 0.85em;
}


.sedest {
  font-size: 0.75em;
}


	.sedes a {
	  font-size:0.75em;
	}

	#noti-final-pri a {
	  font-size:0.9em;
   }
   
   #noti-final-pri {
     padding-bottom: 0px;	
   }


	#slideshow {
      display: none;	
	}	

	.submenu {
		width: 100%;
	}
	
	.submenu ul li {
		width: 99%;
		padding: 12px 0px 12px 0px;
	}
	
	.submenu ul li a {
		width: 90%;
		padding-left: 22px;
	}
  
  #contizqcentro{
    display:block;		
    float: left;
    width: 100%;
    clear:both;
  }  

  .colder {
    float: left;	
    width: 100%;
/*    background:#254851;*/
    clear:both;
    margin-top: -10px;
  }

	.colizq {
      width: 100%;
      float:left;
/*    background:#a33;*/
   }  
   
   #colizq2 {
		display:none;      
    /*background:#a33;*/
   }
   
   #colder2 {
		display:inherit;      
    /*background:#a33;*/
   }

	.intaside {
		padding: 0px;
	}

 /* .colder p, .colizq p, .colizq ul {
    margin: 10px 0px 10px 0px;    
  }*/

	header h1{
	  font-size:1.67em;
  	  /*margin-top: 35px;*/
  	  margin:0px;

	}

	#headerderecha {
	  float:none;	
	}

	#headerizq {
     display: none;	
	}


	#headerderecha {
     display: none;	
	}

	#headerderecha2 {
     display: none;	
	}
		
    
  main {
    width: 100%;
    font-size: 1.2em;
  }
  
  header {
   font-size:0.7em;
   height: auto;
  }
  aside {
    color: #fff;
    font-size:1.5em;
    margin-bottom:0px;
  }
  
  
  #desplegablegrande  nav, section {
    font-size:1.2em;
  }
  
  #desplegablegrande nav ul {
    display: table;
    text-align: center;
    float: none;
    width:100%;
  }

  #desplegablegrande nav ul li {
    float:none;
  }

  #desplegablegrande{
    display:none;
  }

  #navigation {
     display:inherit;
  }	



header {
    background: #24784a;
    padding: 1em 0 0;
}
header h1 {
    float: left;
    padding: 0 0 0.2em
}
header h1#logo img {
    display: inline;    
    height: 50px;
    margin-left: 0.5em;
}

#antepie-prin {
		width:auto;
		margin: 0;
		padding-bottom: 15px;
		padding-top: 3px;

}

footer {
  /*position: fixed;
  Width: 100%;
  right: 0;
  bottom: 0;
  left: 0;*/
  float: none;
  padding: 4px 10px 4px 0px;
  background-color: #e1e1e1;
  text-align: center;
  HEIGHT:auto;
  FONT-SIZE: 0.75em;
  COLOR: #373737;
  BORDER-TOP: #aaaaaa 1px solid;
  clear:both;
  /*clear: none;*/
}

#pieiz{
		CLEAR: both;
		/*clear: none;*/
 		padding-left: 0px;
  		margin: 0px 0px 0px 0px;
  		float: none;
 		TEXT-ALIGN: center;
}

#pieder{
	
		margin: 6px 0px 0px 0px;
  		float: none;
  		TEXT-ALIGN: left;
  		TEXT-ALIGN: center;
}

#abajo {
    WIDTH: auto;
    margin: auto;
    TEXT-ALIGN: center;
}
  
}