#fondo{
	width: 100%;
	background-color: white;
	background-attachment: fixed;
	font-family: Arial;
	font-size: 14px;
	margin: 0px;

}
#fondo2{
	/max-width: 600px;
	background-color: #D0D1F4;
	background-attachment: fixed;
	font-family: Arial;
	font-size: 16px;
	margin: 0px;

}
#fondo22{
	
	background-color: #D0D1F4;
	font-size: 14px;
	padding: 10px;
	clear: right;
}

#cabecera{
	width: 100%;
	/background-color: blue;
	text-align: center;
	/color: white;
	left: 0px;
	height: 60px;
	top: 0; /* Posicionamos la cabecera pegada arriba */
	/position: fixed; /* Hacemos que la cabecera tenga una posición fija */
}

#site-name{
		font-family: 'Playball', cursive;
		color: red;
		width: 100%;
		/margin: 10px;
		font-size: 30px;
		text-shadow: 1px 1px 1px black;
		/padding-top: 5px;
		text-align: center;
}

#site-desc{
		font-family: Arial;
		font-size: 20px;
		margin-top: 120px;
		color: yellow;
		text-shadow: 1px 1px 1px black;
}

#menu-sup{  
	position: fixed;
	/background-color: #2A5454;
	height: 30px;
    bottom: 15px;
	padding: 12px;
    left: 0px;
    width: 100%;
    z-index: 999999;
    display: block;
	text-align: center;
}  

#menu-lin{  
		float:left;  
		clear: right;
}  

#pagina{
		max-width:1100px;
		color: black;
		background-color: white;
		/opacity: 0.5;
		overflow: hidden; 
		padding: 5px; 
		margin: 0 auto 0px auto;
		font-family: Arial;
		font-size: medium;
		text-align: left;
		/margin-top: 340px;
		/-moz-box-shadow: 0 0 5px #888;
		/-webkit-box-shadow: 0 0 5px#888;
		/box-shadow: 0 0 5px #888;
		/-moz-border-radius: 15px; /* Firefox */
		/-webkit-border-radius: 15px; /* Google Chrome y Safari */
		/border-radius: 15px; /* CSS3 (Opera 10.5, IE 9 y estándar a ser soportado por todos los futuros navegadores) */
}

#pagina2{
		max-width:400px;
		color: black;
		background-color: white;
		/opacity: 0.5;
		overflow: hidden; 
		/padding: 15px; 
		margin: 0 auto 10px auto;
		font-family: Arial;
		font-size: medium;
		text-align: center;
		/margin-top: 90px;
		/-moz-box-shadow: 0 0 5px #888;
		/-webkit-box-shadow: 0 0 5px#888;
		/box-shadow: 0 0 5px #888;
		/-moz-border-radius: 15px; /* Firefox */
		/-webkit-border-radius: 15px; /* Google Chrome y Safari */
		/border-radius: 15px; /* CSS3 (Opera 10.5, IE 9 y estándar a ser soportado por todos los futuros navegadores) */
}

#pagina22{
		max-width:600px;
		color: black;
		background-color: white;
		/opacity: 0.5;
		overflow: hidden; 
		padding: 15px; 
		margin: 0 auto 10px auto;
		font-family: Arial;
		font-size: 16px;
		/text-align: center;
		/margin-top: 90px;
		/-moz-box-shadow: 0 0 5px #888;
		/-webkit-box-shadow: 0 0 5px#888;
		/box-shadow: 0 0 5px #888;
		/-moz-border-radius: 15px; /* Firefox */
		/-webkit-border-radius: 15px; /* Google Chrome y Safari */
		/border-radius: 15px; /* CSS3 (Opera 10.5, IE 9 y estándar a ser soportado por todos los futuros navegadores) */
}

#izquierda{  
		/background-color: #E6E6FA;
        float:left;  
        max-width: 545px;
		margin-right: 5px;
		text-align: left;
		padding: 2px;
		clear: right;
} 

#derecha{  
        /background-color: #F5F5DC;  
        float:left;  
        max-width: 545px; 
		text-align: left;
		/padding: 5px;
		text-decoration: none;
		/-moz-box-shadow: 0 0 5px #888;
		/-webkit-box-shadow: 0 0 5px#888;
		/box-shadow: 0 0 5px #888;
		/-moz-border-radius: 15px; /* Firefox */
		/-webkit-border-radius: 15px; /* Google Chrome y Safari */
		/border-radius: 15px; /* CSS3 (Opera 10.5, IE 9 y estándar a ser soportado por todos los futuros navegadores) */
} 

#izquierda-m{  
		/background-color: #E6E6FA;
        float:left;  
        width: 45%;
		margin-right: 5px;
		text-align: left;
		padding: 2px;
		clear: right;
} 

#derecha-m{  
        /background-color: #F5F5DC;  
        float:left;  
        width: 45%; 
		text-align: left;
		/padding: 5px;
		text-decoration: none;
		/-moz-box-shadow: 0 0 5px #888;
		/-webkit-box-shadow: 0 0 5px#888;
		/box-shadow: 0 0 5px #888;
		/-moz-border-radius: 15px; /* Firefox */
		/-webkit-border-radius: 15px; /* Google Chrome y Safari */
		/border-radius: 15px; /* CSS3 (Opera 10.5, IE 9 y estándar a ser soportado por todos los futuros navegadores) */
}  

#caja{  
        /background-color: #E6C97A;  
        width: 90%; 
		min-height: 100px;
		text-align: left;
		font-size: 15px;
		font-family: Arial;
		padding: 10px;
		color: #404040;
		margin: 10px;
		text-decoration: none;
		/text-shadow: 1px 0px 0px white;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px#000;
		box-shadow: 0 0 5px #000;
		-moz-border-radius: 15px; /* Firefox */
		-webkit-border-radius: 15px; /* Google Chrome y Safari */
		border-radius: 15px; /* CSS3 (Opera 10.5, IE 9 y estándar a ser soportado por todos los futuros navegadores) */
}

#caja2{  
        background-color: black;  
        width: 90%; 
		min-height: 100px;
		text-align: left;
		font-size: 15px;
		font-family: Arial;
		padding: 10px;
		color: #C0C0C0;
		margin: 10px;
		text-decoration: none;
		/text-shadow: 1px 0px 0px white;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px#000;
		box-shadow: 0 0 5px #000;
		-moz-border-radius: 15px; /* Firefox */
		-webkit-border-radius: 15px; /* Google Chrome y Safari */
		border-radius: 15px; /* CSS3 (Opera 10.5, IE 9 y estándar a ser soportado por todos los futuros navegadores) */
}
#caja3{  
        background-color: PaleGreen;  
        width: 90%; 
		min-height: 100px;
		text-align: left;
		font-size: 15px;
		font-family: Arial;
		padding: 10px;
		color: #404040;
		margin: 10px;
		text-decoration: none;
		/text-shadow: 1px 0px 0px white;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px#000;
		box-shadow: 0 0 5px #000;
		-moz-border-radius: 15px; /* Firefox */
		-webkit-border-radius: 15px; /* Google Chrome y Safari */
		border-radius: 15px; /* CSS3 (Opera 10.5, IE 9 y estándar a ser soportado por todos los futuros navegadores) */
}
#caja4{  
        background-color: LightSteelBlue;  
        width: 90%; 
		min-height: 100px;
		text-align: left;
		font-size: 15px;
		font-family: Arial;
		padding: 10px;
		color: #404040;
		margin: 10px;
		text-decoration: none;
		/text-shadow: 1px 0px 0px white;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px#000;
		box-shadow: 0 0 5px #000;
		-moz-border-radius: 15px; /* Firefox */
		-webkit-border-radius: 15px; /* Google Chrome y Safari */
		border-radius: 15px; /* CSS3 (Opera 10.5, IE 9 y estándar a ser soportado por todos los futuros navegadores) */
}
#caja5{  
        background-color: LightSteelBlue;  
        width: 90%; 
		min-height: 100px;
		text-align: left;
		font-size: 15px;
		font-family: Arial;
		padding: 10px;
		color: #404040;
		margin: 10px;
		text-decoration: none;
		/text-shadow: 1px 0px 0px white;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px#000;
		box-shadow: 0 0 5px #000;
		-moz-border-radius: 15px; /* Firefox */
		-webkit-border-radius: 15px; /* Google Chrome y Safari */
		border-radius: 15px; /* CSS3 (Opera 10.5, IE 9 y estándar a ser soportado por todos los futuros navegadores) */
}
#descargasi{  
        background-color: SteelBlue;
        width: 150px;
		color: white;
		margin-bottom: 15px;
		text-align: center;
		padding: 2px;
		font-size: 14px;
		font-family: Arial;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px#000;
		box-shadow: 0 0 5px #000;
} 

#descargano{  
        background-color: Crimson;
        width: 150px;
		margin-bottom: 15px;
		text-align: center;
		padding: 2px;
		font-size: 14px;
		font-family: Arial;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px#000;
		box-shadow: 0 0 5px #000;
}

#cajal{  
        background-color: #ffffff;
        float:left;  
        width: 145px;
		height: 150px;
		/margin-right: 10px;
		margin-left: 5px;
		margin-bottom: 5px;
		text-align: left;
		padding: 2px;
		/min-height: 100px;
		font-size: 16px;
		font-family: Arial;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px#000;
		box-shadow: 0 0 5px #000;
		clear: right;
} 
#cajal-c{  
        background-color: LightSteelBlue;
        float:left;  
        width: 22%;
		height: 170px;
		/margin-right: 10px;
		margin-left: 10px;
		margin-bottom: 5px;
		text-align: left;
		padding: 2px;
		/min-height: 100px;
		font-size: 14px;
		font-family: Arial;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px#000;
		box-shadow: 0 0 5px #000;
		clear: right;
} 

#cajal-c2{  
        background-color: DarkKhaki;
        float:left;  
        width: 22%;
		height: 170px;
		/margin-right: 10px;
		margin-left: 10px;
		margin-bottom: 5px;
		text-align: left;
		padding: 2px;
		/min-height: 100px;
		font-size: 14px;
		font-family: Arial;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px#000;
		box-shadow: 0 0 5px #000;
		clear: right;
} 



#cajal2{  
        background-color: LightSteelBlue;
        float:left;  
        width: 125px;
		height: 270px;
		margin-right: 5px;
		margin-left: 5px;
		margin-bottom: 5px;
		text-align: left;
		padding: 2px;
		/min-height: 100px;
		font-size: 12px;
		font-family: Arial;
		text-shadow: 1px 0px 0px white;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px#000;
		box-shadow: 0 0 5px #000;
		clear: right;
		
} 


#cajar{
        background-color: #C1D7C1;
        float:left;  
		color: black;		
        width: 125px;
		height: 200px;
		margin-right: 10px;
		margin-bottom: 5px;
		text-align: center;
		padding: 2px;
		/min-height: 100px;
		font-size: 12px;
		font-family: Arial;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px#000;
		box-shadow: 0 0 5px #000;
		clear: right;
} 

#cajam{
        background-color: #D5C69D;
        float:left;  
        width: 90%;
		height:110px;
		margin-right: 5px;
		margin-bottom: 5px;
		text-align: center;
		padding: 2px;
		/min-height: 100px;
		font-size: 12px;
		font-family: Arial;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px#000;
		box-shadow: 0 0 5px #000;
		clear: right;
} 
#cajan{
        background-color: LemonChiffon;
        float:left; 
		color: black;		
        width: 125px;
		height: 200px;
		margin-right: 10px;
		margin-bottom: 5px;
		text-align: center;
		padding: 2px;
		/min-height: 100px;
		font-size: 12px;
		font-family: Arial;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px#000;
		box-shadow: 0 0 5px #000;
		clear: right;
}

#limpiar{ clear: both; } 

#foto{
        /background-color: LemonChiffon;
        float:left;  
        width: 45%;
		/height: 200px;
		margin-right: 10px;
		margin-bottom: 5px;
		text-align: left;
		padding: 2px;
		/min-height: 100px;
		font-size: 14px;
		font-family: Arial;
		/-moz-box-shadow: 0 0 5px #000;
		/-webkit-box-shadow: 0 0 5px#000;
		/box-shadow: 0 0 5px #000;
		clear: right;
} 

#foto2{
        background-color: LemonChiffon;
        float:center;  
        max-width: 400px;
		max-height: 350px;
		text-align: left;
		clear: right;
} 

#minifoto{
        /background-color: red;
        float:left;  
        width: 30%;
		/height: 200px;
		margin-right: 10px;
		margin-bottom: 5px;
		text-align: left;
		padding: 2px;
		/min-height: 100px;
		font-size: 14px;
		font-family: Arial;
		/-moz-box-shadow: 0 0 5px #000;
		/-webkit-box-shadow: 0 0 5px#000;
		/box-shadow: 0 0 5px #000;
		clear: right;
} 
		
#ventana{  
		background-color:  #ADD8E6 ;
        float:left;  
        width:100%;
		font-size: 14px;
		margin: 5px;
		text-align: left;
		padding: 5px;
		clear: right;
} 

#publicidad{
		background-color: white;
		color: black;
        float:left;  
        width:90%;
		font-size: 14px;
		margin: 5px;
		text-align: center;
		padding: 15px;
		clear: right;
		font-family: Arial;
}

#publicidad2{
		background-color: white;
		color: black;
        /float:left;  
        max-width:500px;
		font-size: 14px;
		margin: 15px;
		text-align: left;
		padding: 15px;
		clear: right;
		font-family: Arial;
		margin: 0 auto 0px auto;
}

#respuesta{  
		background-color:  #F5DEB3 ;
        float:left;  
        width:100%;
		font-size: 14px;
		margin: 5px;
		text-align: left;
		padding: 5px;
		clear: right;
} 

#poblacion{  
		background-color:BurlyWood;
        float:left;  
        width:100%;
		font-size: 14px;
		margin: 5px;
		text-align: center;
		padding: 5px;
		clear: right;
} 

h4 {
	font-family: 'Pinyon Script', cursive;
	font-size: 25px;
	color:DarkSlateGray;
	font-weight:bold;
	margin-bottom: 0px;
	margin-top: 0px;
}

h5 {
	font-family: Arial;
	background-color: LightBlue;	
	font-size: 18px;
	color:White;
	font-weight:bold;
	text-shadow: 1px 1px 1px Black;
	text-align: center;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Google Chrome y Safari */
	border-radius: 5px; /* CSS3 (Opera 10.5, IE 9 y estándar a ser soportado por todos los futuros navegadores) */
}

h6 {
	font-family: Arial;
	text-shadow: 1px 1px 1px Black;
	font-size: 22px;
	color: Red;
	margin: 1px;
}

h66 {
	font-family: Arial;
	text-shadow: 1px 1px 1px Black;
	font-size: 22px;
	color: blue;
	margin: 1px;
}

h8 {
	font-family: 'Playball', cursive;
	font-size: 25px;
	color: CornflowerBlue ;
	font-weight:inherit;
	text-align: center;
	text-shadow: 0px 0px, 1px 1px #000000;
	line-height: 25px;
}

#base{
		font-family: Arial;
		font-size: 15px;
		width: 100%;
		/height: 50px;
		color: #81F781;
		text-shadow: 1px 1px black;
		text-align: center;
		/background-color: LightSlateGray;
		padding: 10px;
		/bottom: 0; /* Posicionamos la cabecera pegada arriba */
		/position: relative; /* Hacemos que la cabecera tenga una posición fija */
}
#para-base{
		float:left;  
		min-width: 23%;
		clear: right;
		width="300px";
		/background-color: LightSlateGray;		
}

ul{
    text-align:left;
	list-style-type: circle;
	font-family: Arial;	
	margin: 0 0 30px;
	padding-left: 20;
	font-size: 16px;
	text-decoration: none;
}
li {
	list-style-image: circle;
	color: DimGray;
	padding-top: 5px;
	
	}
	
li2 {
	width: 100%;
	list-style-image: circle;
	color: Maroon;
	padding-top: 5px;
	background-color: orange;
	}

.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 20px 10px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	text-shadow: 1px 0px 0px white;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px#000;
		box-shadow: 0 0 5px #000;
		-moz-border-radius: 15px; /* Firefox */
		-webkit-border-radius: 15px; /* Google Chrome y Safari */
		border-radius: 15px; /* CSS3 (Opera 10.5, IE 9 y estándar a ser soportado por todos los futuros navegadores) */
}

.button1 {
	padding: 3px 20px;
	margin-bottom: 10px;
    background-color: NavajoWhite;
	text-decoration: none;
	text-align: left;	
    color: black; 
    border: 1px solid black;
	text-shadow: 1px 0px 0px white;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px#000;
		box-shadow: 0 0 5px #000;
		-moz-border-radius: 5px; /* Firefox */
		-webkit-border-radius: 5px; /* Google Chrome y Safari */
		border-radius: 5px; /* CSS3 (Opera 10.5, IE 9 y estándar a ser soportado por todos los futuros navegadores) */
}

.button1:hover {
    background-color: #4CAF50;
    color: white;
	-webkit-transition-duration: 0.9s; /* Safari */
    transition-duration: 1.4s;
	text-shadow: 1px 0px 0px white;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px#000;
		box-shadow: 0 0 5px #000;
		-moz-border-radius: 5px; /* Firefox */
		-webkit-border-radius: 5px; /* Google Chrome y Safari */
		border-radius: 5px; /* CSS3 (Opera 10.5, IE 9 y estándar a ser soportado por todos los futuros navegadores) */

}
.button2 {
	padding: 8px 15px;
    background-color: DarkBlue; 
    color: yellow; 
    border: 2px solid white;
	text-shadow: 1px 0px 0px white;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px#000;
		box-shadow: 0 0 5px #000;
		-moz-border-radius: 15px; /* Firefox */
		-webkit-border-radius: 15px; /* Google Chrome y Safari */
		border-radius: 15px; /* CSS3 (Opera 10.5, IE 9 y estándar a ser soportado por todos los futuros navegadores) */
}

.button2:hover {
    background-color: CadetBlue;
    color: black;
	-webkit-transition-duration: 0.9s; /* Safari */
    transition-duration: 1.4s;
	text-shadow: 1px 0px 0px white;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px#000;
		box-shadow: 0 0 5px #000;
		-moz-border-radius: 15px; /* Firefox */
		-webkit-border-radius: 15px; /* Google Chrome y Safari */
		border-radius: 15px; /* CSS3 (Opera 10.5, IE 9 y estándar a ser soportado por todos los futuros navegadores) */

}
.button3 {
	padding: 2px 6px;
    background-color: red; 
    color: white; 
    border: 2px solid black;
	margin-top: 6px;
	margin-bottom: 6px;
	text-shadow: 1px 0px 0px black;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px#000;
		box-shadow: 0 0 5px #000;
		-moz-border-radius: 15px; /* Firefox */
		-webkit-border-radius: 15px; /* Google Chrome y Safari */
		border-radius: 15px; /* CSS3 (Opera 10.5, IE 9 y estándar a ser soportado por todos los futuros navegadores) */
}

.button3:hover {
    background-color: yellow;
    color: black;
	margin-top: 6px;
	margin-bottom: 6px;
	-webkit-transition-duration: 0.9s; /* Safari */
    transition-duration: 1.4s;
	text-shadow: 1px 0px 0px white;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px#000;
		box-shadow: 0 0 5px #000;
		-moz-border-radius: 15px; /* Firefox */
		-webkit-border-radius: 15px; /* Google Chrome y Safari */
		border-radius: 15px; /* CSS3 (Opera 10.5, IE 9 y estándar a ser soportado por todos los futuros navegadores) */

}
#nota {
font-size: 12px;
color: DarkCyan;
margin: 5px;
/font: message-box;
}

hr {color: white;
	
}

#ventana-movil{
	max-width: 550px;
	/background-image: url('http://www.comarcarural.com/css/imagenes/fondo2.jpg');
	/background-repeat: repeat-x;
	background-color: green;
	font-family: Arial, Helvetica, sans-serif;
	background-attachment: fixed;
}
#centro {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-top: -75px;
   margin-left: -75px;
}
.link {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:Bisque;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #F19D43;
	display:inline-block;
	cursor:pointer;
	color:DarkOliveGreen;
	font-family:Arial;
	font-size:16px;
	/font-weight:bold;
	padding:5px 5px;
	text-decoration:none;
	text-shadow:0px 1px 0px whyte;
}
.link:hover {
	
	background-color:DarkOliveGreen;
	color: Cornsilk;
	text-decoration:none;
	-moz-box-shadow:1px 1px 1px 1px LightSlateGray;
	-webkit-box-shadow:1px 1px 1px 1px LightSlateGray;
	box-shadow:1px 1px 1px 1px LightSlateGray;
}
.link:active {
	position:relative;
	color: red;
	top:-2px;
}