/*
Theme Name: REMSA
Theme URI: http://reciclaelectronicos.com
Description: Tema principal Blog Recicla Electronicos
Author: Eberth Manjarrez
Author URI: http://www.overflow.mx
Version: 1.0
.
Uso privado
.
*/


@import url(reset.css);
body
{
    font-family:"Helvetica Rounded", Helvetica, Arial, sans-serif; background: #ECEDED repeat-x top fixed; margin-top:0;
}

#branding
{
  background: url(http://www.puntoverde.org.mx/img/bg_header.png)  repeat-x bottom;
  margin:0 auto;
  width:100%;
  height: 155px;
  text-align:center;
  margin-bottom: 20px;
}

#branding  h1 a#home
{
  width: 330px;
  height: 127px;
  margin: 0px 500px;
  position: absolute;   
}

#contenedor
{
  background:url(img/bg_cont.png) repeat-y;
  margin:10px auto -10px;
  padding:20px 20px 80px;
  width:776px;
}

#menu
{
  margin:0 auto;
  width:700px; 
} 


h2
{
  color:#388200;
  font-size:24px;
  margin-bottom:10px;
}

h4.ja a
{
  background:url(http://www.puntoverde.org.mx/img/ja.png) no-repeat;
  height:66px;
  position:absolute;
  right:-40px;
  text-indent:-9999px;
  top:10px;
  width:124px;
  display: block
}

#footer
{
  background: #025eac url('http://www.puntoverde.org.mx/img/bg_footer.png') no-repeat left;
  bottom:40px;
  height:59px;
  margin:0 auto 10px;
  position:relative;
  width:816px;
  font-size:38px;
  color:#fff;
  text-align:center;
  padding-top: 20px;
}

#footer h1
{
  color:#388200;
  font-size:28px;
  font-weight:700;
  line-height:78px;
  text-transform:uppercase;
}

#footer img
{
  border:solid 1px #ccc;
  left:10px;
  position:absolute;
  top:9px;
}


 nav {
 	height: 40px;
    margin: 0px auto;
    width:700px;
 }
 
 nav ul{
 	margin: 0;
 }
 nav li {
 	float: left;
 }
 
 
 nav ul li {
 font-size: 14px;
 height: 40px;
 background: url('http://reciclaelectronicos.com/resources/img/bg_navitem.png') repeat-x;
 margin: 0 2px;
 
 }
 
 nav ul li.actual {
 	background: url('http://reciclaelectronicos.com/resources/img/bg_navitem_actual.png') repeat-x;
 
 }
 
 nav a, nav a:hover, nav a:active, nav a:visited {
 	text-decoration: none;
 	color: #fff;
 }
 
 
 nav a {
	padding: 0 14px;
	line-height: 40px;
	font-weight: bold;
	display: block;
 }
 
 nav a:hover{
 	cursor: pointer;
 }
 nav ul li ul {
 display: none; /* De lo que hablábamos */
 background: #cac99e ;
 padding: 0;
 position: absolute; /* Muy importante */
 margin: 0; /* Lo colocamos donde queremos */
 .margin: 69px -170px; /* Hacks para colocarlo bien en ie */
 _margin: 69px -170px;
 }
 
 nav ul li:hover ul {
 display: block;
 z-index: 99999;
 }
 
 nav ul li ul li {
 display: block;
 float: none;
 position: relative;
 color: #fff;
 padding: 0 14;
 margin: 0;
 height: 28px;
 background: #025eac;
 font-size: 11px;
 border-bottom: 1px solid #fff;
 }
 
 nav ul li ul li {
 	 line-height: 28px;
 	
 } 
 
 nav ul li ul li a {
 	line-height: 28px;
 	display: block;
 }
 
.sombra_arriba
{
  height:30px;
  margin:0 auto;
  width:816px;
}

.sombra_abajo
{
  height:48px;
  margin:0 auto;
  width:816px;
}

.clearfix:after
{
  clear:both;
  content:".";
  display:block;
  height:0;
  visibility:hidden;
}

* html .clearfix
{
  height:1%;
}

:first-child+html .clearfix
{
  min-height:1px;
}

#contenido_blog {
width: 500px;
padding-right: 30px;
float: left;
}



#contenido_blog h2 {
margin: 0;
}

#contenido_blog h2 a {
color: #73A421;
text-decoration: none;
}

#contenido_blog small {
font-size: 12px;
color: #4F4F4F;
}

#contenido_blog p {
font-size: 13px;
margin: 10px 0;
color: #3F3F3F;
line-height: 14px;
}

#contenido_blog ol {
font-size: 13px;
margin: 10px 0;
color: #3F3F3F;
line-height: 14px;
}

#contenido_blog ol li {
list-style-type: decimal;
margin-left: 20px;
margin-bottom: 5px;
}

#contenido_blog ul li {
list-style-type: square;
margin-left: 20px;
margin-bottom: 5px;
}

#contenido_blog img {

border: solid 1px #BFBFBF;
background: #DFDFDF;
padding: 5px;
margin: 5px;
}

#contenido_blog a:link {
color: #888;
text-decoration: none;
font-weight: bold;
}

#contenido_blog a:hover, #contenido_blog a:visited {
color: #A2C03B;
text-decoration: none;
font-weight: bold;
}

#sidebar_blog {
width: 215px;
padding: 10px;
background: url(http://reciclaelectronicos.com/resources/img/bg_verdeblog.png) repeat-y;
color: white;
float: left;
}

#sidebar_blog h3 {
color: #082d01;
font-size: 18px;
margin-bottom: 5px;

}

ul.sidebar li {
margin-bottom: 10px;
}



ul.sidebar li ul li {
margin: 0;
}

ul.sidebar li ul li a{
padding: 0 5px;
}



.separator {
	height: 22px;
	background: url(img/separator.png);
	margin-bottom: 30px;
}



ul.sidebar a:link, ul.sidebar a:active, ul.sidebar a:visited, ul.sidebar a:hover  {
font-size: 12px;
text-decoration: none;
}

ul.sidebar a:link, ul.sidebar a:visited {
color: white;
}

ul.sidebar a:hover {
color: #0b4d01;
}


/*
	Comment-Styles
*/

#comments_template {
	border-top:1px solid #e3e3e3;
	margin-top:30px;
	padding-top:30px;	
}


#comments_template small {
color:#595856;
display:block;
font-size:11px;
font-weight:bold;
margin-bottom:15px;
}
ol#comments {
	margin:20px 0px 20px 0px;
	padding:0px;
	border:5px solid #dedede;
}
ol#comments li {
	margin:0px;
	padding:10px 0px 20px 80px;
	position:relative;
	list-style:none;
	border:1px solid #dedede;
	border-bottom:0px;
	background:#ffffff url(img/bg_comments.jpg) repeat-x;
	background-position:1px 1px;
}
ol#comments .avatar {
	position:absolute;
	top:10px;
	left:10px;
	border:1px solid #dedede;
	margin-right: 20px;
}
ol#comments small a {
	font-weight:normal;
	color:#999999;
        font-size: 10px;
        
}




ul.commentlist ul  {
	margin:20px 0px 20px 0px;
	padding:0px;
}
ul.commentlist ul li {
	border:0px;
	background-color:#ffffff;
	overflow:auto;
	background-image:none;
	padding-bottom:0px;
}

.input, textarea, select {
	border:1px solid #e5e5e5;
	padding:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}


a.sesion{
font-size: 9px;
}


img.alignleft {
float: left;
margin-right: 20px;
margin-bottom: 20px;
}

img.alignright {
float: right;
margin-left: 20px;
margin-bottom: 20px;
}

blockquote, q {
margin: 0 20px;
padding: 18px;
font-style: italic;
background: #eee;
border: solid 1px #ccc

}

blockquote p {
font-size: 14px;
}

#contenido_blog h1, #contenido_blog h2, #contenido_blog h3, #contenido_blog h4, #contenido_blog h5, #contenido_blog h6 {
    color: #388200;
}

#contenido_blog h1 {
font-size: 28px;
}

#contenido_blog h3 {
font-size: 22px;
}

#contenido_blog h4 {
font-size: 20px;
}

#contenido_blog h5 {
font-size: 18px;
}

#contenido_blog h6 {
font-size: 16px;
}


img.aligncenter, div.aligncenter {
text-align:center;
margin:0 auto;
}

p.wp-caption-text {
display: none;
}

ul.sidebar li ul li  {
margin: 10px 0 0 5px;
padding: 0;
list-style-position: inside;
list-style-type: disc;

}


div#cotizador {
position: absolute;
right: 0;
}


div#cotizador a {
position: fixed;
top: 320px;
width: 150px;
height: 114px;
background: url(http://www.reciclaelectronicos.com/img/bt_cotizador.png) no-repeat;
display: block;

}

div#cotizador a:hover {
width: 150px;
height: 114px;
background: url(http://www.reciclaelectronicos.com/img/bt_cotizador_h.png) no-repeat;
display: block;

}


	li.facebook {
background: #3B5998 url(img/bg_fb.png) repeat-x;
}

li.twitter {
background: #33CCFF repeat-x;
}