* { padding: 0; margin: 0; }
html { height: 101%; }
body {
  color: white;
  background-color: #112c3f;
  background-image:  url("../images/fo.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  font-family: Tahoma, Arial;
  font-size: 12px;
  line-height: 1.5em;  
}
#wrapper {
  color: #CCC;
  width: 900px;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
}
#top {
	clear: both;
}
#encabezado {
	position: relative;
	color: white;
	padding: 20px 0 0 0;
	height: 90px;
	background-image:  url("../images/mt5.png");
	background-repeat: no-repeat;
}
#areatexto { 
  padding-top: 20px 5px 20px 5px ;
}
#splash {
	width: 900px;
	height: 300px;
}
#splash-vert {
	width: 300px;
	height: 300px;
}
.titulos-barra{
color: #77a093;
}
.titulos{
color: #77a093;
}
#columna-der{
  float: right;
  width: 300px;
  margin-top: 20px;
  margin-bottom: 10px;
}
#noticias{
  float: right;
  background-image:  url("../images/px-verde.gif");
  background-repeat: repeat;
  width: 300px;
  padding-top: 7px ;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  margin-bottom: 10px;
}
	#noticias p {
		  right: 10px;
	      padding: 0px 0 5px 0;
	      margin-bottom: 0;
	    }
#columna-izq{
  float: left;
  width: 550px;
  margin-top: 20px;
  padding-top: 7px;
  padding-right: 15px; 
  padding-bottom: 20px;
}
#donaciones{
  float: right;
  width: 300px;
  padding-top: 15px ;
  padding-right: 5px; 
  padding-bottom: 2px;
  padding-left: 20px;
}
#newsletter{
  float: right;
  background-image:  url("../images/px-verde.gif");
  background-repeat: repeat;
  width: 300px;
  padding-top: 7px ;
  padding-right: 5px; 
  padding-bottom: 5px;
  padding-left: 10px;
  margin-bottom: 10px;
}
#pie {
  clear:both;
  padding: 0px;
  padding-top: 20px;
  padding-bottom: 10px; 
  border-top: 1px dotted #666; 
  margin-top: 10px;
  height: 50px;
}
#pie p{ float:left; font-size:1em; line-height:1.5em; color:#77a093; padding:2px 0 2px 0px; margin:0;}

#validate{ float:right; padding:5px 0 2px 0px; margin-right: 2px; }
#validate a,
#validate p strong{font-family:Helvetica, arial, sans-serif; font-size:1em; font-style: normal; color:#ffa800; font-weight:bold; text-decoration:underline;}
#validate a:hover{ text-decoration:underline; }
#validate p	{ font:italic 11px Georgia, "Times New Roman", serif; color:#ffa800; }

h1 { font-size: 200%; } 
h2 { font-size: 130%; margin-bottom: 0.5em; border-bottom: 1px dotted #006600; padding-bottom: 0.5em;}
h3 { color: #333333; margin-top: 5px;}
h4 { color: #06F;}
strong { color: #000000; margin-bottom: 5px;}
address {
  text-align: center;  
  font-size: 90%; 
  font-style: normal; 
  letter-spacing: 1px; 
  line-height: 1.5em; 
}
a { text-decoration: underline; outline: none; } 
a:link { color: #ffa800;}
a:visited { color: #ffa800; }
a:hover, a:focus { text-decoration: underline; }
a:active { color: white; background-color: #ffa800; }
.skiplink { display: none; }

p, ul { 
  margin-top: 0 ;
  margin-right: 0 ;
  margin-bottom: 1em ;
  margin-left: 0;
}
ul ul { 
  margin: 0; 
} 
li { 
  margin-top: 0 ; 
  margin-right: 0; 
  margin-bottom: 0; 
  margin-left: 1em; 
} 
.img-izq{
  float:left;
  margin-right:10px;
  margin-top: 0px;
  margin-bottom: 5px;
  border: 5px solid #CCCCCC;
}
.img-donaciones{
  float:left;
  margin-right:5px;
  margin-top: 7px;
  margin-bottom: 5px;
  margin-left: 0px;
}
.img-der{
  float: right;
  margin-right:10px;
  margin-top: 0px;
  margin-bottom: 5px;
  border: 5px solid #CCCCCC;
}
.fecha-noticia{
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 75%;
}
.mot-der{
  float: right;
  margin-right:10px;
  margin-top: 1px;
  margin-bottom: 20px;
}
.mot-izq{
  float: left;
  margin-right:50px;
  margin-top: 0px;
  margin-bottom: 0px;
}

/* ============================
   	El formulario de contacto
form {
	background-color: #369;
  width: 250px;
  padding: 10px;
  border: 1px solid #666;
}
label { display: block; } 
#remitente, textarea {
  width: 300px;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
}
textarea { height: 7em; }
input:focus, textarea:focus 
{
  background-color: #d9d9d9; 
}
	============================ */


div#container{width: 900px; min-width:300px; margin-top: 9px; font-size: 12px; float:auto; background-image:url("../images/back-nav.gif"); height:40px; border: 1px solid #24587d;}

ul#minitabs{list-style: none;margin: 0;padding: 6px 0;
  border-bottom: 0px solid #CCC; font-weight: normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-align: center; white-space: normal; font-size: 1.1em;}
ul#minitabs li{display: inline; margin: 0 25px}
ul#minitabs a{text-decoration: none;padding: 0 0 3px;
  border-bottom: 4px solid #112c3f;color: #FFFFFF}
ul#minitabs a#current{border-color: #ffa800;color: #FFCC33}
ul#minitabs a:hover{border-color: #ffa800;color: #FFCC33;}

ul#items {
	float: left;
	list-style: none;
	margin: 0 60px 15px 0;
	padding: 6px 0;
	font-family: Tahoma, Arial;;
	white-space: normal; 
	font-size: 1.1em;
}
ul#items li {
	display: list-item;
	line-height: 2em;
	background-image: url("../images/bullet.png");
	background-repeat: no-repeat;
	background-position: 5px 7px;
	padding: 0 0 0 18px;
}

.subtitulo-not	{
	font-family: Tahoma, Arial;
	font-size: 0.9em;
	color: #009900;
}
.ico-rss{
	float: left;
	padding-top: 1px;
	padding-right: 5px;
}
.fecha-not	{
	font-family: Tahoma, Arial;
	font-size: 0.9em;
	color: #333333;
}
.img{
  margin-left: 12px;
  margin-right:0px;
  margin-top: 0px;
  margin-bottom: 5px;
  border: 5px solid #CCCCCC;
}
.contenedorfoto {
   float: left;
   width:70px;
   height:70px;
   margin: 5px;
   padding: 5px 5px 20px 5px;
   text-align:center;
}
.foto-desc{
	font-family: Tahoma, Arial;
	font-size: 0.9em;
	color:#77a093;
}
a.foto { text-decoration: underline; outline: none; } 
a.foto:link { color: #CCCCCC; border: 0;}
a.foto:visited { color: #CCCCCC; }
a.foto:hover, a:focus { text-decoration: underline; }
a.foto:active { color: white; background-color: #CCCCCC; border: 0;}
.foto-b	{
  padding: 2px;
  border: 1px solid #666;
}
#slide{
	position: relative;
	padding: 4px;
	width: 890px;
	height: 300px;
}
#slide img {
	display:none; position:absolute; top:4px; left:4px;
}
#slide-vert{
	position: relative;
	padding: 4px;
	width: 290px;
	height: 300px;
}
#slide-vert img {
	display:none; position: absolute; top:4px; left:4px;
}
#datos{
	float: right;
	margin-top: 10px;
}
.leermas	{
	float: right;
	background-image: url("../images/flecha.gif");
	background-repeat: no-repeat;
	padding-left: 15px;
}
.tumb	{
	padding: 2px;
	margin: 2px;
	border: 1px solid #666;
}
.tumb-consejos	{
	float: left;
	padding: 2px;
	margin-right: 10px;
	border: 1px solid #666;
}


#contact_form_holder {
    font-family: 'Verdana'; /* this is a nice font-family, at least i think, if you don't like it change it <img src="http://tutsvalley.com/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley">  */
    font-variant: normal; /* making the small letter looks like capital but keeping the size of it to smaller, looks cool */
    width:300px; /* setting a fixed width of the contact form holder will make things easier later (like aligning and such) */
	float: left;
}
#contact_form_holder input, #contact_form_holder textarea {
    width:300px; /* make all the inputs and the textarea same size (100% of the div they are into) */
	background-color: #112c3f;
	border: 1px dotted #F90;
	color: #F90;
	margin-bottom: 5px;
    font-family: inherit ; /* we must set this, so it inherits the font-family */
    padding:0px; /* and make a custom padding, you can set whatever you like */
}
#contact_form_holder textarea {
    height:100px; /* i never liked small textareas, so make it 100px in height */
}
#send_message {
    width:200px !important; /* the width of the submit button  */
    font-variant: small-caps; /* nicer font-variant (like explained before) */
    border:1px solid black; /* remove the default border and put a normal black one */
    cursor:pointer;
    cursor:hand;
}
#cf_submit_p { text-align:right; } /* show the submit button aligned with the right side */

/* styling */

.error {
    display: none; /* hide the errors */
    /* add some styling */
    padding:10px;
    color: #D8000C;
    font-size:12px;
    background-color: #FFBABA;
}
.success {
    display: none; /* hide the sucess div */
    /* add some styling */
    padding:10px;
    color: #044406;
    font-size:12px;
    background-color: #B7FBB9;
}

#contact_logo { vertical-align: middle; }
.error img { vertical-align:top; }
#direccion	{
	float: left;
	padding-left: 50px;
}