/*  
Theme Name: Officenet Media - 2 Columnas
Theme URI: 
Description: 
Version: 1.0
Author: Leo
Author URI: http://duttopr.com
*/

*, body { margin: 0; padding: 0; }
p.clear { clear: both; margin: 0; padding: 0; }

body { font: 12px/1.7em Verdana, sans-serif; color: #333; background: #f7fbfd url(img/bg.gif) top repeat-x; text-align: center; }

a { text-decoration: none; color: #0175b5; background: #e5f1f7; }
a:hover { color: #014469; background: #bfdcec;  }

ul { list-style: none; }

img { border: none; }
img.right { float: right; margin: 0 0 10px 10px; }
img.left { float: left; margin: 0 10px 10px 0; }

#contenedor { width: 780px; margin: 0 auto; text-align: left; }

#header { }
	#header h1 { float: left; width: 436px; height: 64px; background: url(img/logo.gif) no-repeat; text-indent: -9999px; }
		#header h1 a { display: block; width: 436px; height: 64px; outline: none; background: none; }
	#header div { float: right; width: 300px; text-align: right; }
	 #header div input { width: 300px; font: 11px sans-serif; color: #bfdcec; padding: 5px; border: 1px #bfdcec solid; background: #fff url(img/icono-buscar.gif) right no-repeat; -moz-border-radius: 6px; }
	 #header div input:focus { color: #000; border-color: #0175b5; }
  #header div ul { margin-top: 5px; font-size: 11px; }
    #header div ul li { display: inline; border-right: 1px #999 dotted; padding: 0 5px; }
    #header div ul li.ultimo { border: none; padding-right: 0; }
      #header div ul li a { font-weight: bold; background: none; }
    
#topmenu { margin: 20px 0; background: #eee; height: 30px; line-height: 30px; text-align: center; background: url(img/bg-topmenu.gif) no-repeat; font: bold 11px/30px sans-serif; }
	#topmenu li { display: inline; padding: 0 5px 0 10px; border-left: 1px #ccc dotted; }
	#topmenu li.primero { border: none; }
	#topmenu a { color: #c9e2ee; background: none; }
	#topmenu a:hover { color: #fff; }
		
#contenido { width: 500px; float: left; padding: 10px; background: #fff; border: 1px #ddd solid;  }

	#contenido .post { margin-bottom: 30px; }
	  #contenido .post h2 { background: #fff; font: 25px/25px sans-serif; letter-spacing: -1px; margin-bottom: 15px; }
		#contenido .post p { margin-bottom: 1em; }
		#contenido .post img { padding: 1px; border: 4px #e5f1f7 solid; }
		#contenido .post ol, #contenido .post ul { margin: 0 20px; padding: 5px 5px 0 5px; margin-bottom: 1em; background: #e5f1f7; list-style-position: inside; border: #bfdcec solid; border-width: 0 1px 1px 0; font-size: .9em; }
		#contenido .post ol { list-style-type: decimal-leading-zero; }
		#contenido .post ul { list-style-type: square; }
			#contenido .post ol li, #contenido .post ul li { padding: 0 5px; background: #fff; margin-bottom: 5px; }
		#contenido .post .info { background: #fff; border: 1px solid; border-top-color: #e5f1f7; border-right-color: #bfdcec; border-bottom-color: #bfdcec; border-left-color: #e5f1f7; margin-top: 20px; padding: 10px; font: 11px sans-serif; color: #014469; }

#derecha { font: 11px/1.9em sans-serif; width: 240px; float: right; border: 1px #c2dc9c solid; background: #fff; }
  #derecha a { color: #85BA3A; background: #e7f1d8; }
  #derecha a:hover { color: #3c541a; background: #d4e7ba; }
	#derecha div { border-bottom: 1px #c2dc9c dotted; padding: 15px 10px; background: #f3f8eb; }
		#derecha div div { border: none; padding: 0; background: none; }
	 #derecha div img.desc { width: 30px; height: 30px; positon: relative; float: right; margin: -11px -30px 0 0; background: #fff; border: 1px #c2dc9c solid; padding: 4px; }
	 #derecha div h3 { font: bold 20px/20px sans-serif; color: #c2dc9c; letter-spacing: -1px; text-transform: uppercase; }
	 #derecha div h4 { background: #fff; font: normal 10px/10px sans-serif; padding: 2px; color: #c2dc9c; margin-bottom: 10px; text-transform: uppercase; }
	 #derecha div h5 { font: 10px sans-serif; margin-bottom: 10px; }
	 #derecha div ul { list-style: square inside; color: #d4e7ba; }
	 
	#derecha #info { }
	 #derecha #info ul { margin-top: 10px; font-weight: bold; }
	
  #derecha #twitter { border: none; }
	 #derecha #twitter #my_twitter_status { display: block; margin-top: 10px; padding: 10px 10px 0 10px; background: #fff url(img/bg-twitter-top.gif) top no-repeat; line-height: 1.5em; }
	 #derecha #twitter #my_twitter_status_time { display: block; padding-top: 27px; background: url(img/bg-twitter-bottom.gif) top no-repeat; font: 9px sans-serif; letter-spacing: 1px; text-align: center; } 
	 
#footer { margin: 50px 0; font-size: .9em; color: #999; text-align: center; padding: 10px; background: #fff url(img/staples.gif) right no-repeat; border: 1px solid; border-top-color: #e5f1f7; border-right-color: #bfdcec; border-bottom-color: #bfdcec; border-left-color: #e5f1f7; }