#fondo{
	width: 100%;
	height: 100%;
	background-color: #E6E6FA;
	background-attachment: fixed;
	/background-image: url(http://www.comarcarural.com/mov/images/fondo.jpg);
}
#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 */
}
#pagina{
	max-width:900px;
	color: black;
	/background-color: blue;
	/opacity: 0.5;
	overflow: hidden; 
	padding: 15px; 
	margin: 0 auto 10px auto;
	font-family: Arial;
	font-size: medium;
	overflow: hidden; 
	margin-top: 80px;
	text-align: left;
	-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:900px;
	color: black;
	/background-color: blue;
	/opacity: 0.5;
	overflow: hidden; 
	padding: 15px; 
	margin: 0 auto 10px auto;
	font-family: Arial;
	font-size: medium;
	overflow: hidden; 
	margin-top: 40px;
	text-align: left;
	-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) */
}


#ventana0{
	max-width: 600px;
	/background-color: yellow;
	/opacity: 0.5;	
	font-family: Arial;
	float:left;  
	/margin: 0 auto 10px auto;
	color: black;
	font-size: 14px;
	overflow: hidden; 
	padding: 5px;
	/text-shadow: 1px 1px 1px black;
	clear: both;
	/-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) */
}

#ventanad{
	max-width: 275px;
	/background-color: red;
	/opacity: 0.5;	
	font-family: Arial;
	float:right;  
	
	/margin: 0 auto 10px auto;
	color: DimGray ;
	font-size: 16px;
	overflow: hidden; 
	padding: 5px;
	text-shadow: 1px 1px white;
	/clear: both;
	/-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) */
}

#ventana{
	max-width: 650px;
	/background-color:white;
	/opacity: 0.5;	
	font-family: Arial;
	/margin: 0 auto 10px auto;
	margin: 10px;
	color: black;
	font-size: 14px;
	overflow: hidden; 
	padding: 5px;
	/text-shadow: 1px 1px 1px black;
	clear: both;
	/-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:530px;
		margin: 5px;
		text-align: left;
		padding: 15px;
		clear: right;
} 
#derecha{  
        /background-color: #F5F5DC;  
        float:right;  
        max-width:300px; 
		text-align: left;
		padding: 15px;
		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) */
}   

#izquierda0{  
        
        /float:left;  
        /max-width:350px;
		text-align: center;
		/margin: 5px;
		text-decoration: none;
		/padding: 5;
		clear: right;
				
}  
#izquierdab{
		font-family: Arial;
		max-width: 550px;
		color: black;
		font-size: 16px;
		margin-left: 120px;
		padding-right: 5px;
		clear: all;
		/font-weight:bold;
}

#site-name{
		font-family: 'Playball', cursive;
		color: white;
		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{  
		width:100%;
		margin-top: 10px;
		text-align: center;
		top: 2; /* Posicionamos la cabecera pegada arriba */
		position: fixed; /* Hacemos que la cabecera tenga una posición fija */
} 


#derecha-c{  
		/background-color: white; 
		/font-family: 'Pinyon Script', cursive;		
        /float:right;  
        width:100%;
		margin-top: 60px;
		/margin-right: 30px;
		text-align: center;
		/font-size: 30px;
		/padding: 5;
		/color:black;
		/font-weight:inherit;
		top: 5; /* Posicionamos la cabecera pegada arriba */
		position: fixed; /* Hacemos que la cabecera tenga una posición fija */
}  

#base{
		font-family: Arial;
		font-size: 15px;
		color: white;
		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 */
}


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;
}
h4 {
	font-family: 'Pinyon Script', cursive;
	font-size: 30px;
	color:green;
	font-weight:bold;
}

#icono{
	/background-color: FireBrick;
	color: CadetBlue;
	font-size:25px;
	padding:5px;
	
}
#caja2{  
        /background-color: #F5F5DC;  
        width: 90%; 
		text-align: center;
		font-family: Arial;
		font-size: 14px;
		padding: 6px;
		color: blue;
		margin: 15px 5px 15px 1px;
		text-decoration: none;
		text-shadow: 1px 0px 0px white;
		-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) */
}
#icono2{
	background-color: LightPink;
	color: white ;
	font-size:25px;
	padding:5px;
	
}

.blanco {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
	background-color:#3d94f6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
}
.blanco:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
	background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
	background-color:#1e62d0;
}
.blanco:active {
	position:relative;
	top:1px;
}
.social-links a {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #2F4F4F;
  color: #808080;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  padding-top: 10px;
  background-color: #2F4F4F;
  -webkit-transition: .3s ease;
          transition: .3s ease;
}
.social-links a.facebook:hover {
  color: yellow;
  border-color: red;
}
.social-links a.twitter:hover {
  color: yellow;
  border-color: red;
}
.social-links a.back:hover {
  color: yellow;
  border-color: red;
}
.social-links a.mail:hover {
  color: yellow;
  border-color: red;
}
.social-links a.youtube:hover {
  color: yellow;
  border-color: red;
}

.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:transparent;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:DimGray ;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:5px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px white;
}
.link:hover {
	
	background-color:Bisque;
	color: Teal;
	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;
}

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

hr {color: white;
	
}