/**

	Theme Name: diseno web

	Theme URI: http://www.webintegrada.com

	Author: Gustavo Rivadeneyra

	Author URI: 

	Version: 1.0

	

	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php

	

	Changelog:

		v1.0 - 01.10.10

		First Release of diseno web

*/



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



.clearfix:after { /* FF,O,etc. */

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}



.clearfix {

	display: inline-block; /* IE7xhtml*/

}



html[xmlns] .clearfix { /* O */

	display: block;

}



* html .clearfix {

	height: 1%; /* IE5-6 */

}



body {

	background:#f5f5f5 url(images/background.gif) repeat-x 0 100%;

	font:normal 12px Arial,Verdana,Tahoma;

	color:#2c57a0;

}



a {

	text-decoration:none;

	color:#2c57a0;

}



a:hover { color:#0B3156; }



#body-in {

	background:transparent url(images/body-in.gif) repeat-x 0 0;

	padding-top:28px;

}



#wrapper {

	background:transparent url(images/wrapper-bg.png) repeat-x 0 0;

	width:920px;

	margin:0 auto;

	padding-top:10px;

}



/* header */

#header {

	background:transparent url(images/header-bg.png) no-repeat 0 0;

	height:137px;

	position:relative;

	width:100%;

	overflow:hidden;

}



#date-now {

	background:transparent url(images/clock.gif) no-repeat 0 0;

	font-size:12px;

	color:#7b6e50;

	height:18px;

	line-height:24px;

	padding-left:40px;

	position:relative;

	left:432px;

	top:30px;

	z-index:2;

}



#branding {

	float:left;

	padding:18px;

	width:600px;

	height:64px;

	font-family:Tahoma,Arial,Verdana;

	position:relative;

	top:-18px;

	left:0;

	z-index:1;

}



#blog-title {

	display:block;

	font-size:24px;

	color:#1a5cd1;

	height:50px;

	line-height:38px;

}



#blog-description {

	font-size:14px;

	font-weight:normal;

	color:#0B3156;

	text-transform:uppercase;

}



#top-search-wrap {

	float:right;

	width:202px;

	height:48px;

	padding:24px 10px;

	position:relative;

	font-size:13px;

	line-height:34px;

	top:-16px;

	z-index:1;

}



#top-search-wrap h3{

	font:normal 14px Arial, Verdana, Tahoma;

	color:#0B3156;



}



#top-search-wrap p{

	font:normal 9px Arial, Verdana, Tahoma;

	line-height:34px;

	color:#7B6E50;



}



#top-search-wrap label {

	display:block;

	height:33px;

}



#top-search-wrap input {

	background:none;

	border:none;

	margin-left:8px;

	width:257px;

	color:#0B3156;

}



#page-menu {

	clear:both;

	position:relative;

	width:100%;

	overflow:hidden;

	height:37px;

	top:-18px;

}



#page-menu ul {

	display:block;

	height:37px;

	width:100%;

	overflow:hidden;

	position:absolute;

	top:0;

	left:0;

}



#page-menu ul#page-shadow {

	top:1px;

	left:1px;

	border:none;

}



#page-menu ul li {

	display:inline;

	text-transform:uppercase;

}



#page-menu a {

	background:transparent url(images/page-menu-separator.gif) no-repeat 100% 1px;

	display:block;

	float:left;

	height:36px;

	font:bold 14px Arial, Verdana, Tahoma;

	line-height:36px;

	color:#0B3156;

	padding:0 14px 0 10px;

}



#page-menu ul#page-shadow a {

	background:none;

	color:#93b7d9;

}



#page-menu a:hover, #page-menu .current_page_item a {

	/* color:#ffffff; */

}



/* container */

#container {

	background-color:#ffffff;

	border-left:1px solid #ffffff;

	border-right:1px solid #ffffff;

}



#logo {

	width:920px;

	height:50px;

	padding:0px;

	position:relative;

}

#logol {

	float:left;

	width:240px;

	height:50px;

	margin:0px;

	line-height:18px;

	padding:0 0 0 10px;

}



#logol h3{

	float:left;

	font:normal 18px Arial, Verdana, Tahoma;

	margin:30px 0px 0px 10px;

	

}

#logor {

	float:right;

	width:634px;

	height:40px;

	margin:0px;

	padding:10px 0 0 0;

}





/* sidebar */

#sidebar {

	float:right;

	width:306px;
	
	height:400px;

	padding:16px 6px 0 0;

}



.widget {

	background-color:#eeeeee;

	padding:6px;

	margin-bottom:7px;

	position:relative;

	overflow:hidden;

	width:294px;

	color:#848484;

}



.widget-title {

	background:#2C57A0;

	text-transform:uppercase;

	font:bold 12px Arial,Tahoma,Verdana;

	color:#ffffff;

	border:1px solid #1A5CD1;

	top:-6px;

	left:-7px;

	width:286px;

	line-height:30px;

	height:30px;

	overflow:hidden;

	position:relative;

	padding:0 10px;

}



.widget ul li {

	padding:8px 0;

	border-bottom:1px solid #1A5CD1;

	position:relative;

}



.widget a { color:#2C57A0; }



.widget a:hover { color:#0B3156; }



/* content */

#content {

	float:left;

	width:600px;

	margin:0 0 10px 0;
	
	padding:7px 0;

}



#content h3{

	float:left;

	font:normal 18px Arial, Verdana, Tahoma;

	margin:10px 100px 10px 20px;

}



#content h4{

	float:left;

	font:normal 17px Arial, Verdana, Tahoma;

	margin:10px 100px 10px 20px;

}



#contentin {

	float:left;

	width:600px;

	margin:0;
	
	padding:0;

}

.pagetitle {

	margin-bottom:3px;

	color:#ffffff;

	font-weight:normal;

}



.post .title, #p-404 {

	font:normal 24px 'Times New Roman', Georgia, serif;

	margin-bottom:3px;

	color:#dea12b;

}



.post .meta {

	color:#81755e;

	margin-bottom:10px;

}



#mini-post-wrap .odd { float:left; }



#mini-post-wrap .even { float:right; }



.mini-post {

	width:328px;

	margin-bottom:10px;

	overflow:hidden;

}



.mini-post .title {

	font:normal 16px 'Trebuchet MS', Tahoma;

	height:20px;

	line-height:20px;

	overflow:hidden;

	border:none;

	padding:0;

	margin-bottom:6px;

}



.mini-post .entry {

	height:145px;

	overflow:hidden;

	margin-bottom:3px;

}



.mini-post .meta {

	font:normal 11px Tahoma, Verdana;

	margin-bottom:3px;

}



.mini-post .date-post {

	background:#cf8c18 url(images/mini-date-bg.gif) repeat-x 0 0;

	display:block;

	float:left;

	width:196px;

	line-height:27px;

	height:27px;

	color:#ffffff;

	padding-left:10px;

}



.mini-post .read-more {

	background:#1153a4 url(images/mini-read-more-bg.gif) repeat-x 0 0;

	display:block;

	float:right;

	color:#ffffff;

	padding-left:10px;

	width:107px;

	height:25px;

	line-height:25px;

	border:1px solid #2667b1;

}



.mini-post a.read-more:hover { color:#f4b33b; }



.navigation .alignleft a, .navigation .alignright a {

	background:#D2901C url(images/nav-button-bg.gif) repeat-x 0 0;

	display:block;

	float:left;

	font:normal 11px Verdana, Tahoma;

	color:#362F28;

	height:27px;

	line-height:27px;

	padding:0 7px;

}



#indice {

width: 290px;

float: left;

padding: 0px;

margin: 0px 0px 8px 8px;

display: inline;

}

#indice p {

color:#7B6E50;

font-family:Arial,Tahoma,Verdana;

font-size:11px;

padding: 0px;

margin: 0px 0px 0px 83px;

line-height: 14px;

}

#indice h3 {

background:#2C57A0 none repeat scroll 0 0;

color:#FFFFFF;

font-family:Arial,Tahoma,Verdana;

font-size:11px;

font-weight:bold;

width:185px;

margin:0 0 7px 7px;

padding:3px 0 3px 7px;

text-transform:uppercase;

}

#indice h3 a {

color:#FFFFFF;

text-decoration:none;

}

.articulo {

background:#EEEEEE;

float: left;

width: 274px;

margin: 0px;

padding: 7px;

border: 1px solid #BBBBBB;

}



/* wp-pagenavi */

#wp-pagenavi-wrapper {

	background:#d08e19 url(images/pagenavi-bg.gif) repeat-x 0 0;

	height:36px;

	position:relative;

	padding:0 5px;

}

.wp-pagenavi {

	padding-top:12px;

	font:normal 11px Tahoma, Verdana, Arial;

}



.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span.extend {

	background-color:#0f365b !important;

	color:#ffffff !important;

	text-transform:uppercase;

	padding:4px 8px !important;

	border:1px solid #0c2e4d !important;

}



.wp-pagenavi a:hover, .wp-pagenavi span.current {

	background-color:#1153a4 !important;

	border:1px solid #0c2e4d !important;

}



/* footer */

#footer {

	height:40px;

	text-transform:uppercase;

	color:#ffffff;

	font-size:10px;

	line-height:40px;

	padding:0 15px;

}



#copyright {

	float:left;

}



#credit {

	float:right;

}



#footer a, #footer a:hover {

color: #FFFFFF;

}