/*  
Theme Name: Oppenheimer
Theme URI: http://www.iniciativagrafica.com
Description: Oppenheimer es un tema diseñado para WP, contiene 3 columnas en su layout
Version: 1.0
Author: Iniciativa Gráfica
Author URI: http://www.iniciativagrafica.com
Tags: fixed width,tree columns, widgets
*/

/* Defaults */
* {  margin: 0;  padding: 0;  }
h1, h2, h3, h4, h5, h6, p {  margin: 0;  padding: 10px 0;  }
h1, h2, h3, h4, h5, h6 {  font-family: Arial, Helvetica, sans-serif;  }
hr {  color: #333;  border: 1px solid #121212;  }
pre {  height: auto;   overflow-x:scroll;  }
fieldset {  margin: 0;  padding: 0;   border: 0;  }
dd {  padding-left: 15px;  }
p {color: #666;}
a {  color: #6598b8;  text-decoration: none;  }
a:hover {  color: #222;  text-decoration: underline;  }
a img {  border: none;    }
blockquote {  background: #070707;  border: 1px solid #060606;  padding: 5px 15px;  margin: 10px 10px 5px 15px;  font-style: italic;  color: #fff;  }
code {  color: #3366cc;  font-style: italic;  }
strong {  font-size: 110%;  }
body {  text-align: center;  margin: 0;  padding: 0 0 15px 0;  font-family: arial, helvetica, sans-serif;background-color: #313336;}

/* Header and wrapper */
#wrapper {  margin: 0 auto;  width: 980px;  text-align: left;padding: 0;background-color: white;}
#header {  padding: 0;  margin: 0;  height: 199px;background-image: url(images/opp1.jpg);}
#header #logo {  float: left;  margin: 0;  padding: 0;}
#header h1 {  margin: 0;background-color: black;font: 12px Arial, Helvetica, sans-serif;padding: 4px 10px;}
#header h1 a {  color: #fff;  text-decoration: none;}
#header h1 a:hover {  color: silver;  text-decoration: none;  }
#header span {  color: #eff1fe;font-size: 9pt;float: right;padding-right: 10px;padding-top: 5px;padding-bottom: 0;width: 450px;text-align: right;}

/* Menu */
#barranav {  margin: 0;  clear: both;  height: 50px;  background-image: url(images/opp2.jpg);padding-right:0;padding-top:0;padding-bottom:0;}
#nav {  list-style: none;  margin: 0;  padding: 0;  }
#nav ul {  margin: 0;  padding: 0;  }
#nav li {  float: left;  margin: 0;  padding: 0;border-right: 1px solid #6f7d89;}
#nav a {  display: block;  margin: 0;  padding: 0 10px;  color: #fff;  letter-spacing: 0;font: 14px/44px Tahoma, Arial, Helvetica, sans-serif;}
#nav li a:hover {  color: #6598b8;  text-decoration: none;  display: block;}
#nav li ul {  list-style: none;  position: absolute;  width: 150px;  left: -999em;  }
#nav li:hover ul, #nav li.sfhover ul {  left: auto;  }
#nav li li {  float: left;  margin: 0;  padding: 0;  width: 150px;  }
#nav li li a {  width: 150px;  height: 24px;  line-height: 24px;  color: #fff;  border-top: 1px solid #131f27;  background: #040404;  margin: 0;  padding: 5px 20px 5px 15px;  }
#nav li li a:hover {  border-top: 1px solid #131f27;  padding: 5px 20px 5px 15px;background-color: #000;}
#nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */  position: static;  }
#buscar {  float: right;  display: inline;  width: 180px;  text-align: right;margin-bottom: 0;margin-left: 0;margin-right: 15px;padding-top: 5px;}

/* Top Content */
#main {  margin: 0;  clear: both;  width: 980px;/*background-color: #1D2025;*/ background-color: #313436;
	padding-top: 0;
}
#contentwrapper {  float:left;  width: 530px;  margin: 0 0 0 0;  padding: 0 0 15px 0; background-color:#313436;  }
#contentwrapper2 {  float:left;  width: 900px;  margin: 0 0 0 0;  padding: 0 0 15px 0;  }
#contentwrapper .pageTitle, #contentwrapper2 .pageTitle {  margin: 0 0 10px;  font-size: 14pt;  letter-spacing: -1px;  color: maroon;  font-weight: normal;  background: url(images/barra.jpg) repeat;  padding: 8px;  }
.topPost {  margin: 0;  padding: 0;  font-size: 9pt; background-color:#4A4C4F;}
.topPost h2.topTitle {/*background: url(images/barra.jpg) repeat-y;*/background:#9FCCDC;padding-left: 10px;height: 21px;margin-top: 0;}
.topPost h2.topTitle a { color:#FFF; font-family:Verdana, Geneva, sans-serif!important; font-size:17px; font-weight:bold; text-decoration:none; text-transform:uppercase;}
.topPost h2.topTitle a:hover {  text-decoration: underline;  color: /*#333;*/  }
.topPost p.topMeta {  padding: 0 0 0 10px;  font-size: 8pt;  color: #999;margin: 5px 0 0;}
.topPost p.topMeta a {  text-decoration: underline;  color: #1B75BB;  }
.topPost p.topMeta a:hover {  color: #1B75BB;text-decoration: none;}
.topPost div.topContent {  color:#ccc; margin-top:8px; margin-left:20px; margin-right:20px;  }

/* P+P es para afectar elementos dentro de un tag el cual no contenga ni id ni class ejemplo vaios P en un div quiero afetar el primero es P y el segudno es P+P asi hasta llegar al ultimo*/
.topPost div.topContent p { text-transform:capitalize!important;color:#FFFFFF!important; font-family:Verdana, Geneva, sans-serif; font-size:21px; border-bottom:1px dashed #FFF;border-top:1px dashed #FFF; display:block; margin:15px 0px 5px 0px; padding:5px; 
}
.topPost div.topContent p+p {
color:#FFFFFF!important; font-family:Verdana, Geneva, sans-serif; font-size:11px; border:none;text-transform:capitalize!important;
}

.topPost div.topContent a {  text-decoration: underline;  color: #1B75BB;  }
.topPost div.topContent a:hover {  text-decoration: underline;  color: maroon;  }
.topPost div.topContent ul, .topPost div.topContent ol {  padding: 0 0 0 20px;}
.topPost div.topContent ul li, .topPost div.topContent ol li {  color: #666;  }
.topPost span.linkpages {  font-size: 9pt;  font-style: italic;  margin-bottom: 10px; display:block;color: #999;}
.topPost span.linkpages a:hover {  color: #ddd;  }
.topPost span.topComments a {  color: #999;  padding-left: 20px;  line-height: 27pt;  vertical-align: middle;background-position: left;background-repeat: no-repeat;}
.topPost span.topMore a {  color: #999;  padding-left: 20px;  line-height: 27pt;  vertical-align: middle;background-position: left;background-repeat: no-repeat;}
.topPost span.topTags em {  padding-left: 20px;  line-height: 27pt;  vertical-align: middle;  color: #0a0a0a;background-position: left;background-repeat: no-repeat;}
.topPost span.topTags a {  color: #999;  line-height: 27pt;  vertical-align: middle;  }
.topPost span.topComments a:hover, .topPost span.topMore a:hover, .topPost span.topTags a:hover {  color: #999;  text-decoration: underline;  }
div.navigation {text-align: center;font-size: 12px;}
div.navigation a{color: #D9DADB!important;}
#nextprevious a {  color: #83adc8;  text-transform: lowercase;  text-decoration: underline;  }
#nextprevious a:hover {  color: #999;  }

/* Comments */
p.comentarios {text-align: center;line-height: 14px;margin: 0;padding: 0;font-size: 8pt; clear: both; color:#D9DADB!important; padding:20px 0px 20px 0px}
p.comentarios a{color:#D9DADB!important;}
#comments {background: url(images/barra.jpg) repeat-y;  border-bottom: 5px solid #1a9ab5;padding-left: 10px;height: 16px;color: maroon;margin-top: 10px;margin-bottom: 0;}
#comments h3 {  font-size: 10pt;  font-weight: normal;  color: #fff;  margin: 15px 0;  padding: 0;  }
#comments p a {  color: #6598b8;  }
#comments p a:hover {  color: #fff;  }
#comments p {  padding:0;  margin: 7px 0;  }
ul.commentlist, ul.trackback  {  list-style-type: none;  margin: 10px 0;  font-size: 9pt;  }
.commentlist li, .trackback li {  padding: 10px;  list-style-type: none;  }
.commentlist li.alt {  border: none;background-color: #dfe5ff;}
.commentlist li.cleared {  background: transparent;  border: none;  }
.commentlist a:hover {  color: maroon;  }
.commentlist a.gravatar {  float: left;  margin: 0 15px 10px 0;  width: 60px;  }
.commentlist .commentbody {  margin: 0;  padding: 0;  }
.commentlist .commentbody p a {  text-decoration: underline;  }
.commentlist cite {  font-size: 10pt;  font-style: normal;  color: #ddd;  }
.commentlist small.commentmetadata a {  color: #666;}
div.comments-template small {font-size: 12px;color: #999;}
.commentlist p {  color: #666;  }
form#commentform {margin-left: 15px; width: 500px;}
#respond {  clear: both;  margin-top: 15px;	padding-left: 15px;}
textarea#comment {  width: 450px;  background: #fff;  color: #111;  padding: 10px;  }
#comments #submit {  margin: 0;  }
#extrastuff a {color:#222; font-size:0.8em;}
#extrastuff a:hover {color:#6598b8; text-decoration:none;}
#extrastuff #rssleft {float:left; width:250px;}
#extrastuff #trackright {float:right; width:180px; text-align:right;}

/* Sidebars izquierda */
#sidebars_izq {  margin: 0;  float: left;  width: 200px;  color: #eee;padding: 0;background-color: #1d2025;}
#sidebars_izq .sidebarbox {padding: 0;}
#sidebar_full {  padding: 0;  margin: 0;  }
#sidebars_izq h2 {  margin: 0 0 5px;  padding: 12px 0 8px 25px;  color: #fff;  background-image: url(images/sidebars.jpg); font: 13pt Tahoma, Arial, Helvetica, sans-serif;}
#sidebars_izq table {  width: 100%;  }
#sidebars_izq ul {  margin: 0;  padding: 0 0 5px 0;  }
#sidebars_izq li {  margin-bottom: 20px;  list-style: none;  font-size: 12px;}
#sidebars_izq li ul {  padding: 0 0 0 10px;  }
#sidebars_izq ul ul li {  margin: 0;  padding: 2px 2px 2px 16px;  color: #eee;  background: url(images/bullet.gif) left 8px no-repeat;line-height: 1.25em;}
#sidebars_izq a {  display: inline;  color: #eee;  }
#sidebars_izq a:hover {  color: #6598b8;  text-decoration: underline;  }
#sidebars_izq p {  padding: 2px 0;  font-size: 9pt;  color: #eee;  }
#colderecha {  float: right;  width: 250px;}
#sidebars_der {  margin: 0;  color: #eee;  background-color: #1d2025;padding-right: 0;padding-top: 0;padding-bottom: 0;}
#cuadro_azul{background-image: url(images/azul.png);padding-left: 10px;padding-right: 10px;padding-bottom: 10px;}
#cuadro_blanco {padding-left: 10px;padding-right: 10px;padding-bottom: 10px;}
#cuadro_azul h2 {  font-size: 12pt;  font-weight: normal;  color: maroon;  border-bottom: 1px solid maroon;  padding: 10px 0 2px;margin: 0 0 5px;}
#cuadro_azul table {}
#cuadro_azul ul {  margin: 0;padding-right: 0;padding-top: 0;padding-left: 0;padding: 0; font-size: 9px;}
#cuadro_azul li {  margin-bottom: 20px;  list-style: none;  }
#cuadro_azul li ul {  padding: 0 0 0 10px;  }
#cuadro_azul ul ul li {  margin: 0;  color: #eee;  line-height: 17px;  list-style-type: square;  list-style-position: inside;  padding-right: 2px;  padding-top: 2px;  padding-bottom: 2px;}
#cuadro_azul a {  display: inline;  color: #eee;  }
#cuadro_azul a:hover {  color: white;  text-decoration: underline;  }
#cuadro_azul p {  padding: 2px 0 2px 7px;  font-size: 9pt;  color: #eee;  }
#cuadro_blanco h2 {  font-size: 12pt;  font-weight: normal;  color: maroon;  border-bottom: 1px solid maroon;  margin: 0 0 6px;  padding: 10px 0 2px;}
#cuadro_blanco table {  }
#cuadro_blanco ul {  margin: 0;  padding: 0;color: #999;}
#cuadro_blanco li {  margin-bottom: 20px;  list-style: none;  font-size: 9pt;  }
#cuadro_blanco li ul {  padding: 0 0 0 10px;  }
#cuadro_blanco ul ul li {  margin: 0;  line-height: 17px;  list-style-type: square;  list-style-position: inside;  padding-right: 2px;  padding-top: 2px;  padding-bottom: 2px;  }
#cuadro_blanco a {  display: inline;  color: #666;  }
#cuadro_blanco a:hover {  color: #6598b8;  text-decoration: underline;  }
#cuadro_blanco p {  padding: 2px 0 2px 7px;  font-size: 9pt;  color: #666;  }
#sidebars_der h2 {  margin: 0 0 5px -5px;  padding: 12px 0 8px 25px;  color: #fff;font: 13pt Tahoma, Arial, Helvetica, sans-serif;	background-image: url(images/sidebars.jpg);}
#sidebars_der table {  width: 100%;  }
#sidebars_der ul {  margin: 0;  padding: 0 0 5px 5px;  }
#sidebars_der li {  margin-bottom: 20px;  list-style: none;	font-size: 12px;	line-height: 1.25em;}
#sidebars_der li ul {  padding: 0 0 0 10px;  }
#sidebars_der ul ul li {  margin: 0;  padding: 2px 2px 2px 16px;  color: #eee; 

/*background: url(images/bullet.gif) left 8px no-repeat;  line-height: 17px;*/
/* Required for cross-browser consistency; cross-browser defaults vary. */  }

#sidebars_der a {  display: inline;  color: #eee;  }
#sidebars_der a:hover {  color: #6598b8;  text-decoration: underline;  }
#sidebars_der p {  padding: 2px 0 2px 7px;  font-size: 9pt;  color: #eee;  }
#tag_cloud a {  display: inline;  }
#sidebars ul.children li {border-bottom:none;}
#sidebars ul.children {margin-bottom:0;}
table#wp-calendar {width: 100%;padding-left: 10px;padding-right: 10px;font-size: 9pt;}
table#wp-calendar a{color: #c8000f;}

/* Before footer */

#morefoot {  padding: 0 0 10px;  color: #dfdfdf;  border-bottom: 5px solid #1a9ab5;  background: #313336 url(images/bgfooter.jpg) repeat-y -1px;margin-bottom: 0;margin-left: 0;margin-right: 0;}
#morefoot p {  margin: 5px 0;  padding: 5px 0;  }
#morefoot ul {  list-style-type: none;  margin-top: 5px;color: #666;}
#morefoot ul li, #morefoot p {  font-size: 9pt;color: #333;padding-right: 10px;}
#morefoot a {  text-decoration: none;  color: #666;  }
#morefoot a:hover {  text-decoration: underline;  color: #6598b8;  }
#morefoot h3 {  font-size: 12pt;  font-weight: normal;  color: maroon;  border-bottom: 1px solid maroon;  margin: 12px 0 6px;padding-top: 0;padding-bottom: 6px;padding-left: 0;}
#morefoot #searchbox {  padding: 1px;  width: 170px;margin-left: 10px;}
#morefoot .col2 {  float: left;  width: 490px;margin-left: 20px;margin-right: 20px;color: #666;font-size: 12px;}
#morefoot .col3 {  float: left;  width: 215px;margin-left: 20px;color: #666;font-size: 12px;}
#morefoot li {  padding-left: 20px;  margin-bottom: 5px; line-height: 17px;list-style-type: square;list-style-position: inside;}
#morefoot div.col1 {  margin: 0;  float: left;  width: 200px;  color: #eee;background-color: #1d2025;padding-right: 0;padding-top: 0;padding-bottom: 0;}
#morefoot div.col1 p {color: white;}
#morefoot div.col1.sidebarbox {padding: 0;}
#morefoot div.col1 h3 {  margin: 0 0 5px;  padding: 12px 0 8px 25px;  font-weight: normal;  font-size: 11pt;  color: #fff;  background-image: url(images/sidebars.jpg);border-bottom-style: none;}
#morefoot div.col1 h2 {  margin: 0 0 5px;  padding: 12px 0 8px 25px;  font-weight: normal;  font-size: 11pt;  color: #fff;  background-image: url(images/sidebars.jpg);}
#morefoot div.col1 table {  width: 100%;  }
#morefoot div.col1 ul {  margin: 0;  padding: 0 0 5px 0;  }
#morefoot div.col1 li {  list-style: none;  font-size: 9pt;list-style-position: inside;list-style-type: disc;color: #ccc;}
#morefoot div.col1 li ul {  padding: 0 0 0 10px;  }
#morefoot div.col1 ul ul li {  margin: 0;  padding: 2px 2px 2px 16px;  color: #eee;  background: url(images/bullet.gif) left 8px no-repeat;  line-height:17px;

/* Required for cross-browser consistency; cross-browser defaults vary. */ 

}
#morefoot div.col1 a {  display: inline;  color: #fff;  }
#morefoot div.col1 a:hover {  color: #6598b8;  text-decoration: underline;  }
#morefoot div.col1 p {  padding: 2px 0;  font-size: 9pt;  color: #eee;  }

/* footer*/

#footer {  clear: both;  padding: 5px 0;  text-align: center;  background-color: #313336;}
#footer p {  font-size: 8pt;  color: #bbb;  padding: 0;text-align: center;}
#footer a {  color: #bbb;  text-decoration: underline;  }
#footer a:hover {  color: #fff;  }
#footerleft {  float: left;  width: 500px;  }
#footerright {  float: right;  width: 300px;  text-align: right;  }

/* Misc */

.highlight {  color: #222;  font-weight: bold;  }
.cleared {  margin: 0;  padding: 0;  clear: both;  }
.alignleft {  float: left;  margin: 5px 10px 5px 0;  }
.alignright {  float: right;  margin: 5px 0 5px 10px;  }
.aligncenter,div.aligncenter {  margin: 10px auto;  text-align: center;  display: block;  }
img.alignleft {  float: left;  margin: 5px 10px 5px 0;  }
img.alignright {  float: right;  margin: 5px 0 5px 10px;  }
img.aligncenter {  margin: 10px auto;  text-align: center;  display: block;  }

.wp-caption {  border: 1px solid #ddd;  text-align: center;  background-color: #f3f3f3;  padding-top: 4px;  
/* optional rounded corners for browsers that support it */ 
-moz-border-radius: 3px;  -khtml-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;  }

.wp-caption img {  margin: 0;  padding: 0;  border: none;  }
.wp-caption p.wp-caption-text {  font-size: 11px;  line-height: 17px;  padding: 0 4px 5px;  margin: 0;  color: #111;  }

/*--------------------------------------------------*/