/*
THEME NAME: Empty Canvas
THEME URI: http://rubiqube.com
DESCRIPTION: Empty Canvas v1.0 : Simple, minimalistic theme, ideal for corporate blogs or creating more complex designs
VERSION: 1.0
AUTHOR: <a href="http://www.rubiqube.com">Adrian Diaconescu</a>
AUTHOR URI: http://www.rubiqube.com
*/

@import "reset.css";

body {
	background: #8C8C8C url(http://www.constructorcivil.org/wp-content/uploads/2011/05/bg1.png);
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #585858;
}

a {
	color: #003D77;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

strong {
	font-weight: 700;
}

hr {
	border: none 0;
	border-bottom: 1px solid #E0E0E0;
	height: 1px;
	margin: 10px 0;
}

blockquote {
	font-style: italic;
	background: url(images/quotes.gif) no-repeat top left;
	background-position: 12px 12px;
	color: #595959;
	margin: 5px 0;
	padding: 8px 15px 8px 60px;
}

#wrapper {
	width: 900px;
	background: #FFF;
	margin: 0 auto;
        border-left:3px solid #494949;
        border-right:3px solid #494949;
}

#header {
	overflow: hidden;
	margin: 0 auto;
	border-top: 3px #494949 solid;
	border-bottom: 3px #494949 solid;
	text-align:left;
padding-left:150px;
background: #B2B2B2 url(http://i278.photobucket.com/albums/kk111/1kalco/logo1-1.png) no-repeat 20px;
}

#logo {
	font-size: 250%;
	margin: 50px 0 0 30px;
	font-weight: bold;
}

#ads {
      float: right;
      margin: 10px 10px 30px 0px;
}

#logo a {
	color: #333333;
}

#description {
	font-size: 130%;
	color: #333333;
	margin: 5px 30px 50px 30px;
	background:#CCCCCC;
	border:#999999 1px solid;
padding:5px;
}

#menu {
	width: 880px;
	overflow: hidden;
	margin: 0 auto;
}

#menu ul li {
	float: left;
	text-transform: uppercase;
	font-size: 90%;
	padding: 10px;
}

#menu ul li a {
	color: #666666;
}
#menu ul li a:hover {
	color: #fff;
}
#menu li:hover{background-color:#494949;color:white;}
#container {
	width: 860px;
	overflow: hidden;
	margin: 25px auto;
	padding: 20px 10px 20px 10px;

}

#resumen {
        text-align:justify;
	border-top: #999999 4px solid;
	border-bottom: #999999 4px solid;
	padding: 20px 10px 20px 10px;
        margin:30px;
}

#container2 {
        text-align:center;
	overflow: hidden;

}

#titulo1 {
font-family:Georgia, 'Times New Roman', Times, serif; font-size:25px; font-style:italic; border-top:1px dotted #999999;padding:10px;
}

#respuesta1{
font-family:Georgia, 'Times New Roman', Times, serif; font-size:18px; border-bottom:1px dotted #999999;padding-bottom:30px;margin-bottom:20px;padding-left:100px;
}
#respuesta2{
font-family:Georgia, 'Times New Roman', Times, serif; font-size:18px; border-bottom:1px dotted #999999;padding-bottom:30px;margin-bottom:20px;
}

#content {
	float: left;
	width: 600px;
	padding-left: 10px;
	padding-right: 10px;
}

#content2 {
	float: ;
	width: 860px;
	border: #999999 1px solid;
	padding-left: 10px;
	padding-right: 10px;
	background:#FFFFFF;
}

.post {
clear:both;
margin: 0px 0px 30px 0px;
padding:0px 0px 30px 0px;
border-bottom:3px dotted #000;
}

.post-title {
	font-size: 200%;
	line-height: 1.2;
	font-weight: normal;
        text-align:center;
        color:#02ABCA;
}

.post-title a {
        color:#02ABCA;
        text-decoration: none;
}

.page-subtitle {
	font-weight: 700;
	color: #634F4F;
	font-size: 90%;
	text-transform: uppercase;
	padding-bottom: 5px;
	border-bottom: 1px solid #EFEFEF;
	margin-bottom: 15px;
	margin-top: 15px;
        text-align:center;
}

.post-meta {
	font-size: 85%;
	color: #999;
	margin-top: 5px;
        text-align:center;
}

.post-meta a {
	color: #666666;
}

.post-comments {
	float: right;
	background: url(images/cbubble_left.gif) no-repeat top left;
	padding: 3px 0 7px 7px;
}

.post-comments a {
	background: url(images/cbubble_right.gif) no-repeat top right;
	padding: 3px 7px 7px 0;
	color: #FFFFFF;
}

.post-comments a:hover {
	color: #FFFFFF;
}

.post-content {
	margin-top: 15px;
        font-size:15px;
        text-align:justify;
}

.post-content h2 {
	font-size: 140%;
	margin-bottom: 10px;
	border-bottom: 1px solid #EFEFEF;
	padding: 10px 0 5px;
}

.post-content h3 {
	font-size: 110%;
	font-weight: 700;
	margin-bottom: 5px;
	border-bottom: 1px solid #EFEFEF;
	padding: 10px 0 5px;
}

.post-content p {
	line-height: 1.3;
	margin-bottom: 10px;
}

.post-content img.alignnone {
	background: #FFF;
	border: 1px solid #EFEFEF;
	padding: 4px;
}

.post-content img.alignleft {
	float: left;
	border: 1px solid #EFEFEF;
	margin: 0 5px 5px 0;
	padding: 4px;
}

.post-content img.alignright {
	float: right;
	border: 1px solid #EFEFEF;
	margin: 0 0 5px 5px;
	padding: 4px;
}

.post-content img.aligncenter {
	text-align: center;
	border: 1px solid #EFEFEF;
	margin: 0 0 5px 5px;
	padding: 4px;
}

.post-content ul,.post-content ol {
	margin-left: 30px;
	margin-bottom: 20px;
}

.post-content ul {
	list-style: outside;
}

.post-content ol {
	list-style: decimal;
}

.post-content ul li,.post-content ol li {
	line-height: 1.3;
	margin-bottom: 5px;
}

.more-link {
	font-weight: 700;
	display: block;
	margin-top: 10px;
        text-align: right;
        padding: 5px 10px 5px 0;
        text-transform: uppercase;
        clear:both; 
}

.section-title {
	font-size: 140%;
	margin-bottom: 10px;
}

#navigation {
}

.navleft {
	float: left;
	margin: 0 15px 15px 0;
}

.navright {
	float: right;
	margin: 0 0 15px 15px;
}

.navigation div a {
	font-size: 110%;
}

#comments ol li {
	margin-top: 2px;
	border-bottom: 1px solid #F0F0F0;
	padding: 10px 0;
	overflow: hidden;
	height: 1%;
}

.comment-gravatar {
	float: left;
	margin-right: 10px;
	background: #FFF;
	border: 1px solid #F0F0F0;
	padding: 3px;
}

.comment-data {
	float: left;
	width: 400px;
}

.comment-data p {
	margin-bottom: 6px;
	line-height: 1.3;
}

.comment-author {
	font-weight: 700;
	margin-bottom: 3px;
}

.comment-meta {
	color: #666;
	margin-bottom: 5px;
	font-size: 85%;
}

.unapproved {
	font-style: italic;
}

#respond {
	margin-top: 30px;
}

#comment-form {
	margin-top: 15px;
	margin-bottom: 10px;
}

#comment-form label {
	font-size: 90%;
	display: block;
	margin-bottom: 5px;
}

#comment-form input {
	width: 240px;
	margin-bottom: 10px;
	padding: 5px;
}

#comment-form textarea {
	width: 455px;
	height: 200px;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 10px;
}

#sidebar {
	float: right;
	width: 200px;
	border: #999999 1px solid;
	background:#FFFFFF;
	padding: 5px 10px 5px 10px;
}

.sidepanel {
	margin: 5px 0 10px 0;
	padding: 3px 3px 0 3px;
	background: #F9F8E3;
	border: #999999 1px solid;
}

.sidepanel h3 {
	text-transform: uppercase;
	text-align: center;
	border: 1px solid #333333;
	padding: 5px 2px 5px 2px;
	color: #FFFFFF;
	background: url(http://i278.photobucket.com/albums/kk111/1kalco/bg-sdbr.png) repeat-x #999999;
	font-weight: bold;
	font-size: 90%;
        margin-bottom:5px;
}

.sidepanel ul li {
	list-style: square;
	line-height: 1.2;
	margin: 0 5px 0 20px;
}

.sidepanel p {
	margin-top: 8px;
	line-height: 1.3;
}

#footer {
	margin: 0 auto;
	width: 840px;
	height: 20px;
	border-top: 1px solid #EAEAEA;
	padding: 20px;
}

#footer-links {
	list-style: none;
}

#footer-links li {
	float: left;
	margin-right: 15px;
}

.sep {
	color: #CCC;
	margin: 0 8px;
}

.ico-small {
	vertical-align: middle;
	margin: 0 5px 2px 0;
}
.alignleft1 {background: #ffffff url(http://i278.photobucket.com/albums/kk111/1kalco/anteriores.png) no-repeat;padding:3px 3px 3px 3px;text-align:center;float:left;width:174px;margin:10px;}
.alignright2 {background: #ffffff url(http://i278.photobucket.com/albums/kk111/1kalco/Siguientes.png) no-repeat;padding:3px 3px 3px 3px;text-align:center;float:right;width:174px;margin:10px;}

.categorias {height:20px;text-align:center;padding-top:5px;}
.categorias ul li {
        display: inline;
	text-transform: uppercase;
	font-size: 13px;
	padding: 5px;
	margin-left: 3px;
        border-top: 3px solid #ADADAD;
        border-left: 3px solid #ADADAD;
        border-right: 3px solid #ADADAD;
        background-color:#878787;
        -moz-border-radius:5px 5px 0px 0px;
        -webkit-border-radius:5px 5px 0px 0px;
        border-radius:5px 5px 0px 0px;
}

.categorias ul li a {
       color: #ffffff;
       text-decoration:none;
}
.categorias ul li:hover {
        background-color:#70A2FF; /* Color de fondo sobre el boton */
        cursor: pointer; /* cambiar el aspecto del puntero */
}

.subcategorias {background-color:#C6C6C6;padding:5px;border-top:5px solid #ADADAD;border-left:1px solid #ADADAD;border-bottom:1px solid #ADADAD;border-right:1px solid #ADADAD;}
.subcategorias ul li {
        display: inline;
        padding: 3px;
        border:1px solid #000000;
        margin-right:3px;
        margin-bottom:6px;
	line-height: 1.9;
        -moz-border-radius:5px;
        -webkit-border-radius:5px 5px;
        border-radius:5px;
}
.subcategorias ul li a {
       text-decoration:none;
}

.subcategorias ul li:hover{background-color:#EEEEEE;color:#000000;}

.titulorel {text-align:center;border:1px solid #19698E; width:100%;margin-bottom:5px;-moz-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;background-color:#2887B3;color:white;font-weight:bold;}
.relacionados {padding:10px 10px 10px 10px;margin-bottom:3px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;background-color:#EEEEEE;}
.relacionados img{padding:2px;border:1px solid #000000;height:80px;width:80px;background-color:#ffffff;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;}
.relacionados ul li{display:inline;}
li.imagenes img {filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;-khtml-opacity: 0.5;}
li.imagenes:hover img {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;-khtml-opacity: 1.0; }