#fondo{
	width: 100%;
	background-color: white;
	background-attachment: fixed;
}

#fondo2{
	
	background-color: #D0D1F4;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
}



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

#pagina{
		max-width:1000px;
		color: black;
		/background-color: green;
		/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:350px;
		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) */
}


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

#derecha{  
        /background-color: #F5F5DC;  
        float:right;  
        max-width:300px; 
		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;  
        max-width: 90%; 
		min-height: 100px;
		text-align: left;
		font-size: 14px;
		font-family: Arial;
		padding: 3px;
		color: #696969;
		margin: 3px;
		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) */
}

#cajal{  
        background-color: #ffffff;
        float:left;  
        width: 285px;
		height: 170px;
		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;
} 

#cajar{
        background-color: #C1D7C1;
        float:left;  
        width: 285px;
		height: 140px;
		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;
} 

#cajam{
        background-color: #D5C69D;
        float:left;  
        width: 285px;
		height: 120px;
		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;
} 
#cajan{
        /background-color: #D5C69D;
        float:left;  
        width: 285px;
		height: 120px;
		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;
} 

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

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

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: 14px;
	color:White;
	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;
		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 */
}

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: black;
	padding-top: 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 5px;
	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;
margin: 5px;
/font: message-box;
}

hr {color: white;
	
}

#ventana-movil{
	max-width: 550px;
	/background-image: url('http://www.comarcarural.com/valencia/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;
}