/*  
Theme Name: Reduce tu Huella - Calculadora
Theme URI: http://www.reducetuhuella.com
Description: Theme para el blog de GEQ	
Version: 2
Author: 2litros > raimundo illanes y tomás bascuñan
Author URI: http://www.2litros.cl/
*/

@import url('reset.css');

/*------ estilos base ------*/

html, body {
	color: #fffeff;
	margin: 0px;
	padding: 0;
	text-align: center;
	background: #000 repeat-x 0 230px;
	font: normal 12px/150% "Lucida Grande", Lucida, Verdana, sans-serif;
}

a {
	color: #33ccff;
	font-weight: bold;
	text-decoration: none;
}

a:active, a:hover {
	color: #33ccff;
}

img {
	padding: 0px;
	margin: 0px;
}

h1 {
	padding: 0px;
	margin: 0px;
	letter-spacing: -2px;
	font: 3em/110% "Trebuchet MS", Helvetica, "Lucida Grande", Arial, sans-serif;
	text-align: left;
}

h2 {
	color: #fffeff;
	padding: 0px 0px 8px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	font: bold 1.6em/140% "Trebuchet MS", Helvetica, "Lucida Grande", Arial, sans-serif;
	text-align: left;
}

h3 {
	padding: 0px 0px 8px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	color: #fffeff;
	font: bold 1em/140% "Trebuchet MS", Helvetica, "Lucida Grande", Arial, sans-serif;
	text-align: left;
}

h4 {
	color: #1d86a9;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
}

p {
	color: #fffeff;
	text-align: left;
}

/* ------ estilos para las cajas ------ */

.wrap {
	width: 960px;
	margin: 0 auto;
}

.footer_wrap {
	width: 930px;
	margin: 140px auto 0;
	padding: 15px;
}

#header {
	width: 100%;
	float: left;
	height: 560px;
	background: url(images/header.jpg) no-repeat center center;
}

#texto {
	width: 100%;
	margin-top: 50px;
	background: url(random.php) no-repeat;
	height: 327px;
}

#content {
	width: 570px;
	float: left;
	padding-left: 9px;
}

#sidebar {
	width: 340px;
	float: right;
}

#sidebar_int {
	width: 340px;
	float: right;
	margin-top: 10px;
}

#footer {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 20px;
	padding-top: 2px;
	padding-bottom: 20px;
	background: #FFF url(images/footer.jpg) no-repeat center top;
}

#search {
	margin-top: 10px;
	margin-bottom: 10px;
}

#calculadora {
	margin: 0 0 20px;
	width: 100%;
	float: left;
}

#descarga {
	background: url(images/air.png) no-repeat 30px 8px;
	height: 50px;
	width: 240px;
	padding: 8px 8px 12px 100px;
	margin-bottom: 20px;
	border-bottom: 3px solid #999;
	z-index: 0;
	float: left;
}

#descarga:hover {
	border-bottom: 3px solid #33ccff;
}

.comentarios {
	padding: 8px;
	width: 552px;
	float: left;
	text-align: left;
}

/*------ estilos para el header ------*/

#menu {
	width: 100%;
	float: right;
	margin-top: 2px;
}

#menu ul {
	margin: 0 0 20px;
	text-transform: uppercase;
	text-align: center;
	padding: 0;
	height: 30px;
}

#menu ul li {
	list-style-type: none;
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	margin: 0;
	display: inline;
}

#menu ul li a {
	display: inline;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-right: 9px;
	margin-left: 9px;
}

#menu ul li a:active, #menu ul li a:link, #menu ul li a:visited {
	color: #fffeff;
	padding-top: 4px;
	padding-bottom: 4px;
}

#menu ul li a:hover,  #menu ul li.current_page_item a, #menu ul li.current_page_item a:visited, #menu ul li.current_page_ancestor a, #menu ul li.current_page_ancestor a:visited {
	color: #33ccff;
	border-bottom: 2px solid #fff;
	padding-top: 4px;
	padding-bottom: 4px;
}

/* ------ estilos para el content ------*/

.izq {
	width: 102px;
	float: left;
}

.der {
	float: right;
	width: 425px;
}

.izq h1 {
	text-align: center;
	color: #33ccff;
	font-weight: bold;
	margin-bottom: 0;
	line-height: 100%;
}

.izq h2 {
	text-align: center;
	color: #fffeff;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 0;
	line-height: 100%;
}

.izq img {
	border: 1px solid #000;
	margin-top: 20px;
}

.titulos h1 {
	text-transform: uppercase;
	font: normal normal 2em "Trebuchet MS", Helvetica, "Lucida Grande", Arial, sans-serif;
	letter-spacing: normal;
	margin-bottom: 2px;
}

.titulos h1 a {
	color: #fffeff;
}

.titulos {
	width: 375px;
	float: left;
	margin-bottom: 1px;
}

.nube {
	float: right;
	width: 40px;
	margin: 5px 0 0;
	background: transparent url(images/nube.png) no-repeat;
	height: 30px;
}

.nube p {
	margin: 5px 0 0;
	text-align: center;
}

.nube p a {
	text-align: center;
	font-weight: bold;
	color: #000;
}

.info {
	width: 100%;
	float: left;
}

.metadata {
	text-transform: lowercase;
	color: #33ccff;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 1px;
}

.metadata a {
	color: #33ccff;
	font-weight: bold;
	text-decoration: none;
}

.alignleft {
	margin-top: 2px;
	margin-bottom: 5px;
	margin-right: 10px;
	border: 5px solid #2aa9e0;
	float: left;
}

.alignright {
	margin-top: 2px;
	margin-bottom: 5px;
	margin-left: 10px;
	border: 5px solid #2aa9e0;
	float: right;
}

#content h1 a {
	text-decoration: none;
}

.post {
	padding: 8px 8px 20px;
	width: 552px;
	float: left;
	background-color: #4d4d4d;
	margin-bottom: 30px;
	border-top: 1px solid #747474;
	border-left: 1px solid #747474;
	border-right: 1px solid #5a5a5a;
	border-bottom: 1px solid #5a5a5a;
}

#content ul {
	margin: 5px 0 0;
	padding-left: 20px;
	text-align: left;
}

#content ul li {
	list-style-type: disc;
	list-style-position: outside;
	margin-bottom: 6px;
	font-size: 11px;
}

#content h2 {
	font-size: 1.6em;
	font-weight: bold;
	text-decoration: none;
	color: #33ccff;
	margin-top: 4px;
	margin-bottom: 4px;
}

.addthis_button {
	float: left;
	border-style: none;
}

/* ------ estilos calculadora ------ */

.cal {
	width: 100%;
	margin-bottom: 20px;
	float: left;
}

.cal_izq {
	float: left;
	width: 80px;
}

.cal_der {
	width: 460px;
	float: right;
	border-left: 1px solid #474747;
	padding-left: 12px;
}

.cal_der h3 {
	margin-bottom: 2px;
	font-size: 16px;
	font-weight: bold;
}

.cal_der p {
	line-height: 120%;
}

/* ------ estilos para publicaciones ------ */

.publicacion {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 10px;
}

.icon {
	width: 90px;
	float: left;
	margin-top: 20px;
	height: 90px;
}

.pub_info {
	width: 475px;
	float: right;
}

.pub_info p {
	font-size: 10px;
}

#content h2.pub {
	font-size: 2.1em;
	line-height: 100%;
	margin-bottom: 2px;
}

/* ------ estilos para el sidebar ------ */

#sidebar ul {
	margin: 15px 0 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
}

#sidebar li {
	margin-bottom: 15px;
	border-bottom: 1px solid #414141;
	padding-bottom: 5px;
	list-style-type: none;
}

#sidebar li a {
	color: #b5b5b5;
	text-decoration: none;
	padding-bottom: 5px;
}

#sidebar li a:hover,
#header li#active a:hover {
	color: #909090;
	padding-bottom: 5px;
}

#sidebar h2 {
	color: #33ccff;
	margin-top: 6px;
	text-transform: uppercase;
}

#auspicios {
	width: 100%;
	float: left;
	margin-top: 20px;
	margin-bottom: 50px;
	padding-bottom: 20px;
	border-bottom: 2px solid #fffeff;
}

#auspicios h1 {
	text-transform: uppercase;
	letter-spacing: normal;
	margin-bottom: 10px;
	color: #33ccff;
	font: normal normal 3.7em "Trebuchet MS", Helvetica, "Lucida Grande", Arial, sans-serif;
}

#auspicios h2 {
	text-transform: uppercase;
	letter-spacing: normal;
	margin-bottom: 0;
	color: #33ccff;
	margin-top: 20px;
	font: normal normal 39px "Trebuchet MS", Helvetica, "Lucida Grande", Arial, sans-serif;
}

#calculadora_foto {
	margin: 0 0 20px;
	width: 100%;
	float: left;
}

#calculadora_foto a {
	width: 340px;
	height: 500px;
	text-decoration: none;
	border-style: none;
	display: block;
	background: url(images/calculadora_link.png) no-repeat;
}

#calculadora_foto a:hover {
	background-position: -340px 0;
}

/* ------ estilos para el sibar de paginas ------ */

#sidebar_int h2 {
	color: #33ccff;
	margin-top: 6px;
	text-transform: uppercase;
}

#sidebar_int ul {
	margin: 0;
	padding: 0;
	width: 200px;
	text-align: left;
	float: right;
	list-style-type: none;
}

#sidebar_int ul li {
	display: block;
	height: 1%;
}

#sidebar_int ul li a {
	padding: 4px 5px 4px 10px;
	background-color: #3d3d3d;
	border-bottom: 2px solid #222;
	display: block;
	margin-bottom: 4px;
	font-size: 14px;
	color: #fffeff;
}

#sidebar_int ul li a:hover {
	background-color: #33ccff;
	padding: 4px 5px 4px 10px;
	color: #000;
	margin-bottom: 4px;
	border-bottom: 2px solid #222;
	display: block;
}

#sidebar_int ul li.current_page_item a {
	background-color: #33ccff;
	padding: 4px 5px 4px 10px;
	color: #000;
	margin-bottom: 4px;
	border-bottom: 2px solid #222;
	display: block;
}

/* ------ estilos para el comentario ------ */

.campo {
	width: 300px;
	padding: 4px;
	margin-right: 4px;
}

.area {
	width: 530px;
	height: 200px;
	padding: 4px;
}

.even {
	width: 510px;
	float: left;
	padding: 10px;
	margin-bottom: 10px;
}

.odd {
	width: 510px;
	float: left;
	padding: 10px;
	background-color: #212222;
	margin-bottom: 10px;
}

ol .commentlist {
	margin: 0;
	padding: 0;
	text-align: left;
}

.url {
	
}

.campo1 {
	width: 500px;
	padding: 3px;
}

.campo2 {
	width: 400px;
	padding: 3px;
	height: 250px;
}

.btn {
	width: 200px;
}

#mapa {
	border: 5px solid #33ccff;
	margin-top: 20px;
}

/* ------ link para descargar ------ */

#descarga img {
	float: left;
	margin-right: 10px;
}

#descarga p {
	font-size: 16px;
	font-weight: bold;
	color: #fffeff;
}

#descarga a {
	color: #fffeff;
	font-weight: bold;
	text-de
	color: #000;
}

/* ------ etilos para el buscar ------ */

#searchForm input {
	font: 14px Arial, Helvetica, sans-serif;
	width: 294px;
	padding: 2px;
}

#archiveform {
	width: 300px;
}

.postform {
	width: 300px;
}

#archiveform select {
	width: 300px;
}

form.ddpl-form select {
	width: 300px;
}

.form1 {
	padding: 3px;
	width: 550px;
}

.form2 {
	padding: 3px;
	width: 550px;
	height: 250px;
}

.contacto {
	width: 100%;
	margin-bottom: 30px;
	float: left;
}

.con_izq {
	width: 280px;
	float: left;
}

.con_der {
	width: 280px;
	float: right;
}

/* ------ estilos para el nav ------ */

.anterior a {
	background: #4d4d4d;
	color: #fffeff;
	border: 2px solid #434343;
	padding: 0.5em 0.7em;
	margin-top: 10px;
	margin-bottom: 10px;
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	float: left;
	margin-right: 10px;
}

.anterior a:hover {
	background: #282828;
	color: #fffeff;
	border: 2px solid #434343;
	text-decoration: none;
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.siguiente a {
	background: #4d4d4d;
	color: #fffeff;
	border: 2px solid #434343;
	padding: 0.5em 0.7em;
	margin-top: 10px;
	margin-bottom: 10px;
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	float: left;
}

.siguiente a:hover {
	background: #282828;
	color: #fffeff;
	border: 2px solid #434343;
	text-decoration: none;
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/* ------ estilos para el footer ------ */

#footer p {
	font-size: 10px;
	color: #000;
	line-height: 140%;
	text-align: right;
}

#footer a {
	color: #00caeb;
	font-weight: bold;
	text-decoration: none;
}

/* ------ resets ------ */

.clear {
	clear: both;
	margin: 0px 0px 0px 0;
}