/*  
Theme Name: Industria Verde
Theme URI: http://www.cysinnovacion.com
Description: Basado en la plantilla "A dream to host"
Version: 1.0
Author: UvaDesign
Author URI: http://www.uvadesign.cl
Tags: IndustriaVerde, 2 Columnas
*/ 
 
/* **************************************
RESET
************************************** */

@import url(library/styles/reset.css);

/* **************************************
GENERAL
************************************** */

body {font: normal 12px Arial, Helvetica, sans-serif; color: #676867; background: #efefef url(images/bg-header.png) repeat-x; text-align: center; margin: 0; padding: 0;}
a:link {color : #668a15;text-decoration:none;}
a:visited {color : #9aae6b;text-decoration:none;}
a:hover {color : #476600;text-decoration:underline;}
a:active {color : #668a15;text-decoration:none;}

h1 {margin: 0px 0px 10px; padding-bottom : 1px; font: normal 1.8em Arial, sans serif; letter-spacing: -1px; font-weight: bold;}
h2 {letter-spacing: -1px; font-weight: bold;}
h3 {color : #000;margin : 10px 0;padding-bottom : 10px; font: bold 1em Arial, Helvetica, sans-serif;}
ul {padding:0; margin:0;list-style: square;}
blockquote {border-left:1px solid #EAEAEA;padding-left: 10px;}
.oculto {display: none;}
img { border: none;}

/* **************************************
LAYOUT
************************************** */

#wrap { width: 840px; margin: 0 auto; text-align: left;}
#header {height: 200px; width: 970px; margin: 0 auto; }
#navegacion {text-align: right; width: 840px; padding-top: 5px; }
#navegacion li {list-style-type: none; display: inline;}
#navegacion ul li a {padding-right: 25px;}
#navegacion a:link, #navegacion a:visited {color: #fff;}
#navegacion a:hover { color: #ffcc00;}

#logo-header { height: 170px; margin: 6px auto 0;}

.box {margin: 20px 0; background: #fcfcfc; padding: 15px; border: 1px solid #DFDFDF;}
.box p { font-size: 11px; line-height: 140%; color: #777; margin-top: 5px;}

/* **************************************
MENU - CATEGORIAS
************************************** */
#secciones {}
#secciones a { display: block; text-decoration: none; font: bold 13px Arial; color: #5F5F5F; width: 210px; height: 75x; float: left; display: inline; padding-top: 55px; text-align:center; }

.eolica  a { background: url(images/menu-eolica-0.jpg) 0 0 no-repeat; }
.eolica  a:hover { background: url(images/menu-eolica-1.jpg) 0 0 no-repeat; }

.sustentable  a { background: url(images/menu-sustentable-0.jpg) 0 0 no-repeat; }
.sustentable  a:hover { background: url(images/menu-sustentable-1.jpg) 0 0 no-repeat; }

.solar  a { background: url(images/menu-solar-0.jpg) 0 0 no-repeat; }
.solar  a:hover { background: url(images/menu-solar-1.jpg) 0 0 no-repeat;  }

.eficiencia  a { background: url(images/menu-eficiencia-0.jpg) 0 0 no-repeat;  }
.eficiencia  a:hover { background: url(images/menu-eficiencia-1.jpg) 0 0 no-repeat;  }

/* **************************************
CONTENIDO
************************************** */

.correo { background: url(images/sobre.png) no-repeat left center; padding-left: 20px;}

#contenido { width: 530px; float:right; margin-top: 20px;}
#contenido ul {padding:0; margin: 0 0 0 30px;}
#contenido ol {padding:0; margin: 0 0 0 30px;}

#contenido h2 { font-size: 22px; margin: 10px 0 5px;}

.fecha {float: left; background: url(images/clock.png) no-repeat left center; padding: 5px 20px; font-size: 11px;}
.comentarios { float: right; background: url(images/comment.jpg) no-repeat left center; padding: 5px 0px 5px 20px; font-size: 11px;}
.post { background: #fff; padding: 16px; border: 1px solid #dcdcdc;} 
.post p { line-height: 160%;}
.postitle { margin: 0;}
.postmeta {background:#f5f5f5; margin: 0 0 12px; border-bottom: 1px solid #cfcfcf; padding: 3px 5px; color:#777; font-size: 11px;}

#columna {width: 280px; float: left; min-height:600px; margin-top: 20px;}

.clear {clear: both;}
.espacio {margin: 40px 0; display: block;}

.footnav {padding:10px 0;}
#footer {background:#FFF center; padding : 50px 40px 5px 40px;clear : both;color:#666;font-size:.8em;}

/* **************************************
COMENTARIOS
************************************** */

#comment {width:100%;}
ol h3  {border:none;padding-bottom:0}
#commentlist li {padding:5px 10px;}
#commentlist li.alt {background-color:#e9edf6}
.commentmeta {font-size:.7em;color:#999;}

/* **************************************
SIDEBAR
************************************** */

#busqueda {width: 215px; margin: 10px auto;}
#sidebar ul {list-style-type:none;}
#sidebar h2 {color:#598437; padding:3px 10px; border-bottom:1px solid #598437; padding-bottom: 2px; font-size: 16px;}
#sidebar li.rss {border-bottom:none;}
#sidebar li.rss img {float:left;padding: 5px 10px;}

ul.sitios { margin: 20px auto;}
ul.sitios li { display: inline; padding: 5px;}

ul.categorias { list-style-image: url(images/flecha.png) !important; margin: 5px 0 0  18px;}
ul.categorias li { padding: 5px; }

/* **************************************
IMAGENES FLICKR
************************************** */

.flickrtable { margin: 15px 0 0 30px; list-style-type: none;}
.flickrtable img { padding: 10px;  }