/********* globals *********/

* {margin:0;padding:0}

/* CONTENEDOR NOTICIAS COLUMNA MENÚ TÍTULO*/
.TituloEnlaceListas {
    margin-top: 100px;
    font-weight:bold;padding-left:0px; font-size:15px;text-decoration:none;
}
    
a img,table {border:0}
/*dl,ol,ul {list-style:none}*/
table {border-collapse:collapse; border:0px;}
td {padding:4px; vertical-align:top;}

table.LineaInferior tr td {border-color:Gray; border:None 0px Gray; border-bottom:Solid 1px Gray; padding:4px; vertical-align:top;}


caption,th,td {text-align:left}
h1,h2 {margin: 1.2em 0 1.2em 0; color:#000;}
h3,h4,h5,h6 {margin: 1em 0 .70em 0;color:#000;}

p {margin: 10px 3px 3px 3px;}

marquee{
 color:#fff;
}


/* fonts & colors */

button,select,textarea,input {font:100% Neo Sans,Arial,SansSerif; border: Solid 1px #000;}
.botonesPickList {
    margin: 5px  10px  5px 10px;
}
a { color:#000; text-decoration:none; } /* verde  oscuro
a:hover { text-decoration:underline; }
h1,h2,h3,h4,h5,h6,.date { font-family: Trebuchet MS,Arial,Sans-Serif; color:#0440D4; } /*es color azul*/


/*titulo*/

.siteHeader a { text-decoration:none;} 

/*listas */
ul { padding-left: 0px; list-style:square;} 
li { line-height:25px; list-style:square url('Bulletin.png'); }
ol { line-height:25px; color:#000; font-size:14px;  font-weight:bold; } 
ol li {list-style-type:decimal; list-style-image: none;}
ol span{color:#000; font-size:14px;font-weight:normal;}



/******************* *** EXTRANET ****************************/
div.cabeceraExtranet { text-align:center; }
div.cabeceraExtranet a{ font-size:25px; color:#fff; text-align:center; }


.franja-gris
{
	position: relative;
	left: 0px;
	width: 96%;
	background-color: #747474;
	color: #fff;
	padding: 10px 10px 10px 10px;
	margin-top: 50px;
	overflow: hidden;
}

.franja-gris a{ color: #fff; }
.franja-gris a:hover{ text-decoration: none; }

.franja-gris h3
{
	/*font-family: 'Century Gothic',Arial,Helvetica,Sans-Serif;*/
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 15px;
}

/****************************************************************************/


/********* layout *********/
body { font: 14px Neo Sans, Trebuchet MS,Arial ,SansSerif; text-align:justify; color:#627FBB;} /*color:#000*/
body { margin:0; padding:0; background-color:#DEE6F3;} /*background:#d1d4d1 url(degrad.png) repeat-x; */
	#wrap { 
	        width:1500px; /*width:1280px;*/ margin:0 auto;
	        /*-moz-box-shadow: 10px 10px 5px #888;
            -webkit-box-shadow: 10px 10px 5px #888;
            box-shadow: 10px 10px 5px #888;*/
            
            
            /*-moz-box-shadow: 0 0 5px 5px #888;
            -webkit-box-shadow: 0 0 5px 5px#888;
            box-shadow: 0 0 5px 5px #888;*/
            background-color:#fff;

           /*Sombra hacia dentro*/
           /*-moz-box-shadow:    inset 0 0 10px #000000;
           -webkit-box-shadow: inset 0 0 10px #000000;
            box-shadow:         inset 0 0 10px #000000;*/
            
            /*Sobra hacia afuera*/
            webkit-box-shadow: 0 0 15px 2px Gray;
            -moz-box-shadow: 0 0 15px 2px Gray;
            box-shadow: 0 0 15px 2px Gray;

            
	    }
		#header { height:80px; background-color:#fff; margin-left:0px; margin-right: 0px;}
		
		/* top */
        #header { position:relative; }
	    .top {  padding:0px 0px 0px 0px;} /*float:left; */
	    .siteLogo { float:left; padding:0px; /*max-width:40%;*/}
	    a.siteLogo  img{  height:250px; width:1500px;}
	    .siteHeader { float:right; margin-top:0px; }
	    .siteHeader a {color:#000;}
	    .siteHeader a img{ height:100%; width:100%;}
		
	    div.header {width: auto;/*width:1280px;*/ margin-top:0px; position: relative; top: 0px; z-index: 1; background-color: Transparent;}
		div.headerdh{ float: right; width:100%;}
		div.menutot {float: right;}
		div.menutm {clear: left; float:right; position: relative; z-index: 50;}
		
        /*buscador*/		
		div.buscador { display:none; float: right; position: relative; z-index:10000; top:-150px ;left:-15px; margin-top:0px;  clear:both; /*color:#000;*/ color:#000; font-weight:bold; font-size:12px; text-align:right;}
		form.buscador {margin: 0 0 0 0;}


        input.Redondear 
        {
             width:100px;
	        border: 1px solid #ccc;
	        -moz-border-radius: 10px;
	        -webkit-border-radius: 10px;
	        border-radius: 10px;
	        -moz-box-shadow: 2px 2px 3px #666;
	        -webkit-box-shadow: 2px 2px 3px #666;
	        box-shadow: 2px 2px 3px #666;
	        font-size: 12px;
	        padding:  4px 7px;
	        outline: 0;
	        -webkit-appearance: none;
	         z-index:10001;
        }
        input.Redondear:focus {
	        border-color: #339933;
        }



		#page { margin:0; padding:0;  clear:both; /*background: transparent url(fondoPage.png) no-repeat 50% 100%;*/}
		div.cf {position: relative; top: -0px; z-index: 1;}
		#content{position: relative; top: 20px; z-index: 50; }
				.secondary { width:150px; float:right; margin-bottom:1px;}
				#menu { border-left: solid 1px #dfe5e6; padding-left:15px;}
				#extras { padding-right:15px;}
				
				/*Es el div escenario para la plantilla bien con columna a la izquierda, bien con columna a la dereha */
				#main { margin-top:0px; 
				        width:95% !Important; 
				        min-height: 600px;
				        float:left; 
				        /*border-right: solid 1px #dfe5e6;*/ 
				        margin:0 0px 0px 0px;
				        padding:  0px  10px   0px 10px; 
				        background: transparent /*url(fondoWrap.png) repeat*/;
				       /*background-color:White;*/
				       top:-0px;
				       position:relative;
				       
				}


                #mainAreaPrivada
                {
                  margin-top:0px;
                  position:relative;
                  left:0px;
                  /*width:95%;    */
                }

			    /* Es el div del escenario para la plantilla con columna izquierda y derecha */    
				#mainIzquierdaDerecha { margin-top:0px;width:59%; min-height: 600px;
				        float:left; 
				        padding:0px 15px  25px 10px; 
				        background-color:White;
				       
				}
			        
		#footer {margin-top:10px;/*color:#BCC5C1*/;padding:0 15px; text-align:center; z-index:1000; }
		div.footer {position: relative; top: -10px; text-align: center;}
			#footer .n2{color:gray;float:right;font-size:.8em;}
	    

.boxTitle,
.secondary h4 { margin:0; padding:5px 0; font-size:1.2em; }
.secondary h4 a,
.secondary h4 a:visited {color:#333;}




/*Pie de Página */

.PiePagina {
  margin:0 auto; 
  width:500px;
  width:18%;
  padding-left:0px; 
  text-align:center;
  font-size: 9px;
  background-color:#fff;
}

/* secondary */ /*columnas de a la derecha y a la izquierda */

.ColumnaIzquierda {
    float:left ;
    /*width:260px;*/
    width:30%;
    min-height:600px; 
    display:block ;
    background: #fff url(fondoMain.png) no-repeat;
    margin:  5px 5px  10px 5px;

    
}



.ColumnaDerecha {
    float:left ;
    /*width:260px;*/
    width:18%;
    min-height:600px; 
    display:block ;
    background-color:#fff;
    margin: 5px 5px 10px 0;

    
}



.PanelCentralSuperiorPaginaPrincipal{
    float:left; 
    width:100%;

} 



.secondary .uc { margin-bottom:15px; }

/* content */
img.main {margin-bottom:5px;}


/*listas */

/*li span { font-size: 10px;} */

/* menu */
.menu li {list-style:none; }

.topMenu 

{ 
	/*visibility:hidden;*/
	position:relative;
	left:0px;
	bottom:0px; 
	height:50px; 
	padding:0px; 
	/*background:  url(degradmenu.png) repeat;/* url(degradmenu.png) repeat;  Grey; url(menu_bg.gif) repeat;*/ /*no-repeat */ 
	background: #000 url(degradmenu.png) no-repeat;
	width:100%; /*610px;*/ 
	font-size:16px;
	text-align :center;
 
}

/*.topMenu menu {float:right;}*/



    .topMenu ul {float:left;}/* lista alineada a la derecha del elemento contenedor*/
	.topMenu li {float:right; padding-left:10px; padding-right:10px; }/* elementos de la lista alineados a la izquierda*/
	
	.topMenu a { color:#000; font-weight:bold; display:block;/* se comoporta como un recuadro (redundante) */ padding: 25px 5px 5px 5px;/*el padding es el margen interno del block */ text-decoration:none; }
	
	.topMenu a:visited { color:#000;/*#fff;*//* hiperenlace dentro del menu que ya ha sido visitado pero esta sustituido por topmenu.trail:visited */ }
	
	
	.topMenu .current,
	.topMenu .trail { font-weight:bold; /*background-color:#0097C6;*/ color:#000; /*background:transparent url(menuselection_bg.gif) no-repeat*/ /* define un elemento del menu que no es hipeenlace*/}
	
	.topMenu .current a,
	.topMenu .trail a {  text-decoration:none; font-weight:bold; /*background-color:#0097C6 ; */color:#000;  /*background:transparent url(menuselection_bg.gif) no-repeat 100% 0%;*/ /* define el elemento activo y  ya visitado */}
	
	.topMenu .current a:visited,
	.topMenu .trail a:visited { color:#fff; } /*color:#333*//* elemento del menu activo*/
	
	
	.topMenu a:hover { /*background-color:#0097C6;*/ color:#fff;} /*pasa el ratón por encima del elemento del menu azul:#0096db */

		.topMenu li ul 
		{
			display:none;
			font-size:.10em;
			background:none;
			position:absolute;
			top:45px;
			left:0;
			height:auto;
			padding:0 15px;
			float:right;
		}
		.topMenu .current ul, 
		.topMenu .trail ul {display:block}

		.topMenu .current ul li,
		.topMenu .trail ul li { font-weight:normal; /*background:#0097C6;*/  padding:0; }
		.topMenu .trail .current,
		.topMenu .trail .trail
		{
			background:none;
			margin:0;
			font-weight:bold;
			padding:0;
		}
		.topMenu .current ul a,
		.topMenu .trail ul a
		{
			background:none;
			padding:10px;
			color:#fff;
		}

.languageMenu { 
    position:absolute; bottom:45px; left:-100px; width:100px;}
	.languageMenu a { opacity:.4;}
	.languageMenu .current { cursor:default; opacity:1;}
	.languageMenu a:hover { opacity:1;}



.subMenu li ul 
		{
			display:none;
			font-size:.10em;
			background:none;
			position:absolute;
			top:45px;
			left:0;
			height:auto;
			padding:0 15px;
			float:right;
		}
		.subMenu .current ul, 
		.subMenu .trail ul {display:list-item;}

.subMenu{}
	.subMenu a { display:block; padding:2px 0; _height:1px; }
	.subMenu ul { margin:0 0 2px 15px; }
	.subMenu .trail > a { color:#0096DB; }
	.subMenu .current > a { color:#0096DB; font-weight:bold; }

/* lists */
.list .a0 { background: #f8f8f8; }
.list { padding-bottom:6px; }
.list .item { padding:5px; }

/* path */
.path { margin-bottom:10px; font-size:10px; }
.path .current { color:#333; }
.path a.current:hover { cursor:default; text-decoration:none; }

/* sitemap */
#main ul { list-style: square /*circle*/; margin-left:20px; }

/* content */
.introduction { font-size:1.1em; font-style:italic; }

/* date */
.date { font-size:x-small; color:#333; display:block; }

/* columns */
.columns .Izquierda {  float:left;  /*width:245px;*/ }
.columns .Derecha { float:right;/*width:245px;*/ }

/* login */
.login .tb { width:130px; }
.login .ff { margin-bottom:5px; }
.register td { padding:0 5px 5px 0; }

/* gallery */
.thumbnail { opacity:.4; }
.thumbnail:hover, .selected { opacity:1; }
#thumbnails {padding-bottom:10px;}
#thumbnails .text { display:none; }
.thumbnail {margin-bottom:10px;margin-right:5px;}

/* comments */
.commentList { border-top:solid 1px #D0CFCB; margin-top:10px;}


/* login y registro */
div.ff .username label {
     min-width: 150px;
     text-align: left;
      
}


/* fondo de las listas de noticias */




/* FORMATO DE LAS IMAGENES EN EUN CONTROL DE TIPO RIANIMATION.ASCX */

.ImagenRianimator{
    margin:15px 10px 5px 5px;
}



/* CLASES DEL CONTROL ALEATORIO DE IMÁGNES */

.slideshow {
    position:relative;
    /*height:180px;
    width: 840px;*/
    left:0px;
    overflow:hidden ; 
}

.slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:18;
    opacity:0.0;
}

.slideshow IMG.active {
    z-index:100;
    opacity:1.0;
}

.slideshow IMG.main {
    z-index:100;
    opacity:1.0;
}

.slideshow IMG.last-active {
    z-index:99;
}


/* TextBox ReadOnly */
.SoloLectura {
  border-style:none;
  background-color:Transparent;
}


/* BOLETIN DE NOTICIAS */
td.formdata input.TextBox
{
     width:200px;
}

/*Hiperenlaces inscripcion a Eventos*/
span.fechaEvento{font-size:9px; clear:right;  display:block; }
a.linkInscripcion{font-size:9px; color:#AA0C42; text-decoration:none; }


/*formato de los formularios*/
td.FormularioLabel {
  text-align:right;
  color:gray;
  min-width:200px; 
}
td.FormularioLabelAlineacionVertical {
  vertical-align:text-top;
  text-align:right;
  color:gray;
  min-width:200px; 
}