/*
Theme Name: Sitio Ecologico
Theme URI: http://www.sitioecologico.com/
Description: Theme para el proyecto sitioecologico.com
Version: 1.0
Author: Cristiam Lemos
Author URI: http://www.alojateweb.com
*/

body {
background-color: #e5e8dc;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#006666;
padding:0;
margin:0;
}
a {
color: #999933;
text-decoration: none;
}
a:visited {color:#DB7093;}
a:hover {
color: #999933;
text-decoration: underline;
}
a:active { color:#000000;}
h2 a {color: #006699;}


h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #daeca2;
border-top:1px solid #cdebaf;
border-bottom:1px solid #cdebaf;
padding:5px 15px;
margin:0 }

h2 {
font-size:18px;
font-weight: normal;
padding: 5px 10px;
margin:0;
color: #69A6BB;
}

h3 {
font-size:14px;
font-weight: normal;
padding: 5px 10px;
margin:0;
color: #69A6BB;
}

.titles {
font-size:14px;
font-weight: normal;
padding: 5px 10px;
margin:0;
color: #69A6BB;
}

/* ----------------- formularios -------------------------*/

#loggin {
float: right;
width: 230px;
margin: 5px auto;
padding: 0px;
}

label {
margin: 1px 1px;
}

input {
margin: 1px 1px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
border:3px solid #cdebaf;
}



img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#menu a{
font-size: 11px;
text-transform:uppercase;
background-color: #f4fae4;
border-top:1px solid #cdebaf;
border-bottom:1px solid #cdebaf;
padding:5px 15px;
margin:0px 1px}

#menu a:hover {
color:#FFFFFF;
text-decoration: none;
}

#container {
width: 970px;
margin-bottom: 10px;
margin: 0px auto;
background-color: #FFFFFF;
}

/* ----------banner for logo-------------- */
#logo {
background-image: url(images/header.jpg);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
height: 150px;
}

#menu {
background-color: #daeca2;
text-align: left;
padding: 5px 5px;
margin: 0px;
}

#space {
background-image: url(images/borde.jpg);
background-repeat: repeat-x;
background-position: top;
}

#banner img {padding:10px 0px;} 

/* -----------------content--------------------- */
#content {
background-color: #ffffff;
padding: 0px;
margin: 0 200px;
}
#content p {text-align:justify;}

div#content {
border-left:1px solid #f8fbed;
border-right:1px solid #f8fbed;
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

p, pre, small {
padding: 5px 10px;
margin:0px;
}

/* --------------left navi------------- */
#left {
float: left;
width: 200px;
margin: 0;
padding: 0;
}
#right {
float: right;
width: 200px;
margin: 0;
padding: 0;
}


/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0;
padding: 30px 5px 10px;
text-align: left;
background-image: url(images/footer.jpg);
background-repeat: no-repeat;
}
#footer p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
}
#footer a {
color:#ffffff;
}
#footer a:hover {
color:#006699;
}