﻿/*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 *** Loreto: Ancho=1024 Alto=768 

todapagina-noticias
blocoderecho-scroll

*/ 


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: 0.7em;*/
    font-size:8.7pt;
    color: Black ;
    
    /*font-size: px;*/
    
}


/* 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
{
    /*margin: 2px 0 2px 0;*/
    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;
    /*margin-top: 17px;*/
}


#poster h2
{
    font-size: 13px;
    font-weight: bold;
    /*color: #50700E;*/
}


/* 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;
    /*margin-bottom: -5px;*/
    padding-top:9px;
    width: 900px;
    height: 25px;
}

/* Empleado por el sitemap. Cancelado por problemas de cambio de idiomas*/

#navtopdown
{
    /*font-size: 11px;
    font-weight: bold;*/
    font-family:  Verdana, Helvetica, Helvetica-Narrow, Tahoma, sans-serif;
    margin-right: auto;
    margin-left: auto;
	width: 900px;
    /*height: 10px;*/
    height:auto;
	vertical-align:top;
	/*color: #8b000e;*/
	font-weight:bold;
	}

.menuadown {
	/*position: absolute;*/
	text-transform: uppercase;
	font-size: 10px;
	
}

.menuadown .menuSelectedItem td
{
	background-color: #86c4ef;
		
	/*background: url(images/BarraTitulo.gif) repeat;*/
	/*border-right:#7e9eac 0,6pt solid;
	border-top: #7e9eac 0,6pt solid;
	border-left: #7e9eac 0,6pt solid;
	border-bottom: #7e9eac 0,6pt solid;*/

}


/* 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;
}

.menuIE8 
{
	z-index:50;
}


/*-------------*/

#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;
    /*margin-top: -13px;*/
    
    /*margin-top:5px;*/
    /*padding-top:3px;*/
    width: 900px;
    height: 39px;
    color: #F3FFF9;
	font:  8.5pt Tahoma ;	
	text-align:center;
}

																
.banderas
{	
	left:845px;
	top:-10;
	position:absolute ;

/*	top:10px;
	left:745px;*/
}
	
/*Menu del page master*/
.menua {
	/*position: absolute;*/
	text-transform: uppercase;
	font-size: 10px;
}

/* cambia el color de los links visitados "no del menu"
.menua a:visited, .nav a:visited {
	color: #c4f8ff;
}
*/


.menuSelectedItem td
{
	background-color:#1a658c;	
	
		/*background: url(images/BarraTitulo.gif) repeat;
	border-right:black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;	*/

}

/*-----------------------*/





/* 2 column layout */
#columnaizquierda
{
	vertical-align:text-top;
    float: left;
    width: 240px;
    /*position: relative; */
}



#columnaizquierda-biblioteca
{
    float: left;
    width: 200px;
    /*position: relative; */
}

#columnaderecha
{
	vertical-align:text-top;
    margin-left: 245px;
    padding-left: 7px;
    
    /*margin-left: 300px;*/
    
    
  /*  position:relative; */
}

#columnaderecha-default
{
	vertical-align:text-top;
	
	margin-left: 0px;
	/*margin-left: 245px;*/
	
    /* margin-left: 245px;*/
    /*margin-left: 300px;*/
    /*padding-left: 20px;*/
    
  /*  position:relative; */
}

/*#columnaderecha-biblioteca
{
    margin-left: 200px;
    
  /*  position:relative; */
/*}*/


.blocoizquierdo
{
    border: 1px solid #78aabd;
    padding: 15px;
    margin-bottom: 15px;
    background: #e1ffff url(image/background_columnleft.jpg) repeat-y;
    /*vertical-align: top;*/
	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 h2
{
    font-size: 13.5pt;
    margin: auto 0cm 0pt;
     font-weight:bold ;
	}
*/

.blocoizquierdo-default a
{
	color: #450D72	
}

.blocoizquierdo a
{
	color: #450D72	
}

/*
.todapagina h3
{
    font-size: 12px;
    font-weight: normal;
}
*/
.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;
    position: relative;
    /*background: #b9ddeb url(image/background_columnright.jpg) repeat-y;*/
    /*width:623px;-29/10/09-*/
    /*border: 1px solid #78aabd;*/
	/*padding: 15px;*/
	/*margin-bottom: 10px;*/
	/*width:95%;*/
}

.blocoderecho-noticias a
{
	color: #450D72	
}

/*
.blocoderecho-noticias h3
{
    font-size: 1em;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    display: block;
}
*/

.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
{

    /*border: 1px solid #78aabd;*/
/*    padding: 15px;
    margin-bottom: 10px;*/
    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  ;	

	
	/*font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
    margin: 0px;
    background: #34789F url(image/fondo_principal.jpg) repeat-y center top;*/
    /*font-size: 0.7em;*/
	/*margin: 2px 0 5px 0;*/
}

.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;
}




/************************************************************************
* 
* 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 h3
{
	font-size:  medium  ;
	font-weight:bold;
}
*/

.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;
}
/*-------------------------*/


.google-map
{
	position: absolute ;
	border-style:solid;
	border-width:1px;
	border-color:#78AABD;
	
	}

#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;
	
	}


/*
.todapagina-explorador a 
{
	font: Tahoma;
	color: Black;
	}

.todapagina-explorador a:active
{
    text-decoration: none;
	font: Tahoma;    
    color: White;
}	
	
.todapagina-explorador a:visited
{
    color: White;
}*/