@import url(baza.css);

body { color:#000; font-family: Helvetica, Arial, sans-serif; background:#2d2d2d; }
h1, h2, h3, h4, h5, h6, p, li { line-height:1.0em; }

div#container { margin:0 auto;}

div#header { background:#353535 url(../images/theme/header/header.jpg) center top no-repeat; position:relative; height:203px; padding-bottom:75px;}
div#header div.wrapper { width:960px; margin:0 auto; position:relative;}

div#content { padding-bottom:13px; background:#2d2d2d url(../images/theme/content/content-bg.gif) left top repeat-x; position:relative;}
div#content div.wrapper { width:960px; margin:0 auto; background:url(../images/theme/content/content-wrapper-bg.jpg) top center no-repeat; padding-top:18px;}
div#content div.wrapper div.inner-content { background:url(../images/theme/content/two-column-layout1-bg.png) left top repeat-y; padding-top:10px;}
div#content div.wrapper1 { width:960px; margin:0 auto; top center no-repeat; padding-top:-20px;}

div#main { width:598px; float:left;}

div#sidebar { width:280px; float:right;}

div#footer { background:#262626;}
div#footer div.wrapper { width:960px; margin:0 auto; padding:35px 0px 11px 0px;}

div.two-column-layout1 div.column1 {width:460px;}
div.two-column-layout1 div.column11 {width:950px;}
div.two-column-layout1 div.column2 {width:448px;}

div#header div.logo { position:absolute; left:9px; top:73px; z-index:100;}
div#header div.logo a { position:relative; width:269px; height:77px; display:block; float:left; margin:0 15px 0 0; }
div#header div.logo a span  { background:url(../images/theme/header/logo.png) 0 0 no-repeat; width:100%; height:0px; padding-top:77px; overflow:hidden; display:block; }
div#header div.logo h1{font-size:200%; color:#FFFFFF; font-weight:normal; line-height:27px; float:right; width:665px; text-align:center; margin:16px 0 0 0; }
div#header div.logo h1 a{ display: inline; float:none; margin:0; padding:0; color:#9FCD24}
div#header div.logo h1 a:hover{ color:#77C1E5; text-decoration:none;}
div#header div.white-gradiant { background:url(../images/theme/header/white-gradiant.png) left top no-repeat; width:960px; height:126px; z-index:5; position:absolute; left:0px; top:0px;}
div#header div.page-title { width:600px; float:right;}
div#header div.page-title h1 { font-size:400%; color:#fff; font-weight:normal; margin-bottom:5px; letter-spacing:-1px;}
div#header div.page-title p { font-size:180%; color:#77c1e5;}
div#header div.page-title h1 a{ display: inline; float:none; margin:0; padding:0; color:#9FCD24}
div#header div.page-title h1 a:hover{ color:#77C1E5; text-decoration:none;}

div#main-navigation { margin-bottom:55px;}
div#main-navigation ul li { float:left; background:url(../images/theme/navigation/main-nav-ul-li-bg.png) right top repeat-y; width:238px; text-align:center; padding-right:2px;}
div#main-navigation ul li.last { background:none; padding:0px; width:240px;}
div#main-navigation ul li a { text-decoration:none; font-size:140%; color:#fff; display:block; background:url(../images/theme/navigation/main-nav-ul-li-a-bg.gif) left top repeat-x; height:51px; line-height:51px;}
div#main-navigation ul li a span { display:block; position:relative; z-index:10; height:51px;}
div#main-navigation div.main-nav-bottom { background:url(../images/theme/navigation/main-nav-bottom.png) left bottom no-repeat; padding-bottom:9px;}
div#main-navigation ul li a:hover,
div#main-navigation ul li a.active, { background:url(../images/theme/navigation/main-nav-ul-li-a-bg.gif) left bottom repeat-x;}
div#main-navigation ul li a:hover span,
div#main-navigation ul li a.active span { background:url(../images/theme/navigation/main-nav-span-bg.gif) top center no-repeat;}

div#dashboard1 { background:#2d2d2d url(../images/theme/content/dashboard1-bottom.gif) bottom center no-repeat; border-top:1px solid #3b3b3c; position:relative; padding-bottom:20px;}
div#dashboard1 div.wrapper { width:960px; margin:0 auto; padding-top:19px; position:relative;}
div#dashboard1 div.wrapper div.page-specific-img { width:172px; position:absolute; top:-126px; left:112px;}
div#dashboard1 p { font-size:160%; color:#dcdcdc; line-height:22px; position:relative; z-index:2; padding-top:21px; font-weight:300;}
div#dashboard1 p a{ color: #77C1E5; text-decoration:none; }
div#dashboard1 p a:hover{ color: #9FD32A; text-decoration:none; }
div#dashboard1 div.box1 div.section { width:317px; float:left; background:url(../images/theme/content/list1-li-bg.png) left top no-repeat; position:relative; min-height:132px;}
div#dashboard1 div.box1 div.section.last { width:324px;}
div#dashboard1 div.box1 div.section.advertising h2 { margin-bottom:8px;}
div#dashboard1 div.box1 div.section ul.list1 li p { font-size:120%; font-weight:bold; color:#fff; line-height:13px;}
div#dashboard1 div.box1 div.section div.image { position:absolute; right:18px; top:-17px;}
div#dashboard1 div.box1 div.section a.next-btn { background:url(../images/theme/dashboard/next-btn.png) left top no-repeat; z-index:100; width:37px; height:36px; display:block; position:absolute; right:-18px; top:48px;}
div#dashboard1 a.button1 { z-index:10;}

div#dashboard2 { background:#1a1a1a url(../images/theme/dashboard/dashboard2-bg.jpg) left top repeat-x; border-top:1px solid #222222; border-bottom:1px solid #222222; position:relative;}
div#dashboard2 div.wrapper { width:960px; margin:0 auto; background:url(../images/theme/dashboard/dashboard2-reflect.png) top center no-repeat; padding:30px 0px 13px 0px; position:relative;}
div#dashboard2 h2 { font-size:360%; color:#fff; margin-bottom:22px; font-weight:bold;}
div#dashboard2 h2 span { color:#9fcd24;}
div#dashboard2 div.visual { float:right; margin-right:5px;}
div#dashboard2 a.up-btn { background:url(../images/theme/dashboard/up-btn.png) left top no-repeat; width:180px; height:32px; display:block; position:absolute; bottom:-15px; left:389px;}

div.slideshow1 { position:relative; z-index:10; width:960px; background:none;}
div.slideshow1 div.slides { position:relative; background:none;}
div.slideshow1 div.slides div.slide { height:380px; width:960px; background:none;}
div.slideshow1 div.slides div.slide div.image { float:left; margin:24px 8px 0px -11px; position:relative;}
div.slideshow1 div.slides div.slide div.description {padding-top:105px;}
div.slideshow1 div.slides div.slide div.description h2 { font-size:520%; color:#fff; margin-bottom:6px; font-weight:normal;}
div.slideshow1 div.slides div.slide div.description p { font-size:300%; line-height:36px; color:#c4c2c2; font-weight:250;}
div.slideshow1 div.slides div.slide div.description a.button2 { vertical-align:middle;}
div.slideshow1 div.controls {position:absolute; top:330px; right:391px; z-index:100;}
div.slideshow1 div.controls a { background:url(../images/theme/header/controls-a-bg.png) left top no-repeat; width:15px; margin-right:18px; height:16px; display:block; float:left;}
div.slideshow1 div.controls a:hover, div.slideshow1 div.controls a.activeSlide { background:url(../images/theme/header/controls-a-bg.png) left bottom no-repeat; text-decoration:none;}

div.two-column-layout1 p { font-size:140%; line-height:18px; color:#979696; margin-bottom:18px; word-spacing:-2px;}
div.two-column-layout1 div.column2 p { line-height:18px; margin-bottom:14px;}

div#sidebar div.widget h2 { color:#cfcece; font-size:240%; margin-bottom:15px; font-weight:bold;}
div#sidebar div.widget ul.list3 li div.description h2 { font-size:140%; margin-bottom:9px; color:#CFCECE;}
div#sidebar div.widget ul { background:url(../images/theme/content/list4-li-bg.png) top center no-repeat; margin-bottom:31px;}
div#sidebar div.widget ul li { line-height:14px; background:url(../images/theme/content/list4-li-bg.png) bottom center no-repeat; padding:10px 0px;}
div#sidebar div.widget ul li img { float:left; margin-right:18px;}
div#sidebar div.widget ul li h3 { color:#02aff7; font-size:180%; float:left; line-height:28px; font-weight:normal; margin:0px;}
div#sidebar div.widget ul li h3 a { color:#02aff7;}
div#sidebar div.location-widget { margin-bottom:43px;}
div#sidebar div.location-widget h2 { background:url(../images/theme/content/widget-h2-bg.png) left bottom no-repeat; padding-bottom:18px; margin-bottom:7px;}
div#sidebar div.location-widget p { line-height:24px; font-size:180%; color:#b1b1b1;}
div#sidebar div.location-widget p span.company-name { color:#02aff7; font-size:140%;}

div.form ul li { margin-bottom:14px; list-style:none;}
div.form ul li label {color:#bbbaba; font-size:180%; line-height:18px; display:block; margin-bottom:12px;}
div.form ul li span.textbox { background:url(../images/theme/content/form-textbox.png) left top no-repeat; display:block; height:62px; float:left; line-height:45px; padding-left:5px;}
div.form ul li span.textbox span.inner { background:url(../images/theme/content/form-textbox.png) right top no-repeat; display:block; height:62px; line-height:45px; padding:0px 13px 0px 8px; margin-right:-4px; position:relative;}
div.form ul li span.textbox span.inner input.textbox {background:none; border:0px; font-size:130%; height:45px; width:100%; line-height:45px; padding:0px; font-size:200%; color:#000; font-weight:normal;}
div.form ul li span.textarea { background:url(../images/theme/content/form-textarea-bg.png) left top no-repeat; display:block; float:left; padding-left:4px;}
div.form ul li span.textarea span.inner { background:url(../images/theme/content/form-textarea-bg.png) right top no-repeat; display:block; padding:8px 13px 20px 9px; margin-right:-3px; position:relative;}
div.form ul li span.textarea span.inner textarea { background:none; border:0px; width:101%; overflow:auto; color:#000; font-size:180%;}
div.form ul li span.textarea span.inner textarea,
div.form ul li span.textbox span.inner input.textbox{font:normal 20px Arial; resize: none;}
div.form ul li input.submit { border:none; cursor:pointer; background: transparent url(../images/theme/buttons/btn_submit.png) no-repeat 0 0; width:237px; height:40px; font:normal 18px Arial; color:#FFF;}
div.form ul li input.submit:hover { background: transparent url(../images/theme/buttons/btn_submit.png) no-repeat 0 -40px;}

div.page-heading { padding:27px 0px 49px 0px;}
div.page-heading h2 { font-size:360%; color:#fff; font-weight:bold;}
div.page-heading.diseno h2 { font-size:360%; color:#fff; font-weight:bold; position:relative; padding:15px 0 0 75px;}
div.page-heading.diseno h2 img {position:absolute; top:0px; left:-5px;}
div.page-heading a.button5 { font-size:30%; float:right; margin-left:17px;}

div.post h1 { font-size:360%; margin-bottom:12px; font-weight:normal; color:#fff;}
div.post h2 { font-size:360%; margin-bottom:28px; font-weight:bold; color:#fff;}
div.post h3 { font-size:240%; margin-bottom:10px; color:#fff;}
div.post h4 { font-size:220%; margin-bottom:10px; color:#fff;}
div.post h5 { font-size:200%; margin-bottom:10px; color:#fff;}
div.post h5 { font-size:180%; margin-bottom:10px; color:#fff;}
div.post p { color:#adacac; line-height:20px; font-size:140%; text-align:justify; margin-bottom:20px; display:block; }
div.post p a { color:#FFF; }
div.post p span.highlight { color:#fff;}
div.post p strong{color:#CFCFCF}
div.post img { max-width:100%; }
div.post img.alignleft{ float:left; margin:0 10px 10px 0; display: inline;}
div.post img.alignright{ float:right; margin:0 0px 10px 10px; display: inline;}
div.post img.aligncenter{ display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;}
div.post ul { margin:0 0 20px 14px; list-style:disc; }
div.post ol { margin:0 0 20px 18px; list-style:decimal; }
div.post li { line-height:1.2em; font-size:140%;  color:#fff;}
div.post li ul, div.post li ol { margin-bottom:0px; } 
div.post li li, div.post li p { font-size:100%; margin-bottom:0px; }
div.post ul.list1 { margin:0; padding:0; }
div.post ul.list1 li { margin:0; padding:0; }
div.post ol.list2 { margin:0; padding:0; }
div.post ol.list2 li { margin:0; padding:0; }
div.post ul.list8 { margin:0 0 10px 0; padding:0; }
div.post ul.list8 li { background: transparent url(../images/theme/icons/post_li.png) no-repeat top left; padding:0 0 10px 20px; list-style:none; line-height:16px; color:#CFCFCF; }
div.post ul.list8 li strong { color:#77C1E5; }

div#footer div.section { float:left;}
div#footer div.section p { font-size:140%; color:#c3c3c3; line-height:18px; margin-bottom:10px;}
div#footer div.section.footer-navigation { width:141px;}
div#footer div.section.web-design { width:250px;}
div#footer div.section.copyright { width:325px; text-align:right;}
div#footer div.section.copyright div#sociable { margin-top:25px;}
div#footer div.section.copyright div#sociable a { float:right; margin-left:23px;}
div#footer div.section.location { width:240px;} 
div#footer div.section.location p { line-height:16px;}
div#footer div.location div.logo { margin:-5px 0px 14px -7px; position:relative;}
div#footer div.location div.logo h1 a { position:relative; width:184px; height:52px; display:block; }
div#footer div.location div.logo h1 a span  { background:url(../images/theme/footer/logo.png) 0 0 no-repeat; width:100%; height:0px; padding-top:54px; overflow:hidden; display:block; }
div#footer p.phone{ line-height:16px; margin:0 0 0 17px; padding:0 0 0 22px; background: transparent url(../images/theme/icons/phone.png) no-repeat 0 0 }

div.box1 { background:url(../images/theme/boxes/box1-bg.gif) left top repeat-y; margin:-1px -9px 27px -9px; position:relative;}
div.box1 div.box1-top { background:url(../images/theme/boxes/box1-top.gif) left top no-repeat;}
div.box1 div.box1-top div.box1-bottom { background:url(../images/theme/boxes/box1-bottom.gif) left bottom no-repeat; padding:0px 7px 23px 13px;}


ul.list1 li {padding:25px 0px 0px 36px;}
ul.list1 li h2 { font-size:240%; font-weight:bold; color:#fff; margin-bottom:11px; line-height:18px;}

ul.list2 li { line-height:13px; margin-bottom:10px;}
ul.list2 li a {font-size:115%; color:#C3C3C3;}

ul.list22 li { line-height:13px; margin-bottom:10px;}
ul.list22 li a {font-size:140%; color:#C3C3C3;}

ul.list6 { margin-bottom:30px;}
ul.list6 li { width:460px; float:left; margin:0px 10px 46px 10px;}
ul.list6 li h2 { font-size:180%; color:#fff; margin-bottom:12px; font-weight:normal;}
ul.list6 li div.image { background: transparent url(../images/theme/content/frame_proyectos.png) no-repeat 0 0; height:273px; width:460px; padding:5px; margin:0; position:relative;}
ul.list6 li div.image .nav {position:absolute; top:260px; left:45%; z-index:10000;}
ul.list6 li div.image .nav a { background: transparent url(../images/theme/header/controls-a-bg.png) no-repeat 0 1px; width:16px!important; height:0px; display:block; padding:16px 0 0 0; overflow:hidden; float:left; margin:0 2px;}
ul.list6 li div.image .nav a:hover,
ul.list6 li div.image .nav a.activeSlide { background: transparent url(../images/theme/header/controls-a-bg.png) no-repeat 0 -16px; }
ul.list6 li div.image div.images img {display:block; cursor:pointer;}
ul.list6 li .info { height:25px; padding:10px; font-size:140%; color:#989797; background:url(../images/theme/content/list6-h3-bg.png) left bottom no-repeat; padding-bottom:9px; font-weight:normal; line-height:16px; margin-top:-12px; position:relative; margin-bottom:7px;}
ul.list6 li a.url { color:#FFF; font-size:100%; display:block; float:right; line-height:25px;}
ul.list6 li a.url:hover {}
ul.list6 li.alt { margin-right:0px;}

body.home div#dashboard1 { padding-bottom:38px;}
body.home div#dashboard1 div.wrapper { padding:0px; background:none;}
body.home div#content div.wrapper { padding:0px;}
body.home div#header { padding-bottom:0px; height:auto;}
body.home div#main-navigation { margin-bottom:0px;}
body.home div#dashboard1 p { padding-top:0px;}
body.home div#content div.wrapper div.inner-content { padding:0px;}
body.home div.post p { font-size:160%;}
body.home div.page-heading { padding:42px 0px 19px 0px;}

div#content.contact div.wrapper div.inner-content { padding-top:34px;}
div#content.contact div#sidebar div.widget h2 { color:#fff;}

div#contact-form.form ul li label { font-size:230%;}
div#contact-form.form ul li.textbox { width:295px; float:left;}
div#contact-form.form ul li span.textbox { width:270px;}
div#contact-form.form ul li span.textarea { width:565px; height:167px;}
div#contact-form.form ul li span.textarea span.inner textarea { width:550px; height:135px;}
div#contact-form.form ul li.submit { padding-left:175px;}

div#presupuesto-form.form ul li label { font-size:230%;}
div#presupuesto-form.form ul li.textbox { width:295px; float:left;}
div#presupuesto-form.form ul li span.textbox { width:270px;}
div#presupuesto-form.form ul li span.textarea { width:565px; height:167px;}
div#presupuesto-form.form ul li span.textarea span.inner textarea { width:550px; height:135px;}
div#presupuesto-form.form ul li.submit { padding-left:175px;}
div#presupuesto-form h3{color:#02AFF7; font-size:25px; padding:0 0 15px 0; clear:both;}
div#presupuesto-form h3.sep{padding:30px 0 15px 0;}

a.btn_presupuesto{
	display:block;
	position:relative;
	z-index:10;
	font:bold 18px Arial;
	background:transparent url(../images/theme/buttons/btn_presupuesto.png) no-repeat 0 -74px;
	width:194px;
	height:60px;
	padding:14px 105px 0 20px;
	color:#FFF;
	line-height:22px;
	text-decoration:none;
	background-image: url(../images/theme/buttons/btn_presupuesto.png);
}
#dashboard1 a.btn_presupuesto{ margin:0 0 0 10px;}
a.btn_presupuesto:hover{text-decoration:none; background:transparent url(../images/theme/buttons/btn_presupuesto.png) no-repeat 0 0; }
a.btn_presupuesto span{ color: #9FD32A}

