﻿.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}


/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

.FONDO
{
	background-image:url(fondito.gif);
	background-repeat:repeat-x;
	background-color:#2c518b;
}
.CABECERA
{

	background-position:right;
	background-repeat:no-repeat;
	background-color:#f2f2f2;
	height:229px;
}

.SUBTITULO /*franja que separa cabecera y cuerpo*/
{
}
.MARQUESINA 
{
}
.TDMARQUESINA 
{
}
.TDMENUICONO
{
}
.ELEMENTOSUTIL
{
}
.TABLACENTRAL /*tabla principal que engloba todo*/
{
 	border-collapse:collapse;
 	margin-left:auto;
 	margin-right:auto;
	width:990px;
 	font-family:Arial;
}
/* BANNER CENTRAL*/
.PMENUORIENTACION /* PANELIZQUIERDO VERDE*/
{
	background-image:url(orient.jpg);
	background-repeat:no-repeat;
	height:83px;
}
.TDMENUORIENTACION /* FONDO DE LOS CAJETINES VERDES*/
{
	background-image:url(fondo-centro.gif);
	background-repeat:repeat;
}

/* ORIENTACION TEXTOS*/
.MENUORIENTACION td
{
	width:30%;
	border-right:#FFF dotted thin;
	padding: 5px 5px;
}
.ORIENTACIONDIVTIT
{
	float:left;
	width:100%;
	font-size:14px;
	text-align:left;
}
.ORIENTACIONDIVTIT a
{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}
.ORIENTACIONDIVTIT a:hover
{
	color:#ffffff;
	text-decoration:underline;
}

.ORIENTACIONDIVINTRO /* TEXTO INTRODUCCION*/
{
	float:left;
	width:100%;
	color:#9c9c9c;
	font-size:12px;
	text-align:left;
}
.ORIENTACIONDIVINTRO span
{
	width:100%;
	float:left;
}


/* menu izquierdo */
.MENUIZQ
{
	width:165px;
	text-align:left;
	font-size:11px;
	font-family:Arial;
	background-color:#f2f2f2;
}

.MENUIZQ a
{
	text-decoration:none;
	
}
.MENUIZQ a:hover
{
	text-decoration:underline;
	
}

.PMENUIZQ1 /*etiquetas encabezados de menu*/
{
		background-image:url(panelito.png);
		background-repeat:no-repeat;
		height:53px;
}

.PMENUIZQ2 /*etiquetas encabezados de menu*/
{

}

.PMENUIZQ3 /*etiquetas encabezados de menu*/
{
	/*height:24px;
	width:200px;
	background-image:url(menu3.jpg);
	background-repeat:no-repeat;*/
}
.PMENUIZQ4 /*etiquetas encabezados de menu*/
{
	/*height:24px;
	width:200px;
	background-image:url(menu4.jpg);
	background-repeat:no-repeat;*/
}
.ELEMENTOSIZQ1 td /*donde se encuentran los items de menu y sus lineas*/
{
	border-top-color:#666;
}
.ELEMENTOSIZQ1 /*donde se encuentran los items de menu*/
{
	background-image:url(menu1.png);
	background-repeat:no-repeat;
	height:200px;
}

.ELEMENTOSIZQ1 a /*donde se encuentran los items de menu*/
{
	color:#FFF;
	background-image:url(chismito.png);
	background-repeat:no-repeat;
	background-position:20px 5px;
	padding-left:30px;
}
/* menu izquierdo de cabecera*/

.ELEMENTOSIZQ2 /*donde se encuentran los items de menu de la cabecera*/
{
  	width:200px;
}
.ELEMENTOSIZQ2 img
{
	float:left;
	padding-left:2px;
	padding-right:5px;
}
.ELEMENTOSIZQ2 td
{
    padding: 5px 0;
    vertical-align:middle;
	background-image:url(menu-iconos.jpg);
	background-repeat:no-repeat;
	background-position:center;
	color:#000;
}
.ELEMENTOSIZQ2 a /*donde se encuentran los items de menu*/
{
	color:#000;
	display:block;
	padding-top:14px;	
}
.ELEMENTOSIZQ3 /*donde se encuentran los items de menu3*/
{

}
.ELEMENTOSIZQ4 /*donde se encuentran los items de menu4*/
{
	
}

/* LOGIN */ 

.PLOGIN /*panel de login*/
{
	padding:30px 10px 10px 10px;
	text-align:center;
	font-family:Arial;
	background-image:url(login.png);
	background-repeat:no-repeat;
	display:block;
    width: 145px;
}

.PLOGIN a 
{
	color:#000000;
	font-size:8pt;
	text-decoration:none;
	width:100%;
}
.PLOGIN a:hover
{
	text-decoration:underline;
}
.TXTUSUARIO
{
	border:0.1em solid #000000;
}
.TXTCLAVE
{
	border:0.1em solid #000000;
}

.PCONECTAR /*panel para conectar*/
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:10px;
}

.PDESCONECTAR /*panel para desconectar*/
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:10px;
}
.TDADMIN /*administracion y configurar*/
{
	text-align:center;
}

/*NOTICIAS IZQUIERDA*/

.DERNOTICIAS {

	text-align:left;
	background-color:#fff;

}
.PNOTICIAS
{	
	background-image:url(ultimasnot.png);
	background-repeat:no-repeat;
	height:45px;
	width:99%;
	}
.ELEMENTOSDER1 /*donde se encuentran las noticias*/
{
	background-color:#FFF;
}
.ELEMENTOSDER1 td /*donde se encuentran las noticias*/
{
	background-image:url(estrell.png);
	background-repeat:no-repeat;
	background-position:10px 5px;
	padding-left:30px;
}
.ELEMENTOSDER1 a /*donde se encuentran las noticias*/
{
	font-family:Arial;
	font-size:10px;
	text-decoration:none;
	color:#2f2f2f;
	font-weight:bold;

}

.ELEMENTOSDER1 a:visited /*donde se encuentran las noticias*/
{
	font-family:Arial;
	font-size:10px;
	text-decoration:none;
	color:#2f2f2f;
	font-weight:bold;
}
.ELEMENTOSDER1 a:hover /*donde se encuentran las noticias*/
{
	text-decoration:underline;
	color:#2f2f2f;
	font-weight:bold;
}

/*MENU DESPLEGABLE SUPERIOR*/

.TDMENU /*donde esta el menu privado*/
{

}
.MENUESTILO{
	/*width:100%;*/
}
.MENUSUP /*titulo del desplegable*/
{
	font-size: 12px; 
	font-family:Arial;
	color:#ffffff;
	background-image:url(menu-sup.png);
	background-repeat:repeat;
	height :40px;
	width:167px;
    text-align:center;
	border-right: #2C518A 2px dotted;
}
.MENUSUP a{
	background:none;
}
.MENUSUPOVER /* titulo del desplegable*/
{
	font-size: 12px; 
	font-family:Arial;
	color:#ffffff;
	text-align:center;
	background-image:none;
	background-color:#2C518A;
}

.MENUSUB /*submenus privados*/
{
	font-size: 8pt; 
	color:#ffffff;
	font-family:Arial;
	text-decoration :none; 
	background-color:#152540;
	text-align:left;
	height :40px;
	width:165px;
	padding-left:2px;
	border-bottom: #ffffff thin solid;
}

.MENUSUBOVER /*submenus privados over*/
{
	font-size: 8pt; 	 
	color:#FFFFFF;
	font-family:Arial; 
	text-decoration: none;
	background:#2C518A;
	text-align:left;
	height :40px;
	padding-left:2px;
	border-bottom: #ffffff thin solid;
}

/* contenido del centro*/
.TITULO
{
	FONT-SIZE: 18px; 
	COLOR:#2f2f2f;
	FONT-FAMILY: Arial; 
	TEXT-DECORATION:none;
	text-align:left;
}
.LINEATRICOLOR
{
	background-image: url(lineas_tricolor.gif);
	background-repeat: repeat-x;
	height:25px;
}
.PNLCENTRO{
	
}
.CENTRO /*panel central*/
{
	width:835px;
	font-size:12px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	background-color:#fff;
}

.PNLOBJETO /*cada uno de los registros*/
{
	border-bottom: #9dbff3 thin solid;

}
.DETALLES /*detalle de cada registro*/
{
	background-color:#FFF;
	width:100%;
}
.DETALLES  td /*detalle de cada registro*/
{
	vertical-align:top;
}
.OBJETO /*cuadro general que engloba a todos los registros*/
{
	background-color:#FFFFFF;
	font-family:Arial;
	font-size:12px;
	color:#2f2f2f;
	line-height:30px;
	width:100%;
}
.OBJETO a/*cuadro general que engloba a todos los registros*/
{
	background-color:#FFFFFF;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#2f2f2f;
	text-decoration:none;
}
.OBJETO a:hover/*cuadro general que engloba a todos los registros*/
{
	background-color:#FFFFFF;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	color:#2f2f2f;	
	text-decoration:underline;
}

/* NOTICIAS CENTRO*/

.NOTICIASCENTRO
{
	width:100%;
	padding:20px;
	
	}
.NOTICIASDIVTIT
{
	float:left;
	width:80%;
	font-size:20px;
}
.NOTICIASDIVTIT a
{
	color:#000;
	text-decoration:none;
}
.NOTICIASDIVTIT a:hover
{
	color:#000;
	text-decoration:underline;
}
.NOTICIASDIVFECHA
{
	float:left;
	width:20%;
	font-size:20px;
	}
.NOTICIASDIVINTRO
{
	float:left;
	width:100%;
	margin-bottom:20px;
	color:#9c9c9c;
}
.NOTICIASDIVINTRO span
{
	float:left;
	width:100%;
	
}

/* botones leer mas*/
.LEERMAS
{
	float:right;
	background-image: url(leermas.png);
	background-repeat:no-repeat;
	color:#FFF;
	font-family:Arial;
	font-weight:bold;
	font-size:7pt;
	width:60px;
	padding:5px;
	text-decoration:none;
	}
.LEERMAS:hover
{
	text-decoration:underline;
	color:#FFF;
}
	
/* pie */

.TDPIE {
	
	background-color:#f2f2f2;
	height:0px;
	
}
.ELEMENTOSPIE td
{
	background-image: url(pie.png);
	background-repeat:no-repeat;
	width:310px;
	height:80px;
}

.PIETITULO{
	font-family:Arial;
	color:#fff;
	font-size:16px;
	text-align:center;
	vertical-align:top;
}

.CLIC{

	text-align:right;
	color:#808c0c;
	font-family:Arial;
	font-weight:bold;
	font-size:7pt;
	text-decoration:none;
}
.CLIC:hover{
	text-decoration:underline;
	color:#808c0c;
}


/* Nuevos Estilos */

.MENUDINAMICO
{
z-index:1000;
}

.boton 
{
	padding:1px 5px;
	color:#000;
	border:0.1em solid #AAAAAA;
	background:#F1F1F1;
}

.GRID

	{
	float:left;
	width:100%;
	color:#3c3c3c;
	border:1px solid #cccccc;
	margin:10px 0px 10px 0px;

	}

.GRID td
{
	
	border:1px solid #cccccc;
}

.FooterGrid

	{
     background-color:#c4c8db;
	}

.RowGrid

	{
	border:1px solid #cccccc;
     background-color:#FFF;
     padding-left: 10px;

	}
.RowGrid:hover

	{

     background-color:#ffffcc;

	}
.AlternatingGrid
	{

     background-color:#ddd;
	}
	
.AlternatingGrid:hover

	{

     background-color:#ffffcc;

	}
.EditRowStyle

	{

   	}

.SelectedGrid

	{

	}
.SelectedGrid:hover

	{
	 background-color:#ffffcc;
	}

.PagerGrid

	{
	
    background-color:#a1b0bf;
	color:#fff;
	}
.PagerGrid a

	{

     background-color:#a1b0bf;
    color:#fff;

	}
.PagerGrid td 
{
	border:none;
	}
.HeaderGrid

	{

     background-color:#d8d8d8;
     color:#666;
     
	}
.HeaderGrid a

	{

     color:#666;


	}
.HeaderGrid th
{
border:1px solid #cccccc;
}

.boton_left
{
	padding:1px 5px;
	color:#000;
	border:0.1em solid #AAAAAA;
	background:#F1F1F1;
	float:left;
	margin:10px 5px;
}
.boton_left:hover
{
	cursor:pointer;
}

.calendario
{
	 background-color:#F0f0f0;
}
.HERMES
{
	text-align:center;
	color:#FFF;
}

/* COMPARTIR CON OTRAS WEBS */
.DIVCOMPARTIR
{
	float:left;
	width:70%;
	border:1px solid #D6D6D6;
}

.DIVCOMPARTIR ul
{
	float:left;
	width:96%;
	margin:0;
	padding:0;
}

.DIVCOMPARTIR ul li
{
    display: block;
    float: left;
    margin-bottom: 5px;
    margin-right: 3%;
    padding: 2px 0 2px 25px;
    width: 40%;
	background: url("icos_tabs.gif") no-repeat scroll 0 0 transparent;
	font-size:11px;
}
.DIVCOMPARTIR ul li a
{
	color: #386088;
	text-decoration:none;
}
.DIVCOMPARTIR ul li a:hover
{
	text-decoration:underline;
}
.DIVCOMPARTIR ul li.facebook 
{
	background-position:0 0;
	}
.DIVCOMPARTIR ul li.twitter 
{
	background-position:0 -20px;
	}
.DIVCOMPARTIR ul li.tuenti 
{
	background-position:0 -40px;
	}
.DIVCOMPARTIR ul li.meneame 
{
	background-position:0 -60px;
	}
.DIVCOMPARTIR ul li.netvives 
{
	background-position:0 -80px;
	}
.DIVCOMPARTIR ul li.delicious 
{
	background-position:0 -100px;
	}
.DIVCOMPARTIR ul li.igoogle 
{
	background-position:0 -120px;
	}
.DIVCOMPARTIR ul li.yahoo 
{
	background-position:0 -140px;
	}
.DIVCOMPARTIR ul li.buzz 
{
	background-position:0 -160px;
	}
