@charset "ISO-8859-1";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}

h1 { 
	font: 300% Verdana, Arial, Helvetica, sans-serif;
}

h2 { 
	font: 150% Verdana, Arial, Helvetica, sans-serif;
	color: #008000;
}

h3 { 
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #008000;
	text-align:left;
}


#negrita {
	font: 150% Forte, Verdana, Arial, Helvetica, sans-serif;
	font-style: bold;
}

#rojo {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color:#F00;
}


#marco{
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-rigth: 10px;
	background-image: url(/Images/Backgrounds/Background2.gif);
	
}
	
#container {
	width: 98%;
	border: #008000 4px solid;
	background-image: url(/Images/Backgrounds/Background.gif);
}  

#cabecera {
	display: table;
	width: 100%;
	border-bottom: #008000 2px double;
	padding: 0 0 0 0;
	
} 

#fila2 {
	display: table-row;
} 


#header {
	display: table-cell;
	font: 100%  Forte,Verdana, Arial, Helvetica, sans-serif;;
	color: #000000;
	text-align: right;
	width: 60%;
} 

#header h1 { 
	font: 300% Forte,Verdana, Arial, Helvetica, sans-serif;
}
#subtitle{
	display: table-cell;
	font: 100%  Forte,Verdana, Arial, Helvetica, sans-serif;;
	color: #008000;
	padding-left: 10px;
	text-align: left; 
	width: 40%;

}

#subtitle h2 { 
	font: 150% Forte,Verdana, Arial, Helvetica, sans-serif;
	color: #008000;
}

#container2 {
	display: table;
	width: 100%;
} 



#fila { 
	display: table-row;
	width: 100%;
}

#sidebar1 {
	display: table-cell;
	vertical-align:top;
	width: 8em; 
	background: #B9FC04;
	padding-top:10px;

	
}

#menu {
	text-align: left;
	border: 1px solid #000;
	padding: 0 0 0.5em 0;
	margin: 0.5em 0.5em;
	width: 9em;
	background-color: #77e227;
	list-style-type: none;
	color: #333;
	}
	#menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#menu li {
		border-bottom: 1px solid #77e227;
		margin: 0;
		}
		#menu li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #008000;
		border-right: 10px solid #37b70d;
		background-color: #089d05;
		color: #fff;
		text-decoration: none;
		width: 100%;
		}

	html>body #menu li a {
		width: auto;
		}

	#menu li a:hover {
		border-left: 10px solid #038c1a;
		border-right: 10px solid #42cb29;
		background-color: #0cae20;
		color: #fff;
		}

#sidebar2 {
	display: table-cell;
	width: 11em; 
	background: #B9FC04; 
	height: 100%;
	width: 100%;
}

#mainContent {
	display: table-cell;
 	margin: 0 2em 0 2em;
	padding: 0 2em 0 2em;
	height: 100%;
	width: 100%;
} 

#llegar{
	list-style-type: none;
}

#mapa {
	padding-top:25px;
	height: 100%;
	text-align:left;
}

#imagen1{
	width:200px;
	border-style:groove;
	border-color:#008000;
}

#imagen2{
	height:200px;
	border-style:groove;
	border-color:#008000;
}

#tabla {
	text-align:left;
	padding-top: 20px;
	padding:10px 10px 10px 10px;
	
}

#pie{
	display: table;
	width: 100%;

} 

#fila2{ 
	display: table-row;
	width: 100%;
	padding-top:10px;
}

#visitas {
	display: table-cell;
	vertical-align:bottom;
	text-align:right;

}


#footer {
	display: table-cell;
	width:100%;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	padding-left: 200px;
	padding-right:20px;
}

#tablaEnlaces{
	border: 1px groove #00FF00;	
}

	#tablaEnlaces td{
		border: 1px groove #00FF00;
		padding:4px;
		margin:1px;
	}

#tablaEnlaces h2{
	text-align:center;
	font: 150% Forte, Verdana, Arial, Helvetica, sans-serif;
	color: #008000;
}

.centeredImage
    {
    text-align:center;
    display:block;
    }

#viewer {
        float: center;
        list-style: none;
		padding:0;
		margin:auto;
		margin-top:10px;
    }
    
    #viewer li{
		/* Height of Tab Image */
		display: inline; 

    }
    
    /* Setup Tab so normal opacity is 40 and rollover is 100 */
    #viewer li a img{
        /* for IE */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        filter:alpha(opacity=40);
      
        /* CSS3 standard */
        opacity:0.4;
      
    }
    
    /* Change Opacity to 100% on roll over */
    #viewer li a:hover img{
          
        /* for IE */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter:alpha(opacity=100);
        
        /* CSS3 standard */
        opacity:1.0;
    }

    /* Places images to the right of the tabs,
    and hides non selected images */
    #images{
		border: #008000 4px solid;
        width:448px; 
        height:335px; 
		margin:auto;
		margin-top:15px;
	    overflow:hidden;  /* Hides the non selected images */
        float:center;
    }
	
#wrapper{
	padding-top:10px;
}

#horizontal {
	text-align: left;
	border: 1px solid #000;
	padding: 0.5em 0 0.5em 0;
	margin: 0.5em 0em;
	background-color: #77e227;
	list-style-type: none;
	color: #333;
	}
	#horizontal ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#horizontal li {
		border-bottom: 1px solid #77e227;
		display: inline; 
		}
		#horizontal li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #008000;
		border-right: 10px solid #37b70d;
		background-color: #089d05;
		color: #fff;
		text-decoration: none;
		display: inline; 
		width: 100%;
		}

	html>body #horizontal li a {
		width: auto;
		}

	#horizontal li a:hover {
		border-left: 10px solid #038c1a;
		border-right: 10px solid #42cb29;
		background-color: #0cae20;
		color: #fff;
		}