/*   
Theme Name: Teko Estudio 2010
Description: Teko Estudio
Author: Hugo Moreno (Teko), Isaias Medina (Negro)
Author URI: http://www.tekoestudio.com/
Version: 3.0
.
General comments/License Statement.
.
*/

/* Reset the browser and comment stylesheet 
	
	
	darkblue  133457

*/

@import url(reset.css);
/*------------------------------------------------------------------ */

body { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666666; padding:0; margin:0; background: url(images/bg_fondo.jpg);}

* { margin:0; padding:0;}

html { margin-bottom:1px; height:100%; }

strong { font-weight:bold; color: #757575;}

p { line-height: 18px; color: #8d8d8d; font-size: 13px;}

/*------------------------------  FONTS -------------------------- */

@font-face {
    font-family: 'HL';
    src: url('font/helvetica_lt_compressed-webfont.eot');
    src: url('font/helvetica_lt_compressed-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/helvetica_lt_compressed-webfont.woff') format('woff'),
         url('font/helvetica_lt_compressed-webfont.ttf') format('truetype'),
         url('font/helvetica_lt_compressed-webfont.svg#HelveticaLTCompressedRegular') format('svg');
    font-weight: 100;
    font-style: normal;

}

.btn, .active, .lista li, .bolt, .titlep, .titlein, .titprice h2, .price h3, .titlefo, .sitemap li, .info h3, .versitio, #respond h3 { font-family: 'HL';}

/*------------------------------  STYLES -------------------------- */

.left { float:left;}

.right { float:right}

.bolt { font-size:17px; color:#757575;}

.gray { color:#d2d2d2;}

/*------------------------------  HEADER -------------------------- */

.nominee-cssawards{ background:url(images/css-design-award-nominee-duo3-vertical.png) right top no-repeat; display: block; height: 164px; position: absolute; right: 0; text-indent: -9999px; top: 10px; width: 69px; z-index: 3;}

.launchpad{ background:url(images/wlp-web-award-ripley.png) right top no-repeat; display: block; height: 45px; position: absolute; right: 0; text-indent: -9999px; top: 180px; width: 45px; z-index: 3;}

#header { width: 970px; margin: 15px auto;}

#logo { width:298px;}

#logo h1 a { background: url(images/logotipo_tekoestudio.png) no-repeat; width: 298px; height: 73px; display: block; text-indent: -999999px;}

#nav { margin:15px 0 0 0;}

#nav ul li { float: left;}

#nav ul li a { font-size:29px; padding:10px 0 10px 35px; text-decoration:none; display:block; color:#757575;}

#nav ul li a:hover { background:url(images/bullet_btn.jpg) no-repeat left center;}

#nav ul li  a.active  { color:#CCCCCC; font-size:29px; padding:10px 0 10px 35px; font-weight:bold; text-decoration:none; display:block;}

/*------------------------------  FEATURED -------------------------- */

.featured { width: 970px; margin: 0 auto;}

/*------------------------------  INDEX -------------------------- */

#index { width: 970px; margin: 45px auto;}

#pagewrap { width: 970px; margin: 30px auto;}

.colum { background: url(images/bg_box.png) no-repeat; width: 312px; height: 362px; margin: 0 0 0 10px;}

.colum img, .colum p { margin: 15px 0 0 15px;}

.colum p { line-height: 18px; color: #8d8d8d; font-size: 13px; width:285px;}

.more { background: url(images/vermas.png) no-repeat; width: 89px; height: 19px; text-indent: -99999px; display: block; float: right; margin: 10px 15px 0 0;}

/*TITLES*/

.titlein { font-size:30px; color:#757575;  text-align:center; margin:20px 0 20px 10px;}

.titprice h2  { font-size:25px; color:#757575; font-weight:bold; text-align:center;}

.titlefo { font-size:28px; color:white; text-align:center; margin:15px 0 0 0; margin: 20px 0 20px 0;}

.title { height:55px; width:100%; border-top: 1px solid #e4e4e1; border-bottom: 1px solid #e4e4e1; margin: 0 0 20px 0; text-align:center;}

.titlep {margin:10px auto; font-size:36px; color:#757575;}

.titform { font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; color:#ababab; padding:10px 0 10px 0;}

/*QUOTES*/

#nota { width:970px; margin:0 auto; }

#quotes { width:631px; height:181px; background:url(images/quotes.png) no-repeat top; margin:10px 0 0 10px; padding:20px 0 0 0;}

.quote { font-size:25px; font-weight:bold; line-height:32px; text-align:center; width:550px; margin:0 auto; letter-spacing:-1px; font-style:italic;}

.firmaquote { font-size:18px; float:right; margin:10px 0 0 0;}

#btns { margin:20px 0 0 15px;}

.llamanos { width:309px; height:77px; background:url(images/btn_llamacoti.png) top left; display:block; text-indent:-99999px; margin:0 0 10px 0;}

.cotiza { width:309px; height:77px; background:url(images/btn_llamacoti.png) bottom left; display:block; text-indent:-99999px;}

.llamanos:hover { background-position:309px 0;}

.cotiza:hover { background-position:309px -79px;}

/* LISTA */

.lista { margin:10px 0 0 40px;}

.listapost { margin:20px 0 20px 40px;}

.lista li { font-size:23px; padding:0 0 0 25px; margin:10px 0 0 0; background:url(images/bullet.png) no-repeat left center;}

.listapost li { font-size:15px; padding:0 0 0 25px; margin:10px 0 0 0; background:url(images/bullet.png) no-repeat left center; font-weight:bold;}

/*------------------------------  PAGES -------------------------- */

#contleft { width:650px; float:left;  margin:0 0 0 10px;}

#contleft a, .link { font-weight: bold; color: #44c8f1;}

#contleft p { margin: 0 0 10px 0;}

#contleft img { margin: 0 0 10px 0;}

#contleft input {}

/*------------------------------  PRICE TABLES -------------------------- */

#pricingTable { width:970px; margin:40px auto;}

.columnas { margin:20px 0 40px 0;}
	
.column { background:url(images/tabla_normal.png) no-repeat; width:169px; height:313px; float:left;}
	
.columnp { background:url(images/tabla_principal.png) no-repeat; width:174px; height:317px; float:left;}
	
.columnp, .column { margin:0 4px 0 0; padding: 10px;}
	
.titprice { padding:0 0 5px 0;}

.titprice, .price, .detalles { text-align:center; border-bottom:#d2d2d2 solid 1px;}

.price h3 { font-size:38px; text-align:center; color:#000000; margin:10px 0 0 0; }

.nohay { text-decoration: line-through; color: #CCCCCC;}
	
.price p.pagounico { font-size:10px; margin:0 0 10px 0;}

.columnp ul.detalles { margin:10px 0 15px 0;}

.detalles { margin:10px 0 10px 0;}

.detalles li { margin:0 0 5px 0;}

.orange { background:url(images/botones.png) no-repeat; width:167px; height:46px; display:block; text-indent:-99999px;}

.blue { background:url(images/botones.png) no-repeat bottom; width:167px; height:46px; display:block; text-indent:-99999px; margin:0 0 0 3px; }

/*------------------------------  BLOG -------------------------- */

.blog { border-bottom: 1px solid #e4e4e1; margin: 0 0 10px 0; padding: 0 0 10px 0; }

.extblog { width: 265px; margin: 0 0 0 10px;}

#contleft .extblog h2.titblog, #contlefts .singleblog h2.titblog { margin: 0 0 10px 0;}

#contleft .extblog h2.titblog a, #contlefts .singleblog h2.titblog a { font-family: Arial; font-weight: bold; font-size: 20px; color: #757575; line-height: 24px; text-decoration: none; }

.btnmasi a { background: url(images/btn_mas.png) no-repeat;  width: 68px; height: 27px; display: block; text-indent: -999999px; float: right; margin: 10px 10px 0 0;}

.btnmasi a:hover { background-position: bottom;}

.btnmas a { background: url(images/btn_mas.png) no-repeat;  width: 68px; height: 27px; display: block; text-indent: -999999px; float: right;}

.btnmas a:hover { background-position: bottom;}

.current, .pages, .page, .last, .extend { display: none;}

.previouspostslink { background: url(images/post_siguientes.png) no-repeat bottom; width: 148px; height: 27px; display: block; text-indent: -99999px; float: right;}

.nextpostslink { background: url(images/post_anteriores.png) no-repeat bottom; width: 148px; height: 27px; display: block; text-indent: -99999px; float: left;}

.nextpostslink:hover, .previouspostslink:hover { background-position: top;}

/*------------------------------  ORDER -------------------------- */

.form li { float:left; width:310px; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#ababab; margin-bottom:10px;}

.form2 li.fija { float:left; width:310px; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#ababab; margin-bottom:0;}

.form2 li.area { width:620px; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#ababab; margin-bottom:0;}

.form2 li textarea { background:#d8d7d6; height:100px; border:none; color:#757575; padding:10px 0 0 5px; font-size:13px; margin:5px 0 0 0; width:625px;}

.diezder { margin-right:10px;}

.form li label, .form li input, .form2 li label, .form2 li input { width:305px;}

.form li input { background:#d8d7d6; height:25px; border:none; color:#757575; padding:10px 0 0 5px; font-size:13px; margin:5px 0 0 0;}

.form2 li input  { background:#d8d7d6; height:25px; border:none; color:#757575; padding:10px 0 0 5px; font-size:13px; margin:5px 0 0 0;}

.radio { font-size:14px; color:ababab; margin:0 30px 20px 0;}

..wp-pagenavi a, .wp-pagenavi span { border: none;}


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

.singleblog ul li { font-size:15px; padding:0 0 0 25px; margin:10px 0 10px 0; background:url(images/bullet.png) no-repeat left center; font-weight:bold;}

.singleblog img { border: solid 2px #d2d2d2;}

.singleblog h3 { font-size:17px; font-weight:bold; margin:0 0 10px 0;}

#contlefts { width:630px; float:left;  margin:0 0 0 10px;}

#contlefts a, .link { font-weight: bold; color: #44c8f1;}

#contlefts img { margin: 0 0 10px 0;}

.singleblog p { margin: 0 0 10px 0;}

.says { display: none;}

/*#contlefts p { margin: 0 0 10px 0;}*/

/*------------------------------  PORTAFOLIO -------------------------- */

#portafolio { width:970px; margin:0 auto; padding:0 0 20px 0;}

#trabajo ul li { margin: 0 0 20px 8px; width:310px;}

.boxgrid { width: 310px; height: 210px; margin:0 0 10px 0; float:left; background:#757575; border: solid 2px #d2d2d2; overflow: hidden; position:relative; }

.boxgridside { width: 302px; height: 204px; margin:0 0 10px 15px; float:left; background:#757575; border: solid 2px #d2d2d2; overflow: hidden; position:relative; }

.fadeThis, .fadeThiscons { width: 310px; height: 210px; display:block; position:relative;}

.fadeThis span.hover { position: absolute; top: 0; left: 0; display: block; height: 210px; width: 310px; background:url(images/versitio.png) no-repeat; text-indent:-99999px;}

.fadeThiscons span.cons { position: absolute; top: 0; left: 0; display: block; height: 210px; width: 310px; background:url(images/enconstruccion.jpg) no-repeat; text-indent:-99999px;}

#portafolio img { display:block; }

.info h3 { font-size:24px; }

.info p { font-size:13px; margin:5px 0 5px 0; }

/*------------------------------  SIDEBAR -------------------------- */

#sidebar { width:290px; float:left; margin:0 0 0 10px; border-left:1px solid #e4e4e1;}

#google { margin: 0 0 0 10px;}

/*------------------------------  COMENTARIOS -------------------------- */

#respond h3, #comments h3 { font-size:30px; color:#757575; font-weight:bold; text-align:center; margin:20px 0 20px 10px;}

.inputform input { background:#d8d7d6; height:25px; border:none; color:#757575; padding:10px 0 0 5px; font-size:13px; margin:5px 0 10px 0; width: 620px;  font-family:Arial, Helvetica,}

.inputform label, .area label { font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#ababab; margin-bottom:10px;}

.areacomentario { background:#d8d7d6; border:none; color:#757575; padding:10px 0 0 5px; font-size:13px; margin:5px 0 10px 0; width: 620px;  font-family:Arial, Helvetica,}

.small { font-size: 10px; float: right;}

#submitc { background: url(images/btn_com.png) no-repeat bottom; width: 149px; height: 27px; border: none; cursor: pointer; float: right; text-indent: -99999px; margin:0 10px 0 0;}

#submitc:hover { background-position: top;}

#s {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#ababab; margin:0 0 10px 15px; border: none;}

/*------------------------------  FOOTER -------------------------- */

#footer { height:140px; background: url(images/footer2.png) repeat-x; padding: 20px 0;}

#footerwrap { margin:0 auto; width:970px;}

.cofooter { float:left; width: 312px; margin: 0 0 0 10px;}

#redessociales { margin:20px 0 0 50px;}

#redessociales li { float:left; margin: 0 0 0 10px;}

#facebook a, #twitter a, #email a { width:57px; height:56px; display:block; }

#facebook a {background:url(images/redes_sociales.png) 0 0; text-indent:-99999px;  }

#facebook a:hover { background-position: 0 -60px;}

#twitter a {background:url(images/redes_sociales.png) no-repeat -57px 0; text-indent:-99999px;  }

#twitter a:hover { background-position: -57px -60px;}

#email a {background:url(images/redes_sociales.png) no-repeat -114px 0; text-indent:-99999px;  }

#email a:hover { background-position: -114px -61px;}

.sitemap2 { margin:20px 0 0 0;}

.sitemap2 li { float:left;}

.sitemap2 li a { font-size:16px; color:#757575;  width:100px; display:block; margin: 0 0 5px 0; text-align: center; font-weight:bold;}

.sitemap2 li a:hover { color: white;}

#awards { margin: 15px 0 0 0;}

#awards li { float: left;}

#cssmania { width: 112px; height: 24px; display: block; text-indent: -99999px; background: url(images/awards.png) no-repeat 0 -3px; margin: 0 0 0 40px;}

#dawards { width: 116px; height: 30px; display: block; text-indent: -99999px; background: url(images/awards.png) no-repeat -140px 0;  margin: 0 0 0 20px;}

#onepage { width: 130px; height: 18px; display: block; text-indent: -99999px; background: url(images/awards.png) no-repeat -49px -40px;  margin: 10px 0 0 90px;}