/* 
Theme Name: En blanco
Theme URL: http://juanoh.com
Description: Grupo-Z
Author:juanoh!
Author URI: http://juanoh.com
Version: 2.0

*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;  text-align:left;}
body{ background:#fff; font-size:12px;  text-align:left; line-height:15px; font-family: 'arial', Geneva, sans-serif; }
a{ color:#000; text-decoration:none;}
a:hover{ text-decoration:none; color:#cccccc;}
small{font-size:10px; color:#000938;}
.none{background:#ffffff;}
p{font-size:11px; line-height:16px;}
h3{font-size:15px; line-height:18px;}
#contenedor{margin: 0 auto; width: 950px;}

.clearfix{clear: both;visibility: hidden;}
#header{height:135px; width:950px; float:left; background:#ffffff; border-bottom:1px #e0e0e0 solid;}
#header h1{float:left;  width:270px; height:130px;}
#slider{height:230px; border-bottom:1px #e0e0e0 solid; float:left; width:950px; margin:0 0 25px 0; padding-top:10px}
#frases-box{height:110px; border-bottom:1px #e0e0e0 solid; float:left; width:950px; margin:0 0 15px 0; }
#nav{height:47px;width:520px;float:right;margin:50px 0 20px 0;background:#fff;}
#nav ul{height:47px;width:520px;float:right;list-style-type:none;}
#nav li{display:inline;}
#pie{height:90px; border-top:1px #e0e0e0 solid; float:left; width:950px; margin:20px 0 0 0; padding:15px 0 0 10px;
color:#4e4e4e; font-size:10px; width:950px;}
#pie p{float:left; margin:30px 0 0 0;}
.level{float:left; margin:0 0 0 55px; width:364px;}

#header2{height:135px; width:950px; float:left; background:#ffffff; border-bottom:1px #e0e0e0 solid;}
#header2 h1{float:left;  width:270px; height:130px;}

a#inicio{width: 51px; height: 30px; float: left; text-indent: -9999px; background: url("images/btn-home.jpg") top left no-repeat;}
a#inicio:hover {background-position: 0 -30px;}
a#servicios{float: left; width: 72px;height: 30px; text-indent: -9999px;background: url("images/btn-servicios.jpg") top left no-repeat; margin-left:20px;}
a#servicios:hover {background-position: 0 -30px;}
a#proyectos{float: left; width: 79px;height: 30px;text-indent: -9999px;background: url("images/btn-proyectos.jpg") top left no-repeat; margin-left:20px;}
a#proyectos:hover {background-position: 0 -30px;}
a#clientes{float: left; width: 72px;height: 30px;text-indent: -9999px;background: url("images/btn-clientes.jpg") top left no-repeat; margin-left:20px;}
a#clientes:hover {background-position: 0 -30px;}
a#weblog{float: left; width: 62px;height:30px;text-indent: -9999px;background: url("images/btn-blog.jpg") top left no-repeat; margin-left:20px;}
a#weblog:hover {background-position: 0 -30px;}
a#contacto{float: left; width: 79px;height: 30px;text-indent: -9999px;background: url("images/btn-contacto.jpg") top left no-repeat; margin-left:20px;}
a#contacto:hover {background-position: 0 -30px;}

#cuerpo{margin: 0;padding: 0;width: 950px;float: left;}
#sidebar{width:270px;float:right; border-left:1px #e0e0e0 solid; padding-left:15px; margin-left:15px; margin-top:20px;}
#sidebar h3{border-bottom:4px solid #cccccc; width:290px; margin-bottom:10px; margin-top:5px;}
#sidebar li{margin-bottom:10px; float:left; display:block; width:260px;}
#sidebar li a{ margin-top:2px; display:block; font-family:"Arial",Sans-serif; color:#386990; font-size:12px;  background:#eaeaea; padding:5px;}
#sidebar li a:hover{ margin-top:2px; display:block; font-family:"arial", New York; color:#386990; font-size:12px;  background:#e0e0e0; padding:5px;}
#left{float:left; width:375px;}
#right{float:left; width:555px; margin-left:20px;}



#sidebar2{width:280px;float:right; margin-left:15px; border-left:1px #e0e0e0 dotted; padding-left:5px;}
#sidebar2 h3{border-bottom:4px solid #cccccc; margin-bottom:10px; margin-top:5px;}
#sidebar2 ul{float:left; text-align:left;width:260px;}
#sidebar2 li{text-align:left; margin-bottom:4px;}
#sidebar2 li a{color:#737373; font-size:11px;}
#sidebar2 li a:hover{ color:#000;}

#cuerpo-int{width:950px; float:left; margin-top:5px;}
#cuerpo-int h2{font-family:"Arial",Sans-serif; font-size:18px; text-transform:none; letter-spacing:0px; line-height:1.1em; text-decoration:none; color:#386990;letter-spacing:0px; line-height:1.1em; text-decoration:none; color:#386990; text-align:center; border-bottom:1px #e0e0e0 solid; padding:20px 0; margin-bottom:15px;}


#cuerpo-int-post{width:640px; float:left; margin-top:5px;}
#cuerpo-int-post h2{font-family:"Arial",Sans-serif; font-size:18px; font-style:italic; text-transform:none; letter-spacing:0px; line-height:1.1em; text-decoration:none; color:#386990;letter-spacing:0px; line-height:1.1em; text-decoration:none; color:#386990; text-align:center; border-bottom:1px #e0e0e0 solid; padding:20px 0; margin-bottom:15px;}

#recent-weblog{float:left; width:375px; margin-bottom:25px;}
#recent-weblog h1{float:left; width:375px; border-bottom:4px solid #cccccc;}
.post-blog {width:375px; float:left; margin-top:15px;}
.text-post-blog small{ color:#3fd0fa; font-size:11px; line-height:18px; font-style:italic;}
.text-post-blog h2 a{font-family:"arial", helvetica; color:#4e4e4e; font-size:15px; line-height:18px;}
.text-post-blog p {color:#4e4e4e; text-align:justify; margin-bottom:15px;}

#box-twitter{float:left; width:375px; margin-top:15px;}
#box-twitter h1{width:375px; height:30px; border-bottom:4px solid #cccccc; }

#box-acerca{float:left; width:375px;}
#box-acerca h1{float:left; width:375px; border-bottom:4px solid #cccccc; margin-bottom:15px;}
#box-acerca p{font-family:arial;  color:#4e4e4e; text-align:justify; margin-top:0px; padding:5px;}

#recent-proyects{float:left; width:555px;}
#recent-proyects h1{float:left; width:555px; border-bottom:4px solid #cccccc; margin-top:1px;}
.post-proyectos{width:555px; float:left;}
.text-post{margin:10px 0 0 0; padding:5px;}
.text-post a{color:#ff865c;}
.text-post h2 a{font-family:"arial", helvetica; color:#ff7e00; font-size:16px; line-height:19px; width:190px; height:80px; float:left; font-size:15px;}
.text-post small{color:#4e4e4e; font-size:11px; line-height:18px; font-style:italic;}
.text-post p{width:320px; float:left; margin-left:5px; color:#4e4e4e; text-align:justify; padding-left:6px;border-left:1px #e0e0e0 solid; }



#slider1 {width: 950px; height: 100px;position: relative;overflow: hidden;}
#slider1Content {width: 950px; position: absolute; top: 0; margin-left: 0;}
.slider1Image {float: left; position: relative;display: none;}
.clear {clear: both;}
ul { list-style-type: none; margin:0px 0 0 10px;}

.image-thumb{width:530px; overflow:hidden; border:5px solid #e4e2e2;}
.image-thumb-2{width:290px; height:100px; overflow:hidden; border:5px solid #e4e2e2;}
.image-thumb-3{width:180px; height:90px; overflow:hidden; border:4px solid #fff; float:left; margin-right:15px;}

.box{float:left; border:1px solid #e4e2e2; padding:3px; margin-left:7px; width:300px; height:180px; }
.box h3 a{font-family:"Arial",Sans-serif; color:#386990;}
.box p{color:#4e4e4e; font-size:11px; line-height:16px; text-align:justify;}

.box-servicios{float:left; margin:5px 0 8px 10px; width:610px;background:#f4f4f5;  padding:5px;  border-bottom:1px solid #e4e2e2;}
.box-servicios h3 a{font-family:"arial", helvetica; color:#0270bd; padding-top:5px; border-bottom:1px dotted #e4e2e2; width:400px; float:left; margin-bottom:5px; text-shadow: #ffffff 3px 1px 2px;}
.box-servicios p{color:#4e4e4e; font-size:11px; line-height:16px; text-align:justify;}
.box-servicios a{color:#0270bd; line-height:19px; text-align:left;}

.box-proyectos{float:left; margin:5px 0 8px 10px; width:610px;background:#f4f4f5;  padding:5px;  border-bottom:1px solid #e4e2e2;}
.box-proyectos h3 a{font-family:"Arial", Helvetica; color:#eb1c24; padding-top:5px; border-bottom:1px dotted #e4e2e2; width:400px; float:left; margin-bottom:5px; text-shadow: #ffffff 3px 1px 2px;}
.box-proyectos p{color:#4e4e4e; text-align:justify;}
.box-proyectos a{color:#eb1c24; line-height:19px; text-align:left;}


.box-clientes{float:left; margin:5px 0 8px 10px; width:610px;background:#f4f4f5;  padding:5px;  border-bottom:1px solid #e4e2e2;}
.box-clientes h3 a{font-family:"Arial",Sans-serif; color:#27ace4; padding-top:5px; border-bottom:1px dotted #e4e2e2; width:400px; float:left; margin-bottom:5px; text-shadow: #ffffff 3px 1px 2px;}
.box-clientes p{color:#4e4e4e; text-align:justify;}
.box-clientes a{color:#27ace4; line-height:19px; text-align:left;}


.box-2{float:left; border-bottom:1px solid #e4e2e2; padding:3px 3px 10px 3px; margin-left:7px; width:640px; margin-bottom:10px;}
.box-2 h3 a{font-family:Arial,Sans-serif; text-transform:none; letter-spacing:0px; line-height:1.1em; text-decoration:none; color:#ff8a00; text-align:left;}
.box-2 p{color:#4e4e4e; text-align:justify;}
#cuerpo3{margin: 0;padding: 0;width: 640px;float: left;}


#post{width:640px; float:left;}
#post h2 a{font-family:Arial,Sans-serif; font-size:18px;  text-transform:none; letter-spacing:0px; line-height:1.1em; text-decoration:none; color:#386990;}
#post img{overflow:hidden; border:4px solid #e4e2e2; margin:8px 0; float:left;}
#post h3 {font-family:Arial,Sans-serif; font-size:15px;  text-transform:none; letter-spacing:0px; line-height:1.1em; text-decoration:none; color:#313131; margin-bottom:10px;}
#post p{ color:#4e4e4e; text-align:justify; margin:10px 0 0 0;}
#post li{ color:#4e4e4e; font-size:11px;}

.categoria{width:640px; float:left; padding:3px 0; background:#efefef; font-size:11px; border-bottom:1px #e0e0e0 solid; border-top:1px #e0e0e0 solid; margin:5px 0 10px 0; color:#7c7c7c;}
.categoria2{ width:640px;float:left; padding:3px 0; background:#efefef; font-size:11px; border-bottom:1px #e0e0e0 solid; border-top:1px #e0e0e0 solid; margin-top:5px; color:#7c7c7c;}

#wp_thumbie img{margin:0; padding:0px; border:0px; width:50px; height:50px;}

blockquote {font: 16px/22px normal arial, sans-serif;margin-top: 10px;margin-bottom: 10px;margin-left: 50px;padding-left: 15px;border-left: 3px solid #ccc;} 


#cuerpo-post{width:640px; float:left; margin:5px 0 20px 0;}
#cuerpo-post h3 a{ font-family:"Arial",Sans-serif; text-transform:none; letter-spacing:0px; line-height:1.1em; text-decoration:none; color:#386990;letter-spacing:0px; line-height:1.1em; text-decoration:none; color:#386990; text-align:center; padding:20px 0; margin-bottom:15px;}
#cuerpo-post div{width:640px; float:left; margin:0px 0 20px 0;}
#cuerpo-post div p{float:left; margin:0px 0 10px 0; text-align:justify;  color:#4e4e4e; line-height:18px;}



/* 
AGREGADO POR ZATERIO 
*/
img.zatalignleft {float:left; margin:0; border:none; background:none}


#form h3{font-family:"Arial",Sans-serif; color:#386990;}
#form {
	font-family:Verdana, sans-serif;
	margin:0;
	padding:10px;
}

#form fieldset{
	width:380px; /* Width for modern browsers */
	border:0;
	margin:0 auto 0 auto;
	 padding:30px;
border:1px solid #e0e0e0;
background:#f4f4f5;
}

* html fieldset div {
	width:300px; /* Width for IE5 */
	w\idth:380px; /* Width for IE6 */
        padding:20px;
}

fieldset div input {
	width:376px; /* Width for modern browsers */
	border:1px solid #eeeeee;
	padding:1px;
}

* html fieldset div input {
	width:380px; /* Width for IE5 */
	w\idth:376px; /* Width for IE6 */
}
fieldset div br {
	display:none;
}
legend {
	font-weight:bold;
	color:#333;
	margin:0;
	padding:0.5em;
}
input {
	font-size:150%;
	background:#fff;
	margin:5px auto 5px auto;
	border:1px solid #B5CCBA;
}
input#selfcopy {
	width:14px;
	margin:5px 5px 0 0;
	float:left;
}
input#counter {
	float:left;
	width:60px;
	margin:12px 0 0 118px;
	padding:.3em;
	background:#EEE;
	color:#999;
	border:1px solid #e3e3e3;
	text-align:center;
}
input#sendEmail {
	float:left;
	width:180px;
	border:1px solid #f0f0f0;
	padding:0.25em;
	background:#b9b9b9;
	margin:12px 4px 5px 4px;
	color:#333;
	font-weight:bold;
}
textarea {
	padding:0;
	margin:5px auto 10px auto;
	font-size:150%;
	background:#fff;
	border:1px solid #e3e3e3;
	width:380px;
	height:140px;
}
input:hover, textarea:hover {
	background:#FAFBFC;
}
input:focus, textarea:focus {
	border-color:#666;
	background:#FFF;
}
#nav a.current_page{background-position: 0 -30px;}