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

/* CONTAINER */
body
    {

  
   	/* background : #163E68 url(../images/aabg-body.png) repeat-x;*/
	background-position:top;

  
  height: 100%;
  margin: 0;
  padding: 0;
  font-size:        100%;
    }

.skip
    {
    display: none;

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

#entradilla
    {
    font-size: 70%;

    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: 95%;

    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 solid #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;
    }

form
    {
    float: right;

    margin-top: -45px;
    font-size: 9px;
    }

input
    {
    background-color: #FFF;

    color:            #999999;
    border:           1px solid #CCC;
    font-size:        0.6875em;
    padding:          3px;
    }

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

    color:            white;
    text-align:       right;
    text-decoration:  none;
    margin:           0px;
    padding:          2px;
    }

#webtools a
    {
    text-decoration: none;

    color:           white;
    }

#logosm
    {
    float: left;
    }

#webtools.wtderecho
    {
    text-decoration: none;
float: right;
    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: #000000 url(arrow.gif) 96% 50% no-repeat;

    background-color: #F5F5F5;
    color:      black;
    }

#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;
    width:        142px;
    height:       142px;
    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: 66%;

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

    text-align: justify;
    }

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

#content img
    {
    display: inline;

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

/* 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: 13em;
    border: solid 1px #DEDEDE;
    background: #EFEFEF;
    margin-top: 5px;
    margin: 5px;
    padding-bottom: 5px;
    }

#menuderechosimple ul
    {
    margin-left: 0px;

    list-style:  none;
    }

#menuderechosimple li
    {
    margin-left: -30px;
    }

#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: solid 1px #DEDEDE;

    background: #FFFFCC url(img/icon-heart.png) 8px 6px no-repeat;
    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 : transparent url(icon_pdf.gif) no-repeat;
	background-position:right center;
	
	}
#documentos a[href$=".doc"] {
	padding-right : 18px;
	background : transparent url(icon_word.gif) no-repeat;
	background-position:right center;
	}
#documentos a[href$=".rtf"] {
	padding-right : 18px;
	background : transparent url(icon_word.gif) no-repeat;
	background-position:right center;
	} 
	
#documentos a[href$=".zip"] {
	padding-right : 18px;
	background : transparent url(icon_zip.gif) no-repeat;
	background-position: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 */
	}
#searchSubmit{
		background: transparent url("images/search_button.png") no-repeat;
		width: 20px;
		height: 20px;
		border: none;
		cursor: pointer;
		margin-left: -22px; /* image is 20x20px, so leave little extra */
		margin-top: 2px; /* leave some space from the top, so button looks in the middle */
	}
	
	
	
#crumbs {
		width: 35em;
		border:1px solid #dedede;
		height:2.0em;
		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;
		padding:0 15px 0 0;
		background:url(crumbs.gif) no-repeat right center;
		}
#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 { 
	margin-top : 0; 
	clear : both; 
	background-color : black; 
	padding : 5px; 
	padding-right : 3px;
	background:url(../css/fondonegrobot.gif);
	text-align : right; height:20px;
	} 
#footer p { 
	color : white; 
	padding : 5px; 
	} 
#footer a { 
	color : white; 
	border-bottom : 1px dotted white; 
	text-decoration : none; 
	} 
	
#footer .ftizquierdo { 
	float : left; 
	} 
	
#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;
	margin: 0px;
	list-style-type: none;
	display: block;
	}
			
		
			
			
#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:200px;
				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: #000000 url(arrow.gif) 96% 50% no-repeat;
			
				background-color: #F5F5F5;
				color:      black;
				}
			
			
			
			
			
			
			
#menuinternoimagenespagina {
			
			overflow:hidden;text-align:left;
			
			}
			
#menuinternoimagenespagina ul
						{
							display:block;
						  width: 39em;
						   margin-left:-40px;
						   list-style-type: none;
	
				}
#menuinternoimagenespagina li
								{
									float:left;
								  width:18em;
								
			
				}
				
				
			 #menuinternoimagenespagina strong
				{
			vertical-align:top;
				font-weight: bold;
				color:navy;
			
				}
			
	
#menuinternoimagenespagina img
							{
						float:left;
					
						
				}
				
				
#menuinternoimagenespagina a
							{
							
							text-decoration:none;
							padding: 5px;
							width:   100%;
							float:left;
						width: 20em;
							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: #000000 url(arrow.gif) 96% 50% no-repeat;
						
							background-color: #F5F5F5;
							color:      black;
				}
				
				
				
				
			
#downmnunaviagtion 
				{
			   
				height:   100%;
				margin-left:2em;
			        font-size:   1em;
			        width:63.00em;
				}	
			
#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: #000000 url(arrow.gif) 96% 50% no-repeat;
			
				background-color: #F5F5F5;
				color:      black;
				
				
				
				
				}
			
#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:right;
	
	}
	
			
			
#hornavigation 	ul {
						font-family: Arial, Verdana;
						font-weight:bold;
						margin: 0;
						padding: 0;
						list-style: none;
						margin-top:0;
						float:right;z-index:50;
						
						
						
					}
#hornavigation 	ul li {
						display: block;
						position: relative;
						float: left;
					}
#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;
					}
					
#hornavigation 	ul li a:hover { background: #617F8A; }
#hornavigation 	li:hover ul { 
						display: block; 
						position: absolute;margin-top:1px;border: 1px solid black;
					}
#hornavigation 	li:hover li { 
						float: none;
						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;}
				
				
img {border:0px;}	        
			
.nota {
font-family:  garamond, bodoni, curly, times, serif;
    border: solid 1px #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;
}				
	
	
.nota p:first-letter {
font-size: 150%;
font-family:  garamond, bodoni, curly, times, serif;

padding-right: 1px;
position:relative;
margin-left: 5px;
text-transform:uppercase;
font-weight:bold;
}

#content p:first-letter {
font-size: 150%;
font-family:  garamond, bodoni, curly, times, serif;

padding-right: 1px;
position:relative;
margin-left: 5px;
text-transform:uppercase;
font-weight:bold;
}

#search-input-submit {
margin : 0px 0px 0px 0px;
padding : 0;
width:20px;height:20px;
position:relative;
    position: relative;
left:-2px;
    top:      5px;
z-index : 50;
border : 0;
}



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

}




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;
}