/*
Theme Name: Banco Itapua S.A.
Theme URI: http://www.nexusit.com.py/
Description: Tema desarrollado para el Banco Itapua S.A. basado en el tema Original Kubrick para Wordpress
Version: 1.0
Author: Hugo David Barreto/Ever Daniel Barreto
Author URI: http://www.nexusit.com.py
Tags: blue, custom header, fixed width, two columns, widgets

	UCI v1.0
	 http://www.nexusit.com.py

	This theme was designed and built by Hugo David Barreto and Ever Daniel Barreto,
	based on the original Kubcrick theme, whose blog you will find at http://hugodavid.com/ and http://everdaniel.com/

*/
/*
	COLORES
	Naranja:			#fdbb2d
	Marrón Oscuro:		#7e735b
	Marrón Claro:		#b0a790
	Marrón Clarito:		#dfdcd6
	Amarillo Clarito:	#fffddc
*/

@charset "utf-8";
/* CSS Document */

html, body {
	background: white;
	text-align: center;
	margin: 0px;
	padding: 0px;
	line-height: 1.5;
	height: 100%;
}

div { position: relative; text-align: left; }

h1 { }
h2 { margin: 0px; padding: 0px 0px 10px 0px; }
h3 { margin: 0px; padding: 0px; }
h4 { margin: 0px; padding: 0px; }

ul { margin: 0px; padding: 0px; }

a { color: #7e735b; font-weight: bold; text-decoration: none; }

a:hover { color: #fdbb2d; font-weight: bold; text-decoration: none; }

/*******/

/* <!-- Form Wordpress Default template*/
.widecolumn .entry p { font-size: 1.05em; }
.narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; }
.widecolumn { line-height: 1.6em; }
.narrowcolumn .postmetadata { text-align: center; }
.thread-alt { background-color: #f8f8f8; }
.thread-even { background-color: white; }
.depth-1 { border: 1px solid #ddd; }
.even, .alt { border-left: 1px solid #ddd; }
small { font-size: 0.9em; line-height: 1.5em; }
h1, h2, h3, h4 { font-weight: bold; }
h1 { font-size: 4em; text-align: center; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1em; }
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description { text-decoration: none; color: white; }
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #333; }
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite { text-decoration: none; }
/*	Begin Headers */
h1 { padding-top: 70px; margin: 0; }
h2 { margin: 30px 0 0; }
h2.pagetitle { margin-top: 30px; text-align: center; }
#sidebar h2 { margin: 5px 0 0; padding: 0; }
h3 { padding: 0; margin: 30px 0 0; }
h3.comments { padding: 0; margin: 40px auto 20px ; }
/* Begin Lists
	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; }
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before, #sidebar ul ul li:before { content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }
/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px;
	margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* End captions */
/* End Headers */
/* Begin Images */
p img { padding: 0; max-width: 100%; }
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
/* End Images */
/* ---!> */

.left { float: left; display: inline; }
.right { float: right; display: inline; }
.clear { clear: both; }
.spacer { width: auto; height: 20px; }
.small_spacer { width: auto; height: 7px; }

.hide { display: none; }
.not_visible { visibility: hidden; }

.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.text-justify { text-align: justify; }
.text-bold { font-weight: bold; }
.text-italic { font-style: italic; }

.column { float: left; margin-right: 10px; }
.first { margin-left: 0; padding-left: 0; }
.last { margin-right: 0; padding-right: 0; }
.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }
.last, div.last { margin-right: 0; }

.span-site-content { width: 880px; }
.span-left { width: 172px; }
.span-right { width: 147px; }
.span-main-content { width: 510px; }

.spacing_container { padding: 5px !important; padding: 3px; }

.hr_thin { border-bottom-style: solid; border-bottom-width: 1px; }
.hr_solid { border-bottom-style: solid; border-bottom-width: 2px; }
.hr_dark { border-bottom-color: #4e94c6; margin: 10px 0px; }
.hr_light { border-bottom-color: #e3e7e5; margin: 10px 0px; }
.hr hr { display: none; }

.admin_edit_entry { border: 1px solid #0075B2; background-color: #EEF9FF; margin: 0.5em; padding: 0.5em; }
.container-separator { /*background-color: #dfdcd6; width: 1px; height: 100%;*/ }

/* MOVING BOXES */
#wrapper { width: 430px; margin: 0 0 0 30px; }
#intro { padding-bottom: 10px; }
#slider { width: 430px; margin: 0 auto; position: relative; border: 10px solid #FDBB2D; }
.scroll { overflow: hidden; width: 430px; margin: 0 auto; position: relative; }
.scrollContainer { position: relative; }
.scrollContainer div.panel { padding: 5px; width: 274px; height: 205px; }
.inside { padding: 5px; /*border: 1px solid #999;*/ }
.inside img { display: block; /*border: 1px solid #666;*/ margin: 0 0 10px 0; width: 180px; }
.inside h2 { font-weight: normal; color: #111; font-size: 16px; margin: 0 0 8px 0; }
.inside p { font-size: 11px; color: #ccc; }
#left-shadow { position: absolute; top: 0; left: 0; width: 12px; bottom: 0; background: url(images/leftshadow.png) repeat-y; }
#right-shadow { position: absolute; top: 0; right: 0; width: 12px; bottom: 0; background: url(images/rightshadow.png) repeat-y; }
#wrapper a { color: #999; text-decoration: none; border-bottom: 1px dotted #ccc; }
#wrapper a:hover { border-bottom: 1px solid #999; }
.scrollButtons { position: absolute; top: 80px; cursor: pointer; }
.scrollButtons.left { left: -45px; }
.scrollButtons.right { right: -45px; }
.hide { display: none; }

/**/
#page_wrapper {
	margin: 0 auto;
	padding: 0;
	height: 100%;
	min-height: 410px;
	/*border: 1px solid #0F3;*/
}

/* Header */
#global_logo { position: absolute; margin: 0; padding: 0; top: -20px; left: 10px; width: 140px; z-index: 1; /*border: 1px solid #0F3;*/ }
#global_header { margin: 0 auto 0 75px; padding: 0; width: 805px; /*border: 1px solid #0F3;*/ }

#top_menu_container { height: 42px; margin-top: 35px; width: 100%; background-color: #fdbb2d; /*border: 1px solid blue;*/ }

#top_menu_container ul { text-align: right; margin: 0; padding: 10px; }
#top_menu_container li { display: inline; }
#top_menu_container a { color: #fff; padding: 1em; }
#top_menu_container a:visited { color: #fff; }

#linea_naranja_principal { /*border: 1px solid red;*/ width: 100%; height: 42px; min-height: 42px; background-color: #fdbb2d; }

#main_menu_container { height: 42px; width: 100%; background-color: #b0a790; font-size: 12px; }
#main_menu_container ul { text-align: left; margin: 0 auto 0 55px; padding: 10px; }
#main_menu_container li { display: inline; }
#main_menu_container li span { /*border-left: 2px solid #dfdcd6; height: 42px; padding-top: 12px; padding-bottom: 10px;*/ }
#main_menu_container a { color: #fff; padding: 1em; }
#main_menu_container a:visited { color: #fff; }

/* Content */
#global_content { /*height: 100%; border: 1px solid red;*/ }

#banco_left_container { /*height: 100%;*/ color: #fff; /*border: 1px solid red;*/ }

#main_button_container a { color: white; }
#main_button_container a:visited { color: white; }

div.main_button { width: 172px; height: 49px; }

#main_button_container .left_side {
	float: left;
	width: 15px;
	margin-right: 5px;
	background-color: #b0a790;
	padding: 8px !important;
	padding: 7px;
}

#main_button_container .right_side {
	float: left;
	width: 120px;
	background-color: #fdbb2d;
	padding: 8px !important;
	padding: 7px;
}

#main_button_container { font-size: 22px; font-weight: bold; }

#banco_left_container .box_container { color: #7e735b; font-size: 12px; }
#banco_left_container .box_header { color: #fff; font-weight: bold; background: url(images/bg_boxes.gif) top right no-repeat #fdbb2d; height: 21px; min-height: 21px; }
#banco_left_container .box_body { background-color: #fffddc; }
.box_header span { padding-left: 5px; }

#banco_center_container { padding: 0px 10px; border-left: 1px solid #dfdcd6; border-right: 1px solid #dfdcd6; }
#banco_center_container h2 { color: #7E735B; border-bottom: 2px solid #FDBB30; margin: 0 0 5px 0; padding: 0; text-transform: capitalize; }
#banco_right_container {}

#right_sidebar_bg { width: 147px; height: 410px; background: url(images/bg_sidebar_right_01.jpg) top left no-repeat; }

/* Footer */
#global_footer {
	width: 100%;
}

#linea_naranja {
	width: 100%;
	min-height: 10px;
	background-color: #fdbb2d;
	margin-bottom: 5px;
}

#banco_footer {
	width: 100%;
	min-height: 65px;
	background-color: #b0a790;
	color: #ffffff;
}

#banco_footer p { padding: 1em; font-size: 12px; }

/* intro styles */

#intro {
	width: 445px; 
	margin: 0 auto; 
}

#intro_left {

	float:left;
}

#intro_right {

	float:left;
}

#intro_down {
	clear:both;
	width: 445px; 
	height: 57px; 
	background: url(images/bg_intro.gif) top left no-repeat; 
	text-align: center; 
	font-size: 12px; 
	font-weight: bold;
}