/*
Theme Name: WS
Theme URI: http://webstudio.com.gt
Description:  Tema desarrollado para Web Studio por Estuardo Estrada
Version: 1.0
Author: Estuardo Estrada
Author URI: http://webstudio.com.gt
License: Para uso Unico de Web Studio And More.
*/

* {margin:0; padding:0;}
body {background:#195D90 url(images/bg.png) repeat-x left top;font:normal 13px "Trebuchet MS",Arial,Helvetica,sans-serif; color:#232323;}
a {color:#1C6093; text-decoration:none;}
a:hover { text-decoration:underline; color:#990000;}
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:#999; margin-bottom:10px; }
h2 a {color:#990000; letter-spacing:-1px;}
h2 a:hover{color:#F58718;}
h2.a{color:#990000;}
h3{color:#264D9B;}

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;}

#cont { width:765px; margin:0 auto;}
#header { height:131px; padding:2px 0px 0px; }
#header h1 {font-size:22px;letter-spacing:-1px;float:left;}
#header h1 a { color:#fff; text-decoration:none; text-indent:-8000px; display:block; width:467px; height:131px;background-image:url(images/logo_header.jpg); background-repeat:no-repeat; }
#header #navegacion{width:220px; height:119px; float:right; padding-top:8px; text-align:right; font-weight:bold; font-size:14px; background:transparent url(images/navegacion.jpg) right top no-repeat; margin-right:10px;}
#header #navegacion li{ height:18px; padding-right:40px;}
#header #navegacion a{color:#990000;}
#header #navegacion a:hover{color:#F58718;border-bottom:solid 1px #003366; text-decoration:none;}

#bg {background:#fff url(images/bg2.png) repeat-x left top;padding:25px 15px 0px; margin:6px 0px 0px; overflow:hidden;}
#content { width:480px; float:left; overflow:hidden;}
#sidebar { width:225px; float:right; margin:7px 0 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 #archives, #sidebar ul .linkcat{
	margin-bottom:0;
	padding:0 10px 15px;
}
#sidebar ul .pagenav a, #sidebar ul .categories a, #sidebar ul #archives a, #sidebar ul .linkcat a{

}
#sidebar #tips{width:195px; height:160px; padding:40px 15px 0; background:url(images/consejo.png) no-repeat top left; line-height:15px; color:#1C6093;}
#sidebar #tips h5{ font-size:17px; letter-spacing:-1px; margin-bottom:10px; width:100%; display:block; color:#F58718;}
#sidebar #tips a{ float:right; color:#990000;}
#sidebar #tips a:hover{color:#F58718;}

#sidebar ul .categories{background:#1C6093 url(images/menu_top.png) no-repeat left top;}
#sidebar ul #archives{background:#1C6093 url(images/menu_bottom.png) no-repeat left bottom;height:auto; margin-bottom:15px;}
#sidebar ul .categories h4, #sidebar ul #archives h4{background:#1C6093 url(images/categorias.png) no-repeat 0px 8px; height:40px; text-indent:-8000px;}
#sidebar ul #archives h4{background:#1C6093 url(images/archivo.png) no-repeat 0px 8px;}
#sidebar ul .categories a, #sidebar ul #archives a{color:#fff;border-bottom:solid 1px #2276B5; margin-bottom:5px; display:block; height:15px;}
#sidebar ul .categories a:hover, #sidebar ul #archives a:hover{ text-decoration:none; color:#F58718;}
#sidebar ul .categories li, #sidebar ul #archives li{ padding-left:25px; background:url(images/arrow.png) no-repeat 0px 5px;}
#sidebar ul .categories li li, #sidebar ul #archives li li{ margin-left:-25px;}

#twitter{ width:225px; height:80px; background:url(images/twitter.png) no-repeat top left;}

/*Para el footer*/
#closebg { clear:both; height:7px; background:#fff url(images/footer.png) no-repeat left bottom; margin-bottom:30px;}
#spacer { clear:both; height:1px;}

#footer{width:700px;margin:0 auto; text-align:center; color:#fff;}
#footer a{color:#FFC761; font-size:14px; font-weight:bold;}

#s { background:url(images/bg_search.gif) no-repeat left top; border:0; padding:6px 3px 6px 25px;  width:75px;  }

#postcomment{ font-size:13px; margin-bottom:10px;}
#comments {color:#1C6093; letter-spacing:-1px;}
.avatarcont{float:left; margin:3px 5px 5px 5px; clear:both; width:90px; height:67px; background:url(images/avatarback.png) no-repeat top left;}
#commentlist li.comentario1 .avatarcont{ background-position:bottom;}
.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 {background:url(images/bg_input.gif) no-repeat left top; 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;}


#wp-design a {padding:0 2px;}
#wp-design a:hover { background:#65C9E2; color:#fff; }
#wp-design a:hover strong {color:#FF3300;}


#post-slide{ margin-bottom:5px;}
#slide{width:480px; height:225px; position:relative;}
#slide img{width:480px; height:225px; top:0; left:0; position:absolute; cursor:pointer;}
#slidetitle{height:40px; margin:0;}

#controles{ float:right; position:absolute; margin-left:410px;top:163px; z-index:99; background:url(images/baseslider.png) no-repeat top left; width:69px; height:19px; }
#prev, #next{ cursor:pointer; color:#264D9B; float:left; margin-top:3px; width:21px; height:12px; margin-left:3px; overflow:hidden;}

#prev:hover, #next:hover{color:#990000; background-position:0px 12px;}
#prev{ background-image:url(images/prev.png); margin-right:17px;}
#next{ background-image:url(images/next.png)}

.spacer-home{ width:230px; height:30px; margin:15px 0px 0px; padding-left:10px; float:right;}

.porquedown{ position:absolute; z-index:-1;}
#porque{ z-index:10; background:#FFFFFF; height:165px; overflow:hidden;}
#porquec{ height:225px; width:240px; float:right; position:relative;}
#porquec h3 {color:#264D9B;}
#porquecont{ height:225px; width:240px; float:right; position:relative; background: transparent url(images/bg4.png) no-repeat left bottom;}
#porquecont h2{ color:#990000; letter-spacing:-1px; font-size:18px;}
#porquecont #iweb{ color:#666; font-size:22px;}
#porquecont #istudio{ color:#264D9B;font-size:22px;}
#porquecont #imore{ color:#FD7200;font-size:22px;}
#porquecont #iques{font-size:60px; font-weight:bold; position:absolute; left:210px; top:-10px;}

#deptos{ width:728px; height:150px; float:left; margin-bottom:10px; overflow:hidden; clear:both; background:url(images/bg6.png); padding-left:5px;}
.depto{width:214px; height:150px; float:left;color:#fff;background:url(images/bg5.png) repeat-x 0px 0px; margin:0 10px 0 0px; padding:0px 5px 0 15px;}

#depto-last{margin-right:5px;}
#depto-last form{ margin-bottom:10px;}
#depto-last form input{ width:135px; overflow:hidden;}
#depto-last form select{ width:60px; overflow:hidden;}

.depto:hover{ color:#fff;}
.depto h3{height:33px; width:214px; overflow:hidden;}
.depto h3 a{color:#C6E0F4; font-size:20px; letter-spacing:-1px; padding-left:45px; background:url(images/loguito.png) no-repeat top left; text-decoration:none;}
.depto:hover h3 a{color:#fff; background:url(images/loguito.png) no-repeat 0px -30px;}

.depto p a{ float:right; color:#FFC761; font-weight:bold;}
.depto p a:hover{ float:right; color:#FFC761; font-weight:bold;}


#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;}

.paquetes{width:310px; background:top left no-repeat; padding-left:170px; height:198px;}
.post .paquetes li{padding-bottom:4px;}
#inicio{ background-image:url(images/inicio.jpg);}
#ecommerce{ background-image:url(images/ecommerce.jpg);}
#eportal{ background-image:url(images/eportal.jpg);}

.pics img { height: 225px; width: 480px; padding: 15px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }

.description { color:#fff; font-size:10px; text-transform:uppercase; margin:5px 0}
.post { margin-bottom:20px;}
.post-content { margin-bottom:5px;}
.post ul li{ padding:0 0 10px 20px;list-style:url(images/li.png) inside;}

/*.post-content a img{ border:none;}*/
.postmetadata {line-height:normal;}
.postmetadata small{ color:#777;}
.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;}

#felicidades{ color:#006600;font-size:18px;}
#sorry{ color:#CC0000; font-size:18px; text-decoration:underline;}


/*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;
}


/* Images Rollup*/

.insidecpt{padding:10px;}

.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 1px 0px 0px 0px;
	margin:0px;
	font-size: 13px;	
	cursor: default;
	background: #0D2E46;
	border:solid 0px #333333;
}
.caption-bottom {
   border-width: 0px;
}
.caption a, .caption a {
	border: none;
	text-decoration: none;
}

br.c { clear: both; }

.imgbg, .imgbg2{ background:url(images/imgbg.png) top left no-repeat; width:480px; height:220px; border-bottom:solid 1px #ccc; margin-bottom:10px; padding-bottom:10px;}

.imgbg img, .imgbg2 img{margin:-18px 8px 0px 11px; width:458px; height:205px; }

.imgbg2 img{ margin-top:0;}

#post-84 h3{ font-size:19px; font-weight:normal; letter-spacing:-1px; margin-bottom:10px;}