/*
THEME NAME: inventa
THEME URI: http://inventainternet.com/
VERSION: 1.0
DESCRIPTION: Plantilla para Inventa Internet
AUTHOR: vivaestudio
AUTHOR URI: http://vivaestudio.com/
TEMPLATE: inventa
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #7a7a7a;;
}
ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/* Estilos base
   -------------------------------------------------------------------- */
* {
	font-size: 100%;
}
body {
	font: 0.84em/1.333 "Lucida Sans", Arial, Verdana, sans-serif;
	background: #ededed url(img/body_bg.png) 0 0 repeat-x;
	margin:21px 0;
}
a {
	color: #125197;
	text-decoration:none;
}
a img {
	border: none;
}
a:visited {
	color: #125197;
}
a:active, a:hover {
	color: #125197;
	text-decoration:underline;
}
img {
	behavior: url("js/pngbehavior.htc");
}
h1 {
	font-size: 2em; 
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.33em; 
}
h4 {
	font-size: 1.1em; 
}
h5 {
	font-size: 1em; 
}
h6 {
	font-size: 0.85em; 
}
p {
	margin: 0 0 1em 0;
}
dt {	
	margin: 0.5em 0 0;
}
dd {
	margin: 0.25em 0 0.5em 2.5em;
}
pre, code, tt {
	font: 100% "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", monospace; 
	margin: 1em 0;
}
code, tt {
	border-bottom: 1px solid #E3E3E3; padding: 0 1px;
}
small {
	font-size: 85%;
}
big {
	font-size: 115%;
}
abbr, acronym {
	border-bottom: 1px dotted #919191;
}
abbr {
	cursor: help;
}

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

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* Estilos de funci�n
   -------------------------------------------------------------------- */
.none {
	display: none;
}
.clear {
	clear: both;
}
.noborder {
	border: none;
}
.overflow {
	overflow: hidden;
}
.floatleft {
	float: left;
	width: 50%;
}
.floatright {
	float: right;
	width: 50%;
}
.show { 
	display:block;
}
.hide { 
	display:none;
}
a.trigger {
	text-decoration: none; 
	border-bottom: 1px dotted #00c
}
a:hover.trigger {
	color: #00c;
}



/* Estructura
   -------------------------------------------------------------------- */
#wrapper {
	width:1008px;
	margin: auto;
	background:url(img/sidebar_bg.png) repeat-y;
}
#container {
	float:left;
	width:675px;
}
.sidebar {
	float:right;
	clear:right;
	width:333px;
}
#footer { 
	clear:both;
	background:#ededed;
	text-align:center;
	padding:20px;
	color:#737373;
}


/* comments.php
   -------------------------------------------------------------------- */ 
.tabs-comments-track { 
	list-style:none;
	overflow: hidden;
	margin-bottom: -1px;
}
.tabs-comments-track li { 
	float:left; 
	margin-left:10px; 
	border:1px solid #f1f1f1; 
	padding:5px 15px; 
	cursor:pointer;
	background:#f1f1f1;
	border-bottom:1px solid #ccc;
}
.tabs-comments-track li.activo { 
	border:1px solid #ccc; 
	border-bottom:1px solid #fff;
	background:#fff;
}

div.comments { 
	border-top:1px solid #ccc; 
	padding:20px 0 0 0;
}

/* header
   -------------------------------------------------------------------- */

#header { background:url(img/header.png); height:140px;}
#header #blog-title a,
#header #blog-title { float:left; width:350px; height:85px; display:block; }
#header #blog-title span { display:none;}
#header #blog-description { display:none;}

.banner { background:url(img/banner_bg.png); height:318px;}
/* navigation
   -------------------------------------------------------------------- */

#navigation { float:left; margin:50px 0 0 290px;}
#navigation ul {}
#navigation ul li {}
#navigation ul li a { text-transform:uppercase;}

/* post
   -------------------------------------------------------------------- */
#content { margin:23px; }
.post {  padding:7px 0; border-top:1px solid #b8b8b8;}
.post h3.entry-title,
.post h2.entry-title { font-size:24px; font-weight:bold; margin:7px 0;}
.post h3.entry-title a,
.post h2.entry-title a { color:#4e4e4e;}
.post .entry-date { text-align:right; text-transform:uppercase; color:#7a7a7a;}
.post .entry-content { font-size:14px; line-height:23px; color:#474747;}

.post .entry-meta {font-size:12px; margin-bottom:7px;}
.post .entry-meta a { font-weight:bold;}
.post .entry-meta .edit-link a{ font-size:10px; padding:3px; margin-left:20px; background:#ccc; color:#fff;}

.post .comments-link { padding:13px 20px; background:url(img/comentarios_bg.png) repeat-x;}
.post .comments-link a { background:url(img/comentarios_ico.png) no-repeat left center; padding-left:30px; font-size:14px; font-weight:bold;}

h1.entry-title{padding-bottom:15px;}

/* comments
   -------------------------------------------------------------------- */

/* comments
   -------------------------------------------------------------------- */

span.required {}
.trackback_url { float:right;}
#comments-box {margin-top:15px;}
#comments-box .comments {}
#comments-box .comments h3 { float:left; }
#comments-box .comments .post_comments_feed_link { float:right;}
#comments-box .comments .post_comments_feed_link a {}
#comments-box .comments ol#commentlist {}
#comments-box .comments ol.pinglist { margin-bottom:20px;}
#comments-box .comments ol.pinglist li {border-top:none; border-bottom:1px solid #ccc; padding-top:0; margin-top:0; padding-bottom:10px;}
#comments-box .comments ol { clear:both;}
#comments-box .comments ol li { margin-top:10px; padding-top:10px; border-top:1px solid #ccc;} 
#comments-box .comments ol li .comment-author { font-weight:bold;}
#comments-box .comments ol li .comment-author img { float:left; margin:5px 10px 0 0;}
#comments-box .comments ol li .comment-meta a { font-size:0.7em; color:#666; text-decoration:none; }
#comments-box .comments ol li span.unapproved {}
#comments-box .comments ol li p { font-size:0.8em; margin:5px 10px 20px 42px;}
#comments-box #respond {
	background-color:#F8F8F8;
	border:1px solid #ddd;
	margin-bottom:10px;
	padding:10px 10px 10px 40px;
}
#comments-box #respond h3 {font-size:1.2em}
#comments-box #respond .formcontainer {}
#comments-box #respond .formcontainer form {}
#comments-box #respond .formcontainer form .comment-welcomeback {}
#comments-box #respond .formcontainer form .comment-welcomeback strong {}
#comments-box #respond .formcontainer form .comment-welcomeback a {}
#comments-box #respond .formcontainer form #comment-author-info {}
#comments-box #respond .formcontainer form #comment-author-info p { font-size:0.8em;}
#comments-box #respond .formcontainer form #comment-author-info p em {}
#comments-box #respond .formcontainer form .form-label { clear:left; float:left; width:160px; margin-right:10px; margin-bottom:10px; text-align:right;}
#comments-box #respond .formcontainer form .form-label label {}
#comments-box #respond .formcontainer form .form-input {margin-bottom:10px;}
#comments-box #respond .formcontainer form .form-input input {
background:#FFFFFF url(img/input_bg.png) repeat-x;
border-color:#709BBB #84AFCC #84AFCC;
border-style:solid;
border-width:1px;
padding:4px;
width:300px;
}
#comments-box #respond .formcontainer form .form-textarea {}
#comments-box #respond .formcontainer form .form-textarea textarea {
background:#FFFFFF url(img/input_bg.png) repeat-x;
border-color:#709BBB #84AFCC #84AFCC;
border-style:solid;
border-width:1px;
padding:4px;
width:300px;
}
#comments-box #respond .formcontainer form .form-submit { margin-left:170px; padding-top:10px;}
#comments-box #respond .formcontainer form .form-submit #submit {}
#comments-box #respond .formcontainer form .form-option {}


/* footer
   -------------------------------------------------------------------- */

#footer {}
#footer span {}
#footer span a {}
#footer p {}
#footer p a {}

/* footer-link 
   -------------------------------------------------------------------- */ 
   
#footer-link {
	clear:both;
	border:1px solid #a8a8a8;
	background:#f8f8f8;
	padding:23px;
}
#footer-link .modulo {
	float:left; 
	width:480px;
}
#footer-link .modulo ul { margin:10px 0 15px 0}
#footer-link .modulo li{ padding:0 0 6px 13px; border-left:6px solid #ebebeb; }
#footer-link .modulo .mas { background: url(img/flecha_azul.png) no-repeat left center; padding-left:15px; font-weight:bold;} 
#footer-link .modulo p { margin:0;}
/* sidebar
   -------------------------------------------------------------------- */

.sidebar { padding-bottom:20px;}
#primary.sidebar {}
#secondary.sidebar {}
.sidebar .module {}
.sidebar .module li { padding:0 25px;}
.sidebar .module li li{ padding:0 0 6px 13px; border-left:6px solid #dbdbdb;}
.sidebar .module li h3 { color:#898989; font-weight:bold; font-size:16px; text-transform:uppercase; padding:22px 0 8px 0;}
.sidebar .module li a {}
.sidebar .module li ul {}
.sidebar .module li form {}
.sidebar .module li div {}

#feedburner { background:url(img/suscripcion_bg.png) no-repeat center center; height:158px;}
#feedburner .rss { padding-left:20px; background:url(img/rss.png) no-repeat;}
#feedburner .rss-comentarios { padding-left:20px;line-height:10px;}
#feedburner .rss-comentarios a{padding-left:55px;}
#feedburner #email { background:#fff url(img/input_bg.png) repeat-x; padding:4px; border:1px solid #84afcc; border-top-color:#709bbb; width:190px;}
#feedburner .suscribir { background:url(img/boton_suscribir.png); width:71px; height:25px; border:none;}
/* Estilos Paginador
   -------------------------------------------------------------------- */
   
div.pagination {
	padding:30px 0 10px 0;
	text-align:center;
	padding: 30px 0px;
	border-top:10px solid #f4f4f4;
}

div.pagination a {
	padding: 5px 9px;
	margin-right: 4px;
	border-right: 1px solid #bccdd3;
	border-bottom: 1px solid #91b1bc;
	border-left: 1px solid #c8d8de;
	border-top: 1px solid #c8d8de;
	background: #f3f9fb;
}
div.pagination span.current {
	padding: 5px 9px 6px 10px;
	margin-right: 4px;
	font-weight: normal;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background-color: #f4f4f4;
	color: #9c9c9c;
}
a.pagin-next, a.pagin-prev {
	background-color: #156d9a !important;
	color: #fff;
	-moz-border-radius: 5px;
	border: 1px solid #156d9a !important;
	font-weight: bold;
}
a:hover.pagin-next, a:hover.pagin-prev {
	color: #c9efff !important;
	padding: 5px 9px !important;
	text-decoration: none;
}
span.pagin-prev{
float:left;
}
span.pagin-next {
float:right;
}

/* Estilos Album
   -------------------------------------------------------------------- */

.album {}
.album .image {}
h2.album_title {}
h3.imagetitle {}
.thumbs {}
.thumbs img {}
a img {}
.prevnext {}
.prev {
	float: left;
}
.next {
	float: right;
}

/* banner
   -------------------------------------------------------------------- */
   
.banner div { float:left; width:287px; padding:20px 18px 0 28px;}
.banner div.paso2 { float:left; width:296px; padding:20px 10px 0 36px;}
.banner div.paso1 h4 { height:33px; margin-bottom:21px; background:url(img/proyectos.jpg) no-repeat; line-height:33px; padding-left:50px; 
color:#125197; font-size:16px; font-weight:bold; text-transform:uppercase;}
.banner div.paso2 h4 { height:33px; margin-bottom:21px; background:url(img/portfolio.jpg) no-repeat; line-height:33px; padding-left:50px; 
color:#125197; font-size:16px; font-weight:bold; text-transform:uppercase;}
.banner div.paso3 h4 { height:33px; margin-bottom:21px; background:url(img/SM.jpg) no-repeat; line-height:33px; padding-left:50px; 
color:#125197; font-size:16px; font-weight:bold; text-transform:uppercase;}
.banner div.paso2 h4 { background-position: left center}
.banner div.paso3 h4 { background-position: left bottom}
.banner div img { margin-bottom:48px;}
.banner div p { font-size:11px; line-height:16px; color:#c2dfff; margin-bottom:0;}
.banner div p a { background:url(img/flecha_fff.png) no-repeat right center; padding-right:30px; color:#fff; font-weight:bold;}

p{text-align:justify;font-family:Arial,Helvetica,sans-serif;font:100% Arial,Helvetica,sans-serif;line-height:22px;}

.menutop {display:inline;padding-right:10px;}

.contactform{
padding-top:15px;
}

 .linkspie { clear:left; padding:20px 0;}
 .linkspie p { margin:0; padding:0; color:#ccc;}
 .linkspie p strong { color:#8A8B8C; display:block; float:left; padding:0 8px 0 0; margin-right:10px; border-right:1px solid #ccc; width:80px; text-align:right;}

img.alignleft{float:left;padding-right:5px;}