/* Theme Name: yerek Theme URI: http://www.harisvision.com Description: A theme by Harisvision Design Studio. Version: 2 Author: Angel Reyes Author URI: http://www.harisvision.com */ 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, td, .logo { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;} body { font: 15px/25px "segoe ui", Arial, Helvetica;color: #717B7B;background: #161818 url(images/bg_body.jpg) center top repeat-x;margin: 0px;padding: 0px;} .small {color: #343838;font: normal 11px/12px Arial, Helvetica;display:inline;} h1 {color: #7D8888;font:normal 17px/25px arial,Helvetica,sans-serif;} h2 {color: #93A500;font: 23px/35px Georgia, Arial, Helvetica;} p.t-home {color:#959B99;font:normal 18px/25px "segoe ui", Arial,Helvetica,sans-serif;} p.cursi {color:#55600B;font:italic 15px/20px Georgia, Arial,Helvetica,sans-serif;} p, label {color: #717B7B;} h3, h4 {color:#A95305;font:normal 15px/30px "segoe ui", Arial, Helvetica;} .lista { list-style:none; padding: 3px 0; border-bottom: 1px solid #232525;} .re_text { padding: 5px 0;font: 0.9em/170% Arial, Helvetica;} li.lista p, .sub_text { font: 13px/20px Arial, Helvetica;} .p_form { color: #BBC1C1;font: 13px/20px Arial, Helvetica;} .reg_text { padding: 0 10px 0 35px;font: 0.9em/170% Arial, Helvetica;} a, .link_more, .link_moreh1 { color: #008888;font: normal 13px/30px Arial, Helvetica;text-decoration:none;} .link_porta { color: #717B7B;font:normal 15px/30px "segoe ui", Arial, Helvetica;text-decoration:none;} .link_list { color: #717100;font: 1.05em/250% Georgia, Arial, Helvetica;padding-left: 35px;} .link_more:hover, .link_text:hover, .lk_ft:hover, .lk_ftc:hover {color: #A07416;} .content_all { overflow: hidden;padding: 0;width: 960px;margin: 0 auto;} #conte { float: left;overflow: hidden;width: 890px;padding: 35px;margin: 0;} .projects {float: left;overflow: hidden;width: 320px;background:#1F2121 url(images/bg_down_porta.jpg) center bottom no-repeat;padding-bottom:30px;} .conte-porta {float: left;overflow: hidden;width: 640px;} #porta { float: left;overflow: hidden;width: 960px;margin: 0 0 30px 0;} .ti-h1 {display: inline;float: left;padding: 30px 0 0 93px;width:237px;} .tic-h1 {display: inline;float: left;padding: 30px 93px;width:774px;} .ti-txt {display: inline;float: left;padding: 20px 40px 0 63px;width:527px;} .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {display: inline;float: left;margin: 0 10px 30px 10px;} .grid_2 {width: 140px;} .grid_3 {width: 220px;} .grid_4 {width: 300px;} .grid_5 {width: 380px;} .grid_6 {width: 460px;} .grid_8 {width: 620px;} .grid_10 {width: 780px;} .FontJazz-font-h1 span {margin: 5px 0;} .FontJazz-font-h2 {padding: 0 0 20px 0;} .sep-dn {width:960px; height: 40px;} .sep-up {width:960px; height: 40px;padding: 0 0 30px 0;} #header { float: left;width: 960px;height: 180px;overflow: hidden;padding: 0 0 5px 0;} .logo { width: 390px;height: 180px;float:left;} .lang { width: 170px;height: 127px;padding-left:400px;} #google_translate_element { height:30px; width:160px; overflow:hidden; text-align:center;} .navigation { overflow: hidden; width: 570px; height: 180px; float:left; } #nav {float:left; width:570px; } #nav ul{ width:560px; padding:0px; } #nav ul li { display: inline; text-indent:-5000px; line-height:34px; float:left; font-size:17px; margin-right:47px;} #nav ul li a {text-decoration:none; color:#E99A98; display:block; outline:none; } #nav ul li a:hover {text-decoration:none; color:#fff; display:block;} #nav ul li a.on{ color:#fff; } #nav ul li a {height:34px;display:block;} #nav ul li.inicio a {width:53px; background:transparent url(images/bg_nav.jpg) 0 -34px no-repeat;} #nav ul li.inicio a:hover, #nav ul li.inicio a#on_nav{background:transparent url(images/bg_nav.jpg) 0 0 no-repeat;} #nav ul li.about a {width:54px; background:transparent url(images/bg_nav.jpg) -102px -34px no-repeat;} #nav ul li.about a:hover, #nav ul li.about a#on_nav{background:transparent url(images/bg_nav.jpg) -102px 0 no-repeat;} #nav ul li.portfolio a {width:77px; background:transparent url(images/bg_nav.jpg) -202px -34px no-repeat;} #nav ul li.portfolio a:hover, #nav ul li.portfolio a#on_nav{background:transparent url(images/bg_nav.jpg) -202px 0 no-repeat;} #nav ul li.blog a {width:45px;background:transparent url(images/bg_nav.jpg) -325px -34px no-repeat;} #nav ul li.blog a:hover, #nav ul li.blog a#on_nav{background:transparent url(images/bg_nav.jpg) -325px 0 no-repeat;} #nav ul li.contact a {width:89px;background:transparent url(images/bg_nav.jpg) -415px -34px no-repeat;} #nav ul li.contact a:hover, #nav ul li.contact a#on_nav{background:transparent url(images/bg_nav.jpg) -415px 0 no-repeat;} .title { float:left;width: 960px;padding:20px 0;overflow: hidden;background:transparent url(images/bg_title.jpg) left top no-repeat;} .title-opc { float:left;width: 960px;height: 95px;overflow: hidden;background:transparent url(images/bg_ti-opc.jpg) left bottom no-repeat;} /* featured */ .featured { float:left;width: 630px;height: 305px;overflow: hidden;background: #FFF;} .recent { float:left;width: 330px;height: 305px;overflow: hidden;background: #1F2121 url(images/bg_recent.gif) center top no-repeat;} #re-text { float: left;overflow: hidden;width: 175px;height: 150px;padding: 110px 20px 0 93px;} #Controls { float: left;overflow: hidden;width: 35px;height: 150px;text-indent: -5000px;padding: 110px 0 0 0;} #Controls div.jFlowSelected { background: transparent url(images/bg_ft-sel.jpg) center top no-repeat;} .jFlowControl { background: transparent url(images/bg_ft-nosel.jpg) center top no-repeat;float: left;width: 35px;height: 35px;cursor:pointer;} #jFlowSlide {float: left;width: 630px;height: 305px;} #footer { float: left;overflow: hidden;width: 100%;padding: 20px 0;background: #101212;border-top: 1px solid #232525;margin: 20px 0 0 0;} #shoe { float: left;overflow: hidden;width: 100%;padding: 20px 0;background: #0B0D0D;border-top: 1px solid #141B1A;} .ul_foot {list-style: none;margin: 0px;padding: 0px;line-height: 110%;} .li_ft {list-style:none; margin:0; padding:3px 10px;background: url(images/bg_li-foot.jpg) no-repeat;} .lk_ft {color: #444848;font: normal 11px/12px Arial, Helvetica;text-decoration:none;} .li_ftc {list-style:none; margin:0; padding:3px 10px;background: url(images/bg_li-foot.jpg) no-repeat;} .lk_ftc {color: #444848;font: normal 13px/17px Arial, Helvetica;text-decoration:none;} /* Qoute */ #contact-form { width: 250px; position:relative;float:left;color:#352928;background: #1F2121;padding:20px 25px 15px 25px;margin:10px 0 0 0;} #contactForm {padding:0;} form#contactForm .error { background-color:#DAB98B;color:#000;} #contactForm #submit { background: url('images/bg_send.jpg');height:35px;width:160px;border:0px;cursor: pointer;} #contactForm #submit:hover { background: url('images/bg_send_hover.jpg');} #contactForm .field {background: #A0A6A7;border:none;color:#000;float:left;font: normal 15px/25px Arial, Helvetica;padding:5px;position:relative;width:240px;} #contactForm .textField {background: #A0A6A7;border:none;float:left;height:120px;width:240px;padding:5px;font: normal 15px/17px Arial, Helvetica;position: relative;color:#000;} #contactForm .submit { margin:10px 0;} #callback { color:#A95305;font:normal 19px/30px "segoe ui", Arial, Helvetica;width:250px;margin: 100px auto;display:none;} /* Contact */ #contact-mail { width: 460px; position:relative;float:left;color:#352928;background: #1F2121;padding:40px;margin:0 0 20px 50px;} #contactMail {padding-top:10px;} form#contactMail .error { background-color:#DAB98B;color:#000;} #contactMail .mfield {background: #A0A6A7;border:none;color:#000;float:left;font: normal 19px/35px Arial, Helvetica;padding:5px;position:relative;width:450px;} #contactMail .mtextField {background: #A0A6A7;border:none;float:left;height:200px;width:450px;padding:5px;font: normal 17px/20px Arial, Helvetica;position: relative;color:#000;} #contactMail #submit { background: url('images/bg_send.jpg');height:35px;width:160px;border:0px;cursor: pointer;} #contactMail #submit:hover { background: url('images/bg_send_hover.jpg');} #contactMail .submit { margin:10px 0;} #callbackmail { color:#A95305;font:normal 19px/30px "segoe ui", Arial, Helvetica;width:420px;margin: 100px 40px 100px 0;display:none;} /* Portfolio */ .container {width: 960px; margin: 10px auto;} .port-down {margin:0;padding:0;width:320px;height:30px;} ul.tabs { float: left;list-style: none;width: 320px; padding: 20px 0;} ul.tabs li {margin: 5px 0;float: left;height: 60px;line-height: 25px;overflow: hidden;position: relative;} ul.tabs li a { text-decoration: none;height: 60px;width:240px;padding: 15px 40px 15px 50px;display: block;} ul.tabs li a:hover { background:transparent url(images/bg_porta_hover.jpg) left top no-repeat;} html ul.tabs li.active, html ul.tabs li.active a:hover { background:transparent url(images/bg_porta_sel.jpg) left top no-repeat;} .tab_container { float: left; width: 640px;} .tab_content {padding: 0 0 20px 20px;} .tab_content h2 { font-weight: normal;padding-bottom: 10px;font-size: 1.8em;} .tab_content h3 a{ color: #254588;} .tab_content img { float: left;margin: 0 0 20px 0;border: none; padding: 0;}