/* Clase creada para la maquetación del titular del menú lateral emergente.  Utilizada en:
mnuContacto.inc.php
smnuFinest.inc.php
smnuProgserv.inc.php
 */

.titlat{
background-color: #C9E4FF;
border: 5px solid #99ccFF;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #000000;
text-transform: uppercase;
text-align: center;
font-weight: bold;
text-align: center;
}

.subtitlat{
border: 1px solid #99ccFF;
background-color: #FFFFFF;
border-left: 1px solid #99ccFF;
border-bottom-width: 1px;
border-top-width: 0px;
border-right-width: 0px;
border-left-width: 20px;
font-weight: bold;
text-transform: uppercase;
padding: 3px 40px 3px 15px; 
}

.text_izqda{
float: left;
text-align : left;
padding : 3px 0px 0px 9px;
}


.noindentar{
text-indent: 0px;
line-height: 18px;
font-size: 110%;
}

.imgcen{
display: block;
margin: auto;
}

/* Esta clase se utilizara para dar estilo a la capa en la que se mostraran las notas informativas.*/
.NotaInformativa{
background-color: #FFFF8D;
font: 13px Trebuchet MS, Times New Roman, Times, serif;
border: 1px #99ccFF;
padding: 10px 10px 10px 10px;
}

/* Clase creada para la maquetación del menú lateral  */
.cuerpolateral{
line-height: 15px;
padding : 3px 10px 15px 10px;
background-color: #FFCC99 ;
}

.cuerpolateralotros{
line-height: 15px;
padding : 3px 10px 15px 10px;
background-color: #FFFF8D;
}


.cuerpolateralblanco{
line-height: 15px;
padding : 10px 10px 15px 10px;
background-color: #FFFFFF;
}

.cuerpolateralcontacto{
line-height: 15px;
padding : 10px 10px 15px 10px;
background-color: #C9E4FF;
}




.BanderasIzquierda{
float: left;
}

.separa_news{
height: 30px;
}

.ancho{
width: 400px;
}

/* Estilos creados para maquetar los formularios a dos columnas se aplican a capas */
.frmRight{
width: 200px;
float:right;
padding: 3px 0px 3px 15px; 
margin: 0px 0px 8px 0px;
}

.frmLeft{
width: 200px;
float:left;
padding: 3px 0px 3px 15px; 
margin: 0px 0px 8px 0px;
}

.frmBoth{
clear: both;
padding: 3px 0px 3px 15px; 
margin: 0px 0px 8px 0px;
}

/* Estilos creados para maquetar las noticias: una columna para el icono y otra para el titular */

.bordeNoticia{
border-right: 1px solid #C9E4FF;
border-top: 1px solid #C9E4FF;
border-bottom: 1px solid #C9E4FF;
border-left: 0px solid #C9E4FF;
}

.newsRight{
text-align: left;
background-color: #FFFF8D;
padding: 5px 0px 5px 0px;
width: 82%;
float:right;
border-right: 1px solid #C9E4FF;
border-top: 0px solid #C9E4FF;
border-bottom: 1px solid #C9E4FF;
border-left: 1px solid #C9E4FF;
font-size: 11px;
padding: 5px 5px 5px 5px;
font-weight: bold;
}

.newsRightArticles{
text-align: left;
background-color: #000000;
padding: 5px 0px 5px 0px;
width: 82%;
float:right;
border-right: 1px solid #C9E4FF;
border-top: 0px solid #C9E4FF;
border-bottom: 1px solid #C9E4FF;
border-left: 1px solid #C9E4FF;
font-size: 11px;
padding: 5px 5px 5px 5px;
font-weight: bold;
}

.newsRight_articulo{
text-align: left;
background-color: #FFFF8D;
padding: 5px 0px 5px 0px;
width: 82%;
float:right;
border-right: 1px solid #FFE4FF;
border-top: 0px solid #C9E4FF;
border-bottom: 1px solid #C9E4FF;
border-left: 1px solid #C9E4FF;
font-size: 11px;
padding: 5px 5px 5px 5px;
font-weight: bold;
}

.newsLeft{
padding: 5px 5px 5px 5px;
border-left: 1px solid #C9E4FF;
text-align: left;
width:13%;
float:left;
margin-top:0px;
}

.newsBoth{
margin: 0px 0px 0px 0px;
}

.newsArticlesRight{
/* background-color: #FFFF8D; */
/* padding: 5px 0px 5px 0px; */
width: 80%;
/* border-right: 1px solid #C9E4FF;
border-top: 0px solid #C9E4FF;
border-bottom: 1px solid #C9E4FF;
border-left: 1px solid #C9E4FF; */
font-size: 11px;
/* padding: 0px 5px 5px 5px; */
font-weight: bold;
float:right;
/* padding: 3px 0px 3px 15px; 
margin: 0px 0px 0px 0px;
height: 10px; */
}

.newsArticlesLeft{
/* border-left: 1px solid #C9E4FF; */
width:15%;
float:left;
padding: 0px 0px 3px 20px; 
/*margin: 0px 0px 8px 0px; */
}

.newsArticlesBoth{
color: blue;
text-align: left;
margin: 0px 0px 0px 0px;
}

.newsArticlesClear{
clear: both;
height: 20px;
}

.newsTitlat{
background-color: #FFFF8D;
border-left: 10px solid #99ccFF;
border-bottom: 3px solid #99ccFF;
border-right: 1px solid #99ccFF;
border-top: 1px solid #99ccFF;
font-size: 15px;
padding: 5px 5px 5px 5px;
margin: 0px 0px 0px 0px;
color: #000000;
text-transform: uppercase;
text-align: left;
}

.newsNoticia{
clear: both;
background-color: #F0FAFF;
font: 14px Arial, Trebuchet, Times, serif;
padding: 5px 5px 5px 5px; 
border-right: 1px solid #C9E4FF;
border-top: 1px solid #C9E4FF;
border-bottom: 1px solid #C9E4FF;
border-left: 1px solid #C9E4FF;
}

.iconArticles{
/* padding-left: 30px; */
}

.imgNews{
width: 300px;
height: 260px;
}