/* --------------------------------------------------
CSS www.aytoloja.org - JMRL @ Departamento de Informática.
-------------------------------------------------- */

/* CONTAINER */
body
    {

  
   	background : white url(../img/background.png) repeat;
	
        color: darkgray;
  
  height: 100%;
  margin: 0;
  padding: 0;
  font-size:        110%;
   font-family: Tahoma;
  

  
    }

.skip
    {
    display: none;

    visibility: hidden;
    width:   0px;
    height:  0px;
    }

#entradilla
    {
    font-size: 70%;

    text-align: center;
    padding-bottom: 4px;
    }

#traducir
    {
    font-size: 70%;
    width:100%;
    float:right;
    text-align: center;
    padding-bottom: 4px;
    }


.skip a
    {
    position: absolute;

    left:     -10000px;
    top:      -10000px;
    width:    1px;
    height:   1px;
    overflow: hidden;
    }

.skip a:focus
    {
    position: static;

    width:    auto;
    height:   auto;
    }

.botonimagen
    {
    background-image: url('buscar.gif');

    border:           1px solid black;
    width:            20px;
    height:           17px;
    padding:          0px
    }

#container
    {
    width: 68.15em;

    margin: 0 auto;
    font-family: Lucida Grande,
                 Tahoma,
                 Arial,
                 Helvetica,
                 sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
    font-size: 0.6875em;
    line-height: 1.6em;
    color: #666;
    background-color: #FFF;
    border: 1px solid black;
    }

img
    {
    border: 0px;
    }

#busqueda
    {
    position: relative;

    left:     -5px;
    top:      0px;
    }




#buscador 
    {
    font-size: 10px;
    width: 12em;
    }


/* GENERAL MOJO AND MULA */

h1
    {
    font-family: Arial, Helvetica, sans-serif;

    font-weight: bold;
    font-size:   110%;
    border-bottom: 1px solid #3366cc;
    color:       #3366cc;
    margin-bottom: 10px;margin-top:0px;
    background-color: #FFF;
    }

h2
    {
    color: #666666;

    font-size: 100%;
    border-bottom: 1px dotted #3366cc;
    color:       #3366cc;
    margin-bottom: 10px;
    background-color: #FFF;
    }

.h2par
    {
    font-family: Gill Sans, Verdana;

    font-size:   100%;
    line-height: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    padding:     2px;
    color:       white;
    background-color: gray;

    width:       100%;
    }

.h2impar
    {
    font-family: Gill Sans, Verdana;

    font-size:   100%;
    line-height: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    padding:     2px;
    color:       white;
    background-color: #3366cc;

    width:       100%;
    }

a
    {
    color: black;

    font-weight: bold;
    text-decoration: none;
    }

a:hover
    {
    color: #00457C;

    background: transparent;
    }

#busqueda form
    {
  
    }

/* search form 
-------------------------------------- */
.busqueda {
	
	
	background: transparent;
	
	padding: 3px 5px;
	  float: right;
	
margin-top: -45px;
    font-size: 9px;
}
.busqueda input {
	font: normal 12px/100% Arial, Helvetica, sans-serif;color:gray;
}
.busqueda .searchfield {
	background: #fff;
	padding: 3px 3px 3px 5px;
	width: 152px;
	border: solid 1px #bcbbbb;
	outline: none;
 

}
.busqueda .searchbutton {
	color: #fff;
	border: solid 1px #494949;
	font-size: 11px;
	height: 25px;
	width: 25px; 
	background: #5f5f5f;	
	}


/* HEADER ELEMENTS */
#webtools
    {
   
background:url('../css/fondonegro.gif');

    color:            white;
    text-align:       right;
    text-decoration:  none;
    margin:           0px;
    padding-top:          2px;
     padding-bottom:          2px;
    width:100%
    }



#logotop {margin-left:3px;}


#webtools a
    {
    text-decoration: none;

    color:           white;
    }

#logosm
    {
    float: left;
    }

#webtools.wtderecho
    {
    text-decoration: none;
float: right;
    line-height:     10px;
    }


#webtools.wtizquierdo
    {
    text-decoration: none;
float: left;
text-align:       left;
padding-left: 3px;
    line-height:     10px;
    }



#header
    {
    padding-top: 0px;

    clear:       both;
    margin-bottom: 0px;
    height:      100px;
    border:      0px;
    background-color: black;overflow:hidden;
    }

#header a
    {
    border: 0px;
width: 100%;  position: relative; left: 0px; top: 0px; z-index: 0; 
    text-decoration: none;
    }

#header img
    {
    padding-top: 0px;
width:100%;
height: 100%;
    margin-bottom: 0px;
    border:      0px;
    }

/* NAVIGATION ELEMENTS */
#navigation
    {
    margin-left: 5px;
    }

#navigation ul
    {
    margin-left: 0;

    padding-left: 0;
    list-style-type: none;
    float:       left;
    width:       13em;margin-top:0px;
    }

#navigation a
    {
    display: block;

    font-weight: bold;
    padding: 5px;
    width:   13em;
    border-bottom: 1px solid #CCC;
    }

#navigation a:link, #navlist a:visited
    {
    color: black;

    text-decoration: none;
    }

#navigation a:hover
    {
    background: #F5F5F5 url('arrow.gif') no-repeat 96% 50%;

    color:black; background-color:#F5F5F5
    }

#navlist li.encabezadomenu
    {
    font-weight: bold;

    width:       13em;
    color:       #3366cc;
    text-align:  center;
    border-bottom: 1px solid #3366cc;
    }

/* THE SMALL BOX BELOW NAV */

#contenidoizquierda img
    {
    margin-right: 1px;

    border:       0px;
    float:        left;
    margin-top:   2px;

    border-bottom: 2px solid orange;
    }

#contenidoizquierda a
    {
    border: 0px;
    }

#contenidoizquierda a:hover
    {
    background: none;

    background-color: transparent;
    color:      black;
    }

#navigation p
    {
    margin-top: 40px;

    padding:    5px;
    border-bottom: 1px dotted #CCC;
    border-top: 1px dotted #CCC;
    }

/* CONTENT ELEMENTS */

#content
    {
    width: 40em;

    min-height: 600px;
    margin-left: 15em;

    text-align: justify;
    }

#content p
    {
    padding-bottom: 5px;
    }

#content img
    {
    display: inline;

    padding-right: 5px;
    float:   left;
    }



#content ul
						{

						   list-style-type: square;
	
				}











#result
    {
    width: 40em;

    min-height: 600px;
    margin-left: 15em;

    text-align: justify;
    }


#more{
	width:83px;
	height:24px;
	background:url('../images/more.png') no-repeat;
	cursor:pointer;
	margin:40px auto;
}

#more:hover{
	background-position:left bottom;
}




/* SIDEBAR ELEMENTS */

#sidebar
    {
    float: right;

    width: 13em;
    min-height: 100%;
    }

#sidebar p
    {
    padding-bottom: 10px;

    border-bottom:  1px solid #DDDDDD;
    }

#sidebar img
    {
    padding-left: 7px;width:          11.5em;
    }

#sidebar.piedefoto
    {
    padding-bottom: 5px;

    padding-left:   7px;
    width:          125px;
    }

#menuderechosimple
    {
    float: right;

    width: 100%;
    border: solid 1px #DEDEDE;
    background: #EFEFEF;
    margin-top: 5px;
    
    padding-bottom: 5px;display:block;
    }

#menuderechosimple ul
    {
    margin-left: -30px;
width: 100%;
    list-style:  square;margin: 5px;padding:5px;
    }

#menuderechosimple li
    {
    width: 100%;
    
    }

#cuadrolista
    {
    float: right;

    width: 13em;
    border: solid 1px black;
    background: #EFEFEF;
    margin-top: 5px;
    margin: 5px;
    padding-bottom: 5px;
    }

#cuadrolista ul
    {
    margin-left: -15px;

    list-style:  none;
    list-style-position: outside;
    }

#cuadrolista li
    {
    margin-left: -15px;

    list-style:  none;
    list-style-position: outside;
    }

#cuadrolista li:first-child
    {
    border-bottom: 1px solid black;
    }

#contacto
    {
    border: 1px solid #DEDEDE;

    background: #FFFFCC url('img/icon-heart.png') no-repeat 8px 6px;
    color:  #222222;
    padding: 4px;
    margin-right: 5px;
    text-align: left
    }

#documentos
    {
    float: right;

    width: 100%;
    border-top: 1px solid black;
    border-bottom: 1px solid black;

    border: solid 1px #DEDEDE;
    background: #EFEFEF;
    color: #222222;
    padding: 0px;
    margin-left: 5px;
    font-weight: bold;
    margin-bottom: 5px;
    }

#documentos ul
    {
    margin-left: -30px;
    list-style:  none;
    list-style-position: outside;
    }
    
#documentos a[href$=".pdf"] {
	padding-right : 18px;
	background : url('icon_pdf.gif') no-repeat right center;
	
	
	}
#documentos a[href$=".doc"] {
	padding-right : 18px;
	background : url('icon_word.gif') no-repeat right center;
	
	}
#documentos a[href$=".rtf"] {
	padding-right : 18px;
	background : url('icon_word.gif') no-repeat right center;
	
	} 
	
#documentos a[href$=".zip"] {
	padding-right : 18px;
	background : url('icon_zip.gif') no-repeat right center;
	
	} 	
	
#searchField{
		width: 2em;
		height: 20px;
		padding-right: 25px; /* puts padding on the right side, so text doesn't go under the button. NOTE: TOTAL WIDTH IS 240 + 25 = 265px */
		float: left; /* some browsers display correctly without this, but better to leave it for cross browser compatibility */
		border: 1px solid #FFEDE8; /* sets new color for border of the field */
	}
#search{
		

		border: none;
}
	
#botonbuscar{

height:19px;
font-size:100%;
padding-bottom:3px;
}

	
#crumbs {
		
		border:1px solid #dedede;
		height:2.0em;
		margin-left: -1px;
		font-weight:bold;
		
		}
#crumbs ul, li {
		list-style-type: none;
		padding:0;
		margin:0;
		}
	
#crumbs li {
		float:left;
		line-height:2.0em;
		padding-left:.75em;
		color:#777;
		}
		
#crumbs li a {
		display:block;
		background:url('crumbs.gif') no-repeat right center;; padding-left:0; padding-right:15px; padding-top:0; padding-bottom:0
		}
#crumbs li a:link, #crumbs li a:visited {
		text-decoration:none;
		color:#777;
		}
#crumbs li a:hover, #crumbs li a:focus {
		color:#00457C;
		}
	
	/* FOOTER ELEMENTS */
	
#footer { 

	background-color : black; 
	padding  : 3px;
	background:url('../css/fondonegrobot.gif');
width: 68.0em;
margin: 0 auto;
font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; 
font-size: 0.6875em;			
						
							
text-align:center;
	
	} 
#footer p { 
	 
	padding : 5px; 
	} 
#footer a { 
	color : white; 
	border-bottom : 1px dotted white; 
	text-decoration : none; 
	} 
	
#footer .ftizquierdo { 
	float : left; color : white;
	} 
	
#footer img { 
	border-right : 2px solid black;display:inline; 
	} 		
			
			
#footer2 {
						margin-top: 10px;
						clear: both;
						
						padding: 0px 5px 0px 5px;
					}
	#paginadorcontenido {
						margin-top: 10px;
						clear: both;
						text-align:right;
						padding: 0px 5px 0px 5px;
						
					}		
	
			
#piegris {
						width: 69.10em;
						margin: 0 auto;
						font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
						font-size: 0.6875em;					
						color: black;
						background-color: transparent;
						text-align:center;
						
			}
			
#piegris ul {list-style-type:none;float:right;}
#piegris li {display:block;}
#encabezadocontenido {
								width: 350px;
								margin: 0 auto;
								font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
								font-size: 0.6875em;
								line-height: 1.6em;
								color: #666;
								background-color: #FFF;
								border: 1px solid black;
			}
			
#piecontenido {
										width: 350px;
										
						
										background-color: #FFF;
										display:block;
										margin: 0 auto;
						
			}
			
			
			/* And they lived happily ever after. The End. */
			
			
#menuinternocontenido 
				{
			   
				
				width: 440px;
				display: block;
				}	
			
			
#menuinternocontenido ul
				{
				margin-left: 0;
				font-family: Arial, Helvetica, sans-serif;
				font-size:   12px;
				padding-left: 0;
				list-style-type: none;
			
			
			width: 440px;
				height:50px;
				color:black;
				}
			
#intmnunavlist strong
				{
			vertical-align:top;
				font-weight: bold;
				color:navy;
			
				}
			
#intmnunavlist li
			{
			float: left;
				width:       200px;
			}
			
			
			
			
			
#menuinternoimagenes ul {
	padding: 0px;float:left;
	margin: 0px;
	list-style-type: none;
	display: block;width:100%;
	}
			
		
			
			
#menuinternocontenido span
				{
			
	
			 
			 
				}
			
			
#menuinternocontenido img
				{
			margin-right:10px;
			border: 0px;
			float:left;
			
			margin-top:5px;
				}
			
			
			
			
#menuinternocontenido a
				{
				
				text-decoration:none;
				padding: 5px;
				width:   100%;
				float:left;
			width:20em;
				vertical-align:top;
				border-top: 1px solid #CCC;color: black;
				}
			
#menuinternocontenido a:link, #intmnunavlist a:visited
				{
				/*  color:black; */
				color: black;
			
				text-decoration: none;
				}
			
#menuinternocontenido a:hover
				{
				background: #F5F5F5 url('arrow.gif') no-repeat 96% 50%;
			
				color:black; background-color:#F5F5F5
				}
			
			
			
			
			
			
			
#menuinternoimagenespagina {
			
			overflow:hidden;text-align:left;width: 100%;
			
			}
			
#menuinternoimagenespagina ul
						{
							display:block;
						  width: 100%;
						   margin-left:-50px;
						   list-style-type: none;
	
				}
#menuinternoimagenespagina li
								{
									float:left;
								  width:20em;
								
			
				}
				
				
			 #menuinternoimagenespagina strong
				{
			vertical-align:top;
				font-weight: bold;
				color:navy;
			
				}
			
	
#menuinternoimagenespagina img
							{
						float:left;
					
						
				}
				
				
#menuinternoimagenespagina a
							{
							
							text-decoration:none;
							padding: 5px;
							
							float:left;
						width: 19em;
							vertical-align:top;
							border-top: 1px solid #CCC;color: black;
							font-weight:normal;
							}
						
		#menuinternoimagenespagina a:link, #intmnunavlist a:visited
							{
							/*  color:black; */
							color: black;
						
							text-decoration: none;
							}
						
		#menuinternoimagenespagina a:hover
							{
							background: #F5F5F5 url('arrow.gif') no-repeat 96% 50%;
						
							color:black; background-color:#F5F5F5
				}
				
				
				
				
			
#downmnunaviagtion 
				{
			   position:absolute;
			   left:0px;
				height:   100%;
				margin-left:2em;
			        font-size:   1em;
			       
				}	
			
#downmnunaviagtion ul
				{
				margin-left: 0;
				font-family: Arial, Helvetica, sans-serif;
				
				padding-left: 0;
				list-style-type: none;
				
			
			
				
				color:black;
				}
			
#downmnunavlist strong
				{
			vertical-align:top;
			font-size: 0.625em;
				
				padding:2px;
				color:white;
				
				text-transform:uppercase;
			
				}
			
#downmnunavlist li
			{
			float: left;
				width:       12.65em;
				font-weight: bold;
				margin-bottom:5px;
				border-bottom: 1px solid #CCC;
				
			}
			
#downmnunaviagtion ul
						{
				width:63.25em;
				}
		
#downmnunaviagtion span
				{
				vertical-align:top;
				font-size: 1em;
				padding:2px;
				color:white;							
				text-transform:uppercase;
			        float:left;
			        font-family: Arial, Helvetica, sans-serif;font-weight:bold;
			        
			        width:12.40em;background-color: #708090;
				}
			
			
#downmnunaviagtion img
				{
			margin-right:1px;border:0px;float:left;margin-top:0px;width:12.65em;height:3.50em;
			border-bottom:2px solid orange;
				}
			
#downmnunaviagtion small
				{
			margin-right:10px;border:0px;float:left;margin-top:5px;width:12.65em;height:40px;
			font-weight:normal;color:gray;
				}
			
			
#downmnunaviagtion a
				{
				display: block;text-transform:uppercase;
				text-decoration:none;font-weight:normal;
				padding: 0px;
				
				float:left;
				width:12.65em;height:11em;
				vertical-align:top;
				color: black;
				border-top: 1px solid #CCC;
				color: black;
				background-color:#EEF3E2;
				}





			
#downmnunaviagtion a:link, #intmnunavlist a:visited
				{
				/*  color:black; */
				color: black;
			
				text-decoration: none;
				}

small.lnkdos
				{

				color: #00457C;
			
				}


			
#downmnunaviagtion a:hover
				{
				background: #F5F5F5 url('arrow.gif') no-repeat 96% 50%;
			
				color:black; background-color:#F5F5F5
				
				
				
				
				}
			
#pipe {
			
				margin: 0;
				
				padding: 2px;
				font-family: Arial, Helvetica, sans-serif;
					font-size: 85%;text-align:right;background: transparent;
				   
				}
			
#pipe a {
						background: transparent;
				}
			
#pipe a:hover {
								background: transparent;
								text-decoration:underline;
								
				}
			   #pipe ul li:before {
						content: "\00BB \0020";
			
						}
			
			
			
			
			
#pipe ul {
				margin-left: 0;
				padding-left: 0;
				display: inline;
				}
			
#pipe ul li {
				margin-left: 0;
				padding: 3px 5px;			
				list-style: none;
				display: inline;
				}
			
			
#pipe ul li.last {
				margin-left: 0;
				border-left: none;
				list-style: none;
				display: inline;
				}
	
			
			
			
			/* BOTONES */
			/* -------------------- */
#botonera  {width:100%;text-align:center;}
			
			
#botonera a.button{
			background:url('images/button.gif');
			border: 1px solid gray;
			
			color:#555555;
			font-weight:bold;
			font-size: 0.625em;
			height:19px;
			line-height:18px;
			text-decoration:none;
			margin-right:3px;
			padding-right:6px
			}
			
#botonera a:hover.button{
			color:#0066CC;
			border: 1px solid black;
			}
			
			
#botonera .arriba{
			background:url('images/up.png') no-repeat 10px 1px;
			text-indent:30px;padding:0px
			
			}
#botonera .adelante{
			background:url('images/next.png') no-repeat 10px 1px;
			text-indent:30px;padding:0px
			
			}
#botonera .atras{
			background:url('images/back.png') no-repeat 10px 1px;
			text-indent:30px;padding:0px
			
			}
			
#botonera .info{
			
			
			border: 1px solid gray;
			color:#555555;
			font-weight:bold;
			font-size: 0.625em;
			height:19px;
			line-height:18px;
			text-decoration:none;
			
			text-indent:5px;padding-right:5px;
			position:relative;
			top:-5px;
	} 
			
			.listaiconos{
				float: right;
				width: 100px;
				border:solid 1px #DEDEDE;
				background:#EFEFEF;
				margin-top:5px;
				margin:5px;padding-bottom:5px;
				
			}
	
			.listaiconos ul {
						
				margin-left:-75px; list-style: none;list-style-position: outside;
	
			}		
	
#hornavigation {
	height:2em;
	font-size:100%;
	background: #00457C;
	width:100%;text-align:left;
	
	}
	
			
			
#hornavigation 	ul {
						font-family: Arial, Verdana;
						font-weight:bold;
						margin: 0;
						padding: 0;
						list-style: none;
						margin-top:0;
						float:right;z-index:50;background: #00457C;
						
						
						
					}
#hornavigation 	ul li {
						display: block;
						position: relative;
						float: left;background: #00457C;
					}
#hornavigation 	li ul { display: none; }
#hornavigation 	ul li a {
						display: block;
						text-decoration: none;
						color: #ffffff;
						border-top: 1px solid #ffffff;
						padding: 0px 12px 0px 12px;
						
						margin-left: 1px;
						white-space: nowrap;background: #00457C;
					}
					
#hornavigation 	ul li a:hover { background: #617F8A; }
#hornavigation 	li:hover ul { 
						display: block; background: #00457C;
						position: absolute;margin-top:1px;border: 1px solid black;
					}
#hornavigation 	li:hover li { 
						float: none;background: #00457C;
						font-size: 98%;
					}
#hornavigation 	li:hover a { background: #3366cc; }
#hornavigation 	li:hover li a:hover { background: #95A9B1; }
	#hornavigation 	.top  a{ border-top: 0px solid #3366cc;}
	.top  a{background: transparent;background: #00457C;}
				
				
img {border:0px;}	        
			
.nota {
font-family:  garamond, bodoni, curly, times, serif;
    border: 1px solid #DEDEDE;
    
    background: url('body.gif');
    
width:100%;
margin-bottom:3px
}	
	
			
.nota p{
padding:10px;

padding-top:0px;

}	
			
			
.nota img{
float:left;
top:1px;left:1px;position:relative;height:100%;width:50px;
}				
	
	






p.alerta {
font-family:  garamond, bodoni, curly, times, serif;
    border: 1px solid black;
    
 background: #F4F39E url('../images/important.gif') no-repeat 10px 0px;   
width:100%; padding-top:20px; padding-bottom:5px; padding-left:5px; padding-right:5px; background-color:#F4F39E

}




p.destacado {
font-family:  garamond, bodoni, curly, times, serif;
    border-top: dashed 1px #CCC;    
     border-bottom: dashed 1px #CCC; 
background-color: white;

width:100%;
padding-top:5px;
padding-bottom:5px;
}


/*
Back to top button
*/
#back-top {
	position: fixed;
	bottom: 30px;
	left:10px;
	font-family:  garamond, bodoni, curly, times, serif;
	font-size:10px;text-align:center;
	
}

/* arrow icon (span tag) */
#back-top span {
	width: 58px;
	height: 58px;
	display: block;
	margin-bottom: 7px;
	border: 1px solid black;
	background: #708090 url('../images/up-arrow.png') no-repeat center;

}
#back-top span:hover {
	background-color: #777;
}




form.formularioWeb {
	font-family: tahoma, verdana, sans-serif;
	font-size: 12px;
	padding: 20px;
	
	display:block;
	margin: 0 auto;
}
.formularioWeb fieldset {
	margin-top: 20px;
	padding: 15px;
	border: 1px solid #B5B8C8;
}

.formularioWeb legend {
	font-size: 12px;
	color: #15428B;
	font-weight: 900;
}

.formularioWeb fieldset label {
	float: none;
	text-align: inherit;
	display:block;
	width: auto;
}

.formularioWeb label span {
	color: #000;
}

.formularioWeb input, .formularioWeb select, .formularioWeb textarea {
	display: block;  /* this breaks relative positioning */
	margin-bottom: 5px;
		font-family: tahoma, verdana, sans-serif;
	font-size: 12px;
	
}

.formularioWeb .text-input {
	width: 351px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF repeat-x;
	font-family: tahoma, verdana, sans-serif;
	font-size: 12px;
}

.formularioWeb textarea {
	width: 251px;
	height: 70px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF repeat-x;
}

.formularioWeb .infos {
	background: #FFF;
	color: #333;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 10px;
}

.formularioWeb span.checkbox, .formularioWeb .checkbox, .formularioWeb .radio {
	display: inline;
}

.formularioWeb .submit {
	
	border: 1px solid #AAA;
	padding: 4px;
	margin-top: 20px;
	float: right;
	text-decoration: none;
	cursor: pointer;
}

.formularioWeb hr {
	clear: both;
	visibility: hidden;
}

.formularioWeb .fc-error {
	width: 350px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-bottom: 15px;
	background: #FFEAEA;
}


.asterisco {
	color: red;
	font-size: 12px;
	font-weight: bold;
}


h5
    {
    color: #666666;

    font-size: 100%;
    border-bottom: 1px solid #3366cc;
    color:       #3366cc;
    margin-bottom: 10px;
    background-color: #FFF;
    }

 
#map{

width: 40em;
height: 350px;
display:none;
margin-top: 3px;
}



.iconlist
{
list-style: none;
margin: 0;
padding: 0;
text-align: left;padding-left:5px;
font: normal 95% "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #999;
} 


.iconlist li
{
display: inline;
list-style-type: none;
padding-right: 4px;
font: normal 95% "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

.iconlist a
{
display: inline;
list-style-type: none;

font: normal 95% "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}


.iconlist li.pdf
{
background-image: url('../images/iconostb/pdf.gif');
background-repeat: no-repeat;
background-position: 0 50%;
margin: .4em 0; padding-left:18px; padding-right:0; padding-top:3px; padding-bottom:3px
}

.iconlist li.print
{
background-image: url('../images/iconostb/print.gif');
background-repeat: no-repeat;
background-position: 0 50%;
margin: .4em 0; padding-left:18px; padding-right:0; padding-top:3px; padding-bottom:3px
}

.iconlist li.sonido
{
background-image: url('../images/iconostb/sonido.gif');
background-repeat: no-repeat;
background-position: 0 50%;
margin: .4em 0; padding-left:18px; padding-right:0; padding-top:3px; padding-bottom:3px
}

.iconlist li.mapa
{
background-image: url('../images/iconostb/mapa.gif');
background-repeat: no-repeat;
background-position: 0 50%;
margin: .4em 0; padding-left:18px; padding-right:0; padding-top:3px; padding-bottom:3px
}

.iconlist li.mail
{
background-image: url('../images/iconostb/mailing.gif');
background-repeat: no-repeat;
background-position: 0 50%;
margin: .4em 0; padding-left:18px; padding-right:0; padding-top:3px; padding-bottom:3px
}

.iconlist li.facebook
{
background-image: url('../images/iconostb/facebook.gif');
background-repeat: no-repeat;
background-position: 0 50%;
margin: .4em 0; padding-left:18px; padding-right:0; padding-top:3px; padding-bottom:3px
}

.iconlist li.twitter
{
background-image: url('../images/iconostb/twitter.gif');
background-repeat: no-repeat;
background-position: 0 50%;
margin: .4em 0; padding-left:18px; padding-right:0; padding-top:3px; padding-bottom:3px
}


#waiting{    
display: none; visibility: hidden;
position: absolute; 

top:50%; 
left:35%; 
width:350px;
}



a.gflag {vertical-align:middle;font-size:16px;padding:1px 0;background-repeat:no-repeat;background-image:url('http://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/16.png');}
a.gflag img {border:0;}
a.gflag:hover {background-image:url('http://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/16a.png');}



.ayuda {
		width: 100%;
		border:1px solid black;
		height:2.0em;
		margin-left: -1px;
		font-weight:bold;
		display:block;padding:3px;
		
		
		}




ul.normal {
	list-style-type: square;
	list-style-image: url('ul_flecha.gif');
	list-style-position: inside;
	margin:10px;
	
}