/*Ancho del Fondo Principal: 1024x29, 
  nombre en photoshop: fondo_V4 // nombre en .net: fondo_principal.jpg
  Ancho de linea a linea=918

  Cabecera: Ancho=900 Alto=90
  margenes contenido: Arriba=9 abajo=81 izquierda=9 derecha=890
  nombre en photoshop: cabeceraV3.psd //  nombre en .net: cabeceraV3.jpg

  Menu: Ancho=900(antes 780) Alto=45(antes 31)
  nombre en photoshop: navtop_v3.psd //  nombre en .net: background_nav_main.jpg

  contenido derecho: Ancho=622 Alto=30
  nombre en photoshop: background_columnrightV2.psd //  nombre en .net: cabeceraV3.jpg

  todapagina: Ancho=870 Alto=30 
  nombre en photoshop: background_fullwidth_v2.psd //  nombre en .net: background_fullwidth.jpg
  color fondo: #78aabd



  cambiar aqui cuando se cambie las imagenes
  body: ancho=900(antes 780)
  todapagina ancho=870(antes 748) *se descuenta 15 de cada lado por los margenes
  blocoderecho-noticias: ancho=623(antes 503) *marco
  blocoderecho: ancho=623(antes 503) *imagen del fondo
  listitem: Ancho=602(antes 444)
  marco-noticias: Ancho=602(antes 480)


  Resolucion: Enrrique: Ancho=1280 Alto=960 *** Secretaria: Ancho=1024 Alto=768 



  ***************-----------------------------***********************
  con la propiedad margin-left: auto y margin-right: auto. al ponerlas en el body, lo centra para cualquier resolucion
  ***************-----------------------------***********************



***************-----------------------------***********************
tamaño imagen de los links de interes: 100 , 43 px
***************-----------------------------***********************
*/ 

/* reset browser styles */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }
/* xxxxxxxxxxxxxxxxxxxxxxxxxx */


body  
{
	font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
    margin: 0px;
    background: #34789F url(image/fondo_principal.jpg) repeat-y center top;
    font-size:8.7pt;
    color: Black ;
}


/* define el color del menu*/
a {
	text-decoration: none;
	color: #c4f8ff;
}
/*-------------*/

a:visited
{
    color: #80cbe0;
}
a:hover
{
    text-decoration: none;
    color: #d5ffff;
}
a:active
{
    text-decoration: none;
    color: #f3fff9;
}


h1, h3, h4, h5
{
   margin: 2px 0 2px 0;
}

h2
{
    font-weight:bold ;
	font-size: 15pt;
    width:90%;
}

h3
{
	font-size: 1em;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    display: block;
    }
    
h6
{ font-size: larger ;
	}

hr {
	border: 0;
	border-top: 1px solid #bababa;
	height: 1px;
}

/* Imagen de la cabecera de la WEB */
#poster
{
    background: url(image/cabeceraV3.jpg) no-repeat;
    margin-right: auto;
    margin-left: auto;
    width: 900px;
    height: 90px;
}


#poster h2
{
    font-size: 13px;
    font-weight: bold;
}


/* Navigation strips */
#navtop
{
	border-top: 1px solid #000000;
    background:  url(image/background_nav_main.jpg) repeat-x;
    font-size: 11px;
    font-weight: bold;
    font-family: Verdana, Helvetica, Helvetica-Narrow, Tahoma, sans-serif;
    margin-right: auto;
    margin-left: auto;
    padding-top:9px;
    width: 900px;
    height: 25px;
}

/* Empleado por el sitemap. Cancelado por problemas de cambio de idiomas*/

#navtopdown
{
    font-family:  Verdana, Helvetica, Helvetica-Narrow, Tahoma, sans-serif;
    margin-right: auto;
    margin-left: auto;
	width: 900px;
    height:auto;
	vertical-align:top;
	font-weight:bold;
	}

.menuadown {
	/*position: absolute;*/
	text-transform: uppercase;
	font-size: 10px;
	
}

.menuadown .menuSelectedItem td
{
	background-color: #86c4ef;
}


/* define el color del menu del administrador*/
.menuadown a {
	text-decoration: none;
	color: #8b000e;
}

.menuadown a:visited
{
    color: #7a000d;
}
.menuadown a:hover
{
    text-decoration: none;
    color: #c0000f;
}
.menuadown a:active
{
    text-decoration: none;
    color: #83000d;
}


/*-------------*/

#navbottom
{
	border-top: 1px solid #000000;
    background:  url(image/background_nav_main.jpg) repeat-x;
    font-weight: bold;
    font-family: Verdana, Helvetica, Helvetica-Narrow, Tahoma, sans-serif;
    margin-right: auto;
    margin-left: auto;
    padding-top:5px;
    width: 900px;
    height: 39px;
    color: #F3FFF9;
	font:  8.5pt Tahoma ;	
	text-align:center;
	clear:both;
}

																
.banderas
{	
	left:845px;
	top:-10;
	position:absolute ;
}
	
/*Menu del page master*/
/*menu superior*/
.menua 	
{
	margin-left:5px;	
	text-transform: uppercase;
	font-size: 10px;		
}
.menua a:hover
{
	color:Yellow;
	}
.DynamicMenuStyle
{	
	background-color:#1a658c;	
		}
.DynamicMenuStyle a:hover
{
	color:Yellow;	
	}
/* menu administrador*/
.DynamicMenuStyleAdm
{	
	color:black;
	background-color:#86C4EF;	
		}
.DynamicMenuStyleAdm a:hover
{
	color:Yellow;	
	}
.DynamicMenuStyleAdm a:visited
{
	color:Blue ;	
	}		



.menuSelectedItem td
{
	background-color:#1a658c;	
}

/*-----------------------*/


/* 2 column layout */
#columnaizquierda
{
	vertical-align:text-top;	
    float: left;
    width: 240px; 
   margin-left:-901px; 
}



#columnaizquierda-biblioteca
{
    float: left;
    width: 200px;
    /*position: relative; */
}

#columnaderecha
{
	vertical-align:text-top;
    margin-left: 245px;
    padding-left: 7px;
    /*position:relative;*/
    /*display: inline; /* for IE */
	float: left;  
}

#columnaderecha-default
{
	vertical-align:text-top;	
	margin-left: 0px;
}


.blocoizquierdo
{
    border: 1px solid #78aabd;
    padding: 15px;
    margin-bottom: 15px;
    background: #e1ffff url(image/background_columnleft.jpg) repeat-y;
	width: auto;
}
.blocoizquierdo h2, .blocoderecho h2
{
    font-size: 11.5pt;
    margin: auto 0cm 0pt;
    font-weight:bold ;
}

.blocoizquierdo-default
{
    border: 1px solid #78aabd;
    padding :  15px;    /* distancia entre los bordes internos*/
    /*margin-bottom: 15px;-30/10/09-*/
    margin-bottom: 15px;
    background: #e1ffff url(image/background_columnleft.jpg) repeat-y;
    vertical-align: top;
    width:214px;
    /*width: 240px;*/
     /*15px;*/
}

.blocoizquierdo-default a
{
	color: #450D72	
}

.blocoizquierdo a
{
	color: #450D72	
}

.todapagina a 
{
	color: #450D72
	}

.blocoderecho
{
    border: 1px solid #78aabd;
    padding: 15px;   /*15*/
    margin-bottom: 10px;
    background: #b9ddeb url(image/background_columnright.jpg) repeat-y;
    /*position: relative;*/
    width:617px;
    /* width:623px;-29/10/2009-
    /*height:430px;    */
    text-align:justify;
}

.blocoderecho a
{
	color: #450D72	
}

.blocoderecho h3
{
    font-size: 1em;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    display: block;
}


.blocoderecho-noticias
{
    border: 1px solid #78aabd;
    padding: 15px;
    margin-bottom: 10px;
    background: #b9ddeb url(image/background_columnright.jpg) repeat-y;
    position: relative;
    width:623px;
    height:430px;
    text-align:justify;
}


.blocoderecho-scroll
{
    width:100%;
    /*height:390px;*/
    height:560px;
    /*position: relative;*/
    overflow:scroll;
}

.blocoderecho-noticias a
{
	color: #450D72	
}


.marco-noticias
{
	border: 1px solid #78aabd;
	width:100%;
	/*width:602px;29/10/09*/

	}

.marco-enlaces
{
	border-bottom: 1px solid #78aabd;
	width:auto;

	}

.todapagina
{
    border: 1px solid #78aabd;
    width: 870px;
    margin-right: auto;
    margin-left: auto;
    background: #b9deec url(image/background_fullwidth.jpg) repeat-y;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
	padding-top: 10px;
    padding-bottom: 10px;
    vertical-align:middle;        
    /*Justifica el texto en la pagina y se queda mejor la presentacion que "LEFT"*/
    text-align:justify;
}

.todapagina-noticias
{

    border: 1px solid #78aabd;
    padding: 15px;
    margin-bottom: 10px;
    position: relative;
    width:95%;
    height:450px;
    
	}

.todapagina-actividades
{

    position: relative;
    width:100%;
    height:400px;
	}

.idioma
{
	width: 694px;
	text-align:right;
	}
.fuente-h2
{
	font-weight:bold ;
	font-size: 13pt;
    width:90%;	
}

	
/* Login View */

.login .label {
	/*display:block;*/
}

.login .textbox {
	border: 1px solid #929292;
	width: 140px;
	vertical-align: middle;
	padding: 3px;
	font-size:8.7pt;
    color: Blue  ;	
}

.login .button {
	display:block;
	margin-top:8px;
	margin-bottom:8px;
}

/* enseña la liña de separación */
.dashedline
{
    border-bottom: 1px dashed #00379a;
    padding-top:  5px;
    margin-bottom:  5px;
    clear:right;
}

/* Main part of the page that holds contents */
#body
{
    width: 900px;
    margin-top: 7px;
    margin-right: auto;
    margin-left: auto;
    /*position: relative;    */
    height:auto;
    clear:both;
}

#bodyDefault
{
    width: 900px;
    margin-top: 7px;
    margin-right: auto;
    margin-left: auto;
    /*position: relative;*/
    /*height:650px;*/
    clear:both;
    /*float:left;*/
}


/************************************************************************
* 
* Rollover buttons
*
************************************************************************/

.buttonsmall, .buttonsmall-ovr
{
    background: url(image/background_button_small.gif) repeat-x;
    /*background: url(image/background_button_small.png) repeat-stretch;*/
    
    border: none;
    color: #FFFFFF;
    height: 22px;
    font-weight: normal;
    font-size: 9px;
    padding-bottom: 9px;
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.buttonsmall-ovr
{
    text-decoration: underline;
    background: url(image/background_button_small-ovr.gif) repeat-x;
}





/* Fotos */
.photo_198 {
	border: 4px solid #FFFFFF;	
}

/*used to clear the float for the thumbnail */
.clearlist
{
    clear:right;
    margin:0;
    padding:0;
    height: 0px;
    font-size:0px;
    line-height:0px;
}

/* represents each item in a vertical list */
.listitem
{
    margin:0px 0px 0px 0px;
    width:100%;
    /*width:602px;29/10/09*/
}

/* representa el ancho total de las paginas que no emplea columna*/
.fullitem
{
    margin:0px 0px 0px 0px;
    width:867px;
}

.fullitem h4
{
	font-size:10px;
}



/* posiciona el site map*/
.nav {
	/*position: absolute;*/
	text-align: left ;
	vertical-align: top ;
	/*right: 25%;*/
	/*top: 200px;/*/
	text-transform: uppercase;
	font-size: 10px;
}

.nav a:visited, .nav a:visited, .nav a {
	color: #005286;
}

.nav a:hover{
	color: Black;
}


/*Empleado por Photos*/
.buttonbar {
	background-image: url(image/photonav-bg.gif);
	background-repeat: repeat-x;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	width: 744px;
	height: 33px;
	text-align: center;
}

.buttonbar-top {
	background-image: url(image/photonav-top-bg.gif);
}



.nullpanel {
	padding: 150px;
	width: auto;
	text-align: center;
}

.view {
	margin-left: auto;
	margin-right: auto;
	width: 686px;
	text-align: center;
}

.view .photo-frame {
	margin-left: auto;
	margin-right: auto;
}

#albums {
	background-image: url(image/body-repeat-photo.gif);
	padding: 0px 37px;
	padding-bottom: 40px;
	width: 686px;
}

.item {
	padding: 20px 50px;
	color: #B2B2B2;
}

.item h4 {
	margin-bottom: 0.4em;
}

.nullpanel {
	padding: 150px;
	width: auto;
	text-align: center;
}

.emptydata td {
	padding: 50px;
	color: #aeaeae;
}
/*-------------------------*/




#pie
{
	width: 780px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-top: 10px;
    padding-bottom: 22px;
    color: #0D5B81;
	
	}
	
.texto-derecho
{
	text-align:right;
	}
	
	
.font-tahoma
{
	font:  8.5pt Tahoma;	
	color: black;
  
	}	

/*Empleado por la pagina ADM_UploadArchivos.aspx*/
.todapagina-explorador
{
    border: 1px solid #78aabd;
    width: 870px;
    margin-right: auto;
    margin-left: auto;
    background: #b9deec url(image/background_fullwidth.jpg) repeat-y;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
	padding-top: 10px;
    padding-bottom: 10px;
    vertical-align:middle;        
    /*Justifica el texto en la pagina y se queda mejor la presentacion que "LEFT"*/
    text-align:justify;
}

.fuente-vertical
{
	
	vertical-align: middle;
	}

.MsgBox
{
	position:absolute;
	height:200px;
	width:200px;
	top:500px;
	height:200px;
	
	}

.contactoLogo
{
	float:left;
	width:250px;
	position:relative;
	}
.contactoDireccion
{
	width:500px;
	margin-left:260px;
	padding-top:50px;
		
	}
.contactoEmail
{	
	width:350px;
	margin-top:110px;	
	}	


.google-map
{
	position: absolute ;
	border-style:solid;
	border-width:1px;
	border-color:#78AABD;	
	margin-left:460px;
	height:300px;
	width:300px;
	top:358px;
	left:355px;
	
	}	

.bannerHeaderStyle
{
	font-weight:bold;
	background-color:#174E90;	
	color:#E0FAFB;
	text-align:justify;	 	
	}
.bannerHeaderStyle a
{
	color:#E0FAFB;
	}
.bannerAlternatingItemStyle
{
	background-color:#ABCFDD;
	}

/*Dividimos el espacio para el banner en Dos partes de 310*/
.prueba
{
	float:right;
	}

.blocoderechoSlide
{
    border: 1px solid #78aabd;
    padding: 10px;
    padding-bottom:0px;
    margin-bottom: 5px;
    background: #b9ddeb url(image/background_columnright.jpg) repeat-y;   
    width:627px;
    height:72px;
}
	
#slideshow1
{
    height: 60px;
    width: 300px;
    float:left;
    text-align:center;
    z-index:0;
    overflow:hidden;
}



#slideshow2
{
    height: 60px;
    width: 300px;
    float:right;
    text-align:center;
    z-index:0;
    overflow:hidden;
}



.labelSlide
{
	font-weight:bold;
	width:10em;
	text-align:right;
	float:left;
	clear:left;
	margin-right:5px;
	margin-top:6px;
	}
.slideBoton
{
	margin-top:0.5em;
	margin-left:10.4em;
	}

.bannerFormView
{
	border:1px solid black;
	width:100;	
	margin-top:5px;
	}