/* 
Theme Name: w3estudio
Theme URL: http://www.w3estudio.cl
Description: Theme para w3estudio.cl
Author: Fabian Vidal
Author URI: http://www.w3estudio.cl
Version: 1

*/
*{margin:0;padding:0;}
ul, li {margin:0;padding:0;}
body { background-color:#101010; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
p{ color: #999; font-size:11px; margin:15px 0; text-align:justify; letter-spacing:1px;}
p a{ color: #FC0;}
h2 { color:#f1f1f1; font-size:20px; font-weight:normal; letter-spacing:1px; text-transform: capitalize;  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
h3 { color:#f1f1f1; font-size:10px; font-weight:normal; text-transform: uppercase; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin:4px 0 0 0;}
h4 { color:#F30; font-size:15px; font-weight:normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin-top:20px}
h4 a{ color:#F30; text-decoration:none; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
h4 a:hover{ background-color:#F30; color:#101010;} 
li{color: #CCC; font-size:11px; margin-left:20px  }
li a{ color:#fff; text-decoration:none;}
li a:hover{ color:#F60;}
img, img a { border:0;}
#bodydos { background-image:url(images/bgbodydos.jpg); background-repeat:repeat-x;}
#container{ width:920px; margin:0 auto; position:relative;}

/* Header */
#header { background-image:url(images/bgheader.jpg); height:172px; width:919px; margin-left:1px;}
#header h1{width:178px; background-image:url(images/logo.gif); float:left; margin:30px 0 0 83px;}
#header h1 a{ overflow:hidden;display:block; height:94px;}

/* Menu Principal */
#topNav {float:right; margin-right:3.5em;}
#topNav ul{list-style:none;}
#topNav li { float:left; margin-right:10px; }
#topNav li a{display:block; height:160px; width:39px;}
#nos { background-image:url(images/nos_b.png); height:160px; width:39px;}
#nos a:hover{ background-image:url(images/nos_a.png);}
#ser { background-image:url(images/ser_b.png); height:160px; width:39px;}
#ser a:hover{ background-image:url(images/ser_a.png);}
#con{ background-image:url(images/con_b.png); height:160px; width:39px;}
#con a:hover{ background-image:url(images/con_a.png);}
#por{ background-image:url(images/por_b.png); height:160px; width:39px;}
#por a:hover{ background-image:url(images/por_a.png);}



/* Easy Slider */

#slid {background-image:url(images/bgslider.jpg); float:left; width:802px; height:285px;}
#slider{margin:0 auto; width:763px; }
#slider p{ font-size:12px;}
.slidercont{width:760px; height:190px;}
.imgslider{ width:376px; height:190px; float:left;}
.txtslider{ width:320px; height:170px; float:right; padding:30px 20px 0 20px;}
#slider ul, #slider li,
#slider2 ul, #slider2 li{margin:5px 0 0 0;padding:0;list-style:none;}
#slider2{margin-top:1em;}
#slider li, #slider2 li{ width:764px;height:202px;overflow:hidden;}	
	/* numeric controls */	
ol#controls{margin:8px 0 0 30px;padding:0;height:20px; font-size:11px;}
ol#controls li{	margin:0 10px 0 0;padding:0;float:left;	list-style:none;height:20px;line-height:20px;}
ol#controls li a{float:left;height:20px;line-height:20px;border:1px solid #0b0b0b;background:#0f0f0f;color:#555;padding:0 10px;text-decoration:none;}
ol#controls li.current a{background:#1c1c1c;color:#ccc;	}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
 /* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}
    /* // image replacement */
#prev { background-image:url(images/leftglo.jpg); background-repeat:no-repeat; float:left; width:59px; height:218px; margin-top:40px;}
#next {  background-image:url(images/rightglo.jpg);  background-repeat:no-repeat;float:left; width:59px; height:218px; margin-top:53px;}
.alignleft{ float:left; margin-right:7px;}
.alignright{ float:right; margin-left:7px;}
/*
Here is a list of all the <DIV>s in Whiteboard.
*/
#posts{margin:0 20px 50px 0; width:370px;float:left; padding-left:60px;}
.titnews{ padding:0  0 10px 0; background: url(images/btmpost.jpg) repeat-x bottom;}
.mini{ color:#000; font-size:11px; float:right; margin:5px 0 0 10px;}
.mini a{ color:#999; text-decoration:none;}
.mini a:hover{ color:#FFF; text-decoration:underline;}
.post{margin:19px 0 15px 0;; background-image:url(images/btmpost.jpg); background-position:bottom; background-repeat:no-repeat; padding-bottom:7px;}
.fecha{ background-image:url(images/bgfecha.jpg); background-repeat:no-repeat; background-color:#68959f;font-size:11px; margin-top:4px; padding:0 10px 0 20px;}
.postsingle{ float:left; width:742px; padding:20px 30px;background-image:url(images/bgpostsingle.jpg); background-repeat:repeat-y;}
.imgimg img{ border:15px #171717 solid; text-align:center; margin-bottom:5px;}
#btmsingle { width:802px; height:55px; background-image:url(images/bottomsingle.jpg); margin: 0 0 10px 59px; clear:both;}

/*-------Single Portafolio-----------*/

.contcusto { overflow:auto; margin-top:10px; }
.customimg{ width:470px; float:right;}
#descripcion { width:240px; float:left; background:url(images/btmpost.jpg) repeat-x bottom; padding-bottom:15px;}
.info { }
.info p{ margin:0 0 5px 0; }
#cliente {}

/*---------CONTACTO-----Formularios---------*/

input, textarea { background-color:#222; border:#333 1px solid; margin:3px 0; width:358px; color:#CCC; padding:3px 5px;}
#btnenviar input { background-color:#F30; padding:3px 10px; width:100px;}

/*---------DESTACADOS SINGLE-----*/

#destacadossingle { padding:0 0 10px 0; margin-top:30px;  }
#thumbsingle { padding:10px 0 0 15px; background-image:url(images/bgfooter.jpg); background-repeat:repeat-x; background-color:#0c0c0c; border-bottom:1px solid #252525; border-left:1px solid #181818; border-right:1px solid #181818}
#thumbsingle a{ float:left; display:block; margin:0 18px 10px 0;}
.dettit { background-color:#141414; height:20px; margin-bottom:7px;}


/*------------PORTAFOLIO---------------*/
#folio { width:800px; margin:0 auto 0px auto;}



/*------------Sidebar---------------*/

#sidebar{ float:left;}


/*-----Ultimos Trabajos-------*/

.ultimostrabajos{ padding:0 0 10px 10px;width:400px; float:left}
#thumbs { margin-top:10px;padding:15px 0 10px 10px;}
#thumbs a{ float:left; display:block; margin:0 10px 10px 0;}

#footer {height:150px; clear:both;background-image:url(images/bgfooter.jpg); background-repeat:repeat-x; background-color:#0c0c0c; margin-top:50px;}
#footercont{ width:800px; margin:0 auto; padding:20px 0;}
#footercont p{ color:#666;}
#footercont p a{ color:#ccc; text-decoration:none;}
#footercont p a:hover{ text-decoration:underline;}
.fixed{ clear:both;}

/*-----Boxgrid-------*/

.boxgrid{ width: 120px; height:120px; margin:5px;float:left;background:#161613;overflow: hidden;position: relative;	}
.boxgrid img{ position: absolute;top: 0;left: 0;border: 0; }
.boxgrid h3{ margin-left:3px;}
.boxgrid p{color:#afafaf;font-size:10px; margin:0 0 0 3px; font-size:10px; color:#F30; }
.boxcaption{ float: right; margin-left:5px; position: absolute; background: #000; height: 60px; 	width: 120px;}
.captionfull .boxcaption {top: 120px;left: 0;}
.caption .boxcaption {top:120px;left: 0;}