/*
Theme Name: Avanza
Theme URI: http://www.avanza.com.gt
Description:  Tema desarrollado para avanza y/o Walter Estrada
Version: 1.0
Author: Estuardo Estrada
Author URI: http://www.webstudio.com.gt
License: Para uso único de Web Studio And More y/o Walter Estrada.
*/


/*General*/
* {margin:0; padding:0;}
body {background:#2B4F91 url(images/bg.png) repeat-x left top;font:normal 13px Arial, Helvetica, sans-serif ; color:#232323;}
a {color:#2B4F91; text-decoration:none;}
a:hover { text-decoration:underline; color:#E96325;}
a img{ border:none;}
h1, h2, h3, h4, h5, h6 {line-height:normal}
ul, ol, li {list-style-type:none;}
h1 {font-size:22px;letter-spacing:-1px;}
h1 a { color:#fff; text-decoration:none; text-indent:-8000px; display:block;}
h2 { font-size:22px; font-weight:normal; color:#666; margin-bottom:10px; letter-spacing:-1px;}
h2 a {color:#E96325; letter-spacing:-1px;}
h2.a{color:#990000;}
h3{color:#2B4F91;}

p {margin-bottom:10px;}
.alignright{ float:right; clear:both;}
alignleft{ float:left;}
.spacerdiv{ background:url(images/spacerdiv.png) no-repeat left top; margin-bottom:10px; width:480px; height:12px;}
/*Termina General*/

#cont { width:930px; margin:0 auto;}/*Wrapper*/

/*Encabezado*/
#header { width:900px; height:107px; margin:0px 15px; }
#header h1 {font-size:22px;letter-spacing:-1px;float:left;}
#header h1 a { color:#fff; text-decoration:none; text-indent:-8000px; display:block; width:324px; height:107px;background-image:url(images/logo.jpg); background-repeat:no-repeat;}
#header #navegacion{/*width:576px;*/ height:27px; float:right; padding-top:3px; font-weight:bold; font-size:13px;}
#header #navegacion li{ height:18px; float:left; padding:0px 5px; border-left:solid 1px #fff;}
#header #navegacion #first{border-left:none;}
#header #navegacion a{color:#fff;}
#header #navegacion a:hover{color:#B1C9ED;border-bottom:solid 1px #003366; text-decoration:none;}
#header #distribuidores{float:right; height:50px; width:500px; margin-top:32px;}
#header #distribuidores #oceano{background:url(images/oceano.png) no-repeat 0px -50px;; width:139px;}
#header #distribuidores #canesa{background:url(images/canesa.png) no-repeat 0px -50px;; width:174px;}
#header #oceano, #header #canesa{height:50px; float:right;}
#header #distribuidores #oceano:hover, #header #distribuidores #canesa:hover{ background-position:0px 0px;}
/*Termina encabezado*/
/*Contenido*/
#bg {background:#fff url(images/bg2.png) no-repeat left top;padding:15px 15px 0px ; margin:6px 0px 0px; overflow:hidden; width:900px;}
#contenido { width:566px; float:left;}
.description { color:#fff; font-size:10px; text-transform:uppercase; margin:5px 0}
.post { margin-bottom:20px;}
.post-content { margin-bottom:5px;}

#blog a{background:url(images/blog.png) no-repeat top left; width:566px; height:45px; float:left; border-bottom:solid 1px #ccc; text-indent:-9000px;}



.post ul li{ padding:0 0 10px 20px;list-style:url(images/li.png) inside;}
.postmetadata {line-height:normal;}
.postmetadata small{ color:#777; font-size:11px;}
.postmetadata span a { padding-left:20px; background:url(images/icon_comment.gif) no-repeat}
.left { float:left; padding:10px 0}
.right { float:right; padding:10px 0}
.rss { padding-left:22px; background:url(images/icon_rss.gif) no-repeat 0 12px}
.rss_link { margin-bottom:10px;}
#direccion{ background:#E4EFFA; border:solid 1px #A0C4E7; padding:15px;}
#post-slide{ margin-bottom:5px;}

	/*El slide del home*/
	#slide{width:554px; height:280px; position:relative; margin-bottom:15px; border:solid 6px #97A8C8;}
	#slide:hover{ border-color:#6982AF;}
	#slide img{width:554px; height:280px; top:0; left:0; position:absolute; cursor:pointer;}
	
.spacer-home{ width:230px; height:30px; margin:15px 0px 0px; padding-left:10px; float:right;}


#soluciones{ width:480px; height:210px; margin-top:15px;}
.solucion{width:160px; height:210px; background:url(images/bg7.png) no-repeat top left; float:left;}
.solucion h3 a{ color:#fff; font-size:19px; letter-spacing:-1px; margin:5px 0px 0px 10px;}
.solucion h3 a:hover{ color:#FFC761; text-decoration:none;}

.solucion p{color:#fff; margin:8px 10px 0px 15px;}
.solucion p a{ color:#FFC761; float:right; font-weight:bold;}


.pics img { height: 225px; width: 480px; padding: 15px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }
/*Termina Contenido*/
/*Para el sidebar y li de sidebar*/
#sidebar { width:313px; float:right; margin:0px 0px 15px; overflow:hidden; /*border-left:solid 1px #efefef; */padding-left:15px; clear:right;}
#sidebar ul {list-style-type:none; line-height:16px; color:#555;}
#sidebar ul li {margin-bottom:15px;}
#sidebar ul li ul { font-size:13px; font-weight:normal; margin:0 ;text-transform:none;}
#sidebar ul li ul li { margin:0;}
#sidebar ul .pagenav, #sidebar ul .categories, #sidebar ul .linkcat{
	margin-bottom:0;
	padding:0 10px 15px;
}
	/*Li que anuncia la galeria*/
		#sidebar #galeria-banner{ width:313px; height:292px; background:url(images/galeria-banner.png) no-repeat 0px 35px;}
		#sidebar #galeria-banner #visita a{ color:#E96325; font-size:22px; text-decoration:none; letter-spacing:-1px;}
		#sidebar #galeria-banner #galeria a { color:#2B4F91; font-size:30px; float:left; letter-spacing:-2px; padding:10px 0px; font-weight:bold;}
		#sidebar #galeria-banner:hover #visita a{ color:#2B4F91;}
		#sidebar #galeria-banner:hover #galeria a { color:#E96325; }
		#sidebar #galeria-banner #tucolegio a{color:#2B4F91; font-size:22px; text-decoration:none; letter-spacing:-1px; margin:190px 0px 0px 10px; float:left;}
		#sidebar #galeria-banner #tucolegio a strong{ float:left; margin:5px 0px 0px 110px;}
	/*Termina galeria*/
	/*Li de acerca de avanza*/
	#sidebar #acerca{background:url(images/acerca.png) no-repeat top left; padding:35px 20px 10px; border-bottom:solid 1px #ccc;}
	#sidebar #acerca h4{color:#E96325;}
	.div-sup{ border-top:solid 1px #ccc; padding-top:10px;}
	/*Termina avanza*/
	/*Li de categorias*/
	#sidebar ul .categories{background:url(images/categorias.png) no-repeat left top;}
	#sidebar ul .categories h4{background:none; height:40px; text-indent:-8000px;}
	#sidebar ul .categories a{border-bottom:solid 1px #ccc; margin-bottom:5px; display:block; height:15px; padding-bottom:5px;}
	#sidebar ul .categories li{ padding-left:25px; background:url(images/arrow.png) no-repeat 0px 5px;}
	#sidebar ul .categories li li{ margin-left:-25px;}
	/*Termina categorias*/
	/*Li de nubedetags*/
	#sidebar #nubedetags {background:url(images/nubedetags.png) no-repeat left top; padding:45px 15px 0px; margin-bottom:15px;}
	#sidebar #nubedetags a{ margin-right:3px; border:none; text-decoration:none; margin:0; float:none;}
	/*Termina nubedetags*/
/*Termina sidebar*/


/*Para el footer*/
#closebg { clear:both; height:42px; background:#fff url(images/bgfooter.png) no-repeat left bottom; margin-bottom:30px;}
#closebg p{text-align:center; width:600px; margin:0 auto;}
#closebg a{font-size:14px; font-weight:bold;}
#closebg #copyright { margin-top:5px; font-size:12px;}
#closebg #copyright a{letter-spacing:-1px; font-size:13px;}
#spacer { clear:both; height:1px;}
/*Termina footer*/

/*Comentarios y forms*/
#postcomment{ font-size:13px; margin-bottom:10px;}
#comments {color:#2B4F91; letter-spacing:-1px;}
.avatarcont{float:left; margin:3px 5px 5px 5px; clear:both; width:90px; height:67px;}
.avatar{ margin:5px 5px 5px 9px;}
#commentlist li{padding:0px 15px 5px 0px;margin-bottom:10px;min-height:70px; font-size:12px; overflow:hidden;}
#commentlist li.comentario0 {background:#EFF5FC;}
#commentlist li.comentario1 {background:#fff; border:solid 1px #A0C4E7;}
#commentlist cite{ font-size:11px; font-style:normal;}
#commentlist a{color:#990000;}
#commentlist a:hover{color:#F58718;}
#commentform p { margin-bottom:5px;}
input, textarea {font:bold 12px Arial, Helvetica, sans-serif; color:#666; font-weight:normal;}
form.wpcf7-form input, #author, #email, #url, #comment {border:solid 1px #2276B5; width:170px; height:22px;}
form.wpcf7-form input:hover, form.wpcf7-form input:focus, #author:hover, #author:focus, #email:hover, #email:focus, #url:hover, #url:focus {background:url(images/bg_input.gif) no-repeat left top; border:solid 2px #FFC761; width:168px; height:20px;}
form.wpcf7-form textarea, #comment { width:462px; height:82px; border:solid 1px #2276B5;}
form.wpcf7-form textarea:hover, form.wpcf7-form textarea:focus, #comment:hover, #comment:focus { width:460px;height:80px; border:solid 2px #FFC761;}
#submit, #submit-comment{ background:url(images/bg2.png) repeat-x top; border:solid 1px #5991D5; color:#003366; width:170px; height:22px;}
#submit:hover, #submit-comment:hover{ background:url(images/bg2.png) repeat-x bottom;border:solid 1px #5991D5; width:170px;height:22px;}
/*Termina comentarios y forms*/

/*Estilos para wp-numbers*/
#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {background: #fff;padding: 0;margin: 0;border: none;text-decoration: none;font-weight: normal;font-style: normal;list-style: none;text-transform: none;text-indent: 0px;font-variant: normal;text-align: left;line-height: 12px;letter-spacing: 0px;word-spacing: 0px;}
#wp_page_numbers {margin-top: 10px;width: 100%;background: #fff;}
#wp_page_numbers ul {border-top: 1px solid #ccc;width: 100%;}
#wp_page_numbers li {float: left;display: block;}
#wp_page_numbers a {padding: 3px;padding-left: 5px;padding-right: 5px;display: block;color: #264D9B;font-family: Arial;font-size: 12px;border-top: 2px solid #fff;border-bottom: 2px solid #fff;}
#wp_page_numbers li a:hover {color: #F58718;border-top: 2px solid #F58718;border-bottom: 2px solid #F58718;}
#wp_page_numbers li.space {font-size: 12px;font-family: Arial;color: #aaa;padding: 3px;padding-left: 5px;padding-right: 5px;border-top: 2px solid #fff;border-bottom: 2px solid #fff;}
#wp_page_numbers li.first_last_page {font-style: italic;}
#wp_page_numbers li.active_page a {color: #fff;background: #264D9B;border-top: 2px solid #264D9B;border-bottom: 2px solid #264D9B;}
#wp_page_numbers li.active_page a:hover  {color: #fff; /* IE fix */border-top: 2px solid #00679d;border-bottom: 2px solid #45b9f6;background:#F58718;}
#wp_page_numbers li.page_info {float: left;font-size: 12px;font-family: Arial;color: #aaa;display: block;padding: 3px;padding-right: 5px;border-top: 2px solid #fff;border-bottom: 2px solid #fff;}
/*Termina Estilos para wp-numbers*/