body{
margin:0;
background:#fff url(../img/header.jpg) top left repeat-x;
text-align:center;
font:10pt arial;
color:#666;
}

a{
color:#666;
text-decoration:none;
}

a:hover{
color:#567417;
text-decoration:underline;
}

a.flechita{
padding-left:9px;
background:url(../img/li.gif) top left no-repeat;
}

a img{
border:0;
}

h1, h2, h3{
font-weight:normal;
line-height:27px;
color:#4f4f4f;
}

h1{ font-size:180%; }
h2{ font-size:160%; }
h3{ font-size:140%; }

p{
margin:0; padding:0 0 8px 0;
}

hr{
height:1px;
background-color:#888;
}

img.middle{
vertical-align:middle;
border:0;
}

#contenedor{
width:900px;
margin:auto;
}



/**** HEADER ****/
#header{

}

#header .pad{
margin:auto;
position:relative;
width:900px; height:108px;
background:url(../img/header2.jpg) top center no-repeat;
}

#logoheader{
position:absolute;
top:22px; left:0;
}

#menuNav ul{
position:absolute;
bottom:9px; left:0;
list-style:none;
margin:0; padding:0;
}

#menuNav ul li{
display:inline; list-style:none;
margin:0 20px 0 0; padding:0;
}

#menuNav li a{
font-size:10pt;
font-weight:bold;
color:#fff;
}

#menuNav ul li a:hover, #menuNav ul li.selected a{
color:#b5d225;
}

#menuNav2 ul{
position:absolute;
bottom:10px; right:0;
list-style:none;
margin:0; padding:0;
}

#menuNav2 ul li{
display:inline; list-style:none;
margin:0; padding:0 4px 0 4px;
}

#menuNav2 ul li a{
font-size:11px;
font-weight:bold;
color:#b5d225;
}

#menuNav2 ul li a:hover{
color:#999;
}

#menuNav2 ul li.selected a{
color:#fff;
}

.submenu{
background:#999;
}

.submenu .pad{
margin:auto;
width:900px; height:35px;
}

.submenu ul{
list-style:none;
margin:0; padding:0;
}

.submenu ul li{
float:left; list-style:none;
margin:0 20px 0 0; padding:0;
}

.submenu li a{
display:block;
padding:3px 0 3px 0;
margin-top:6px;
font-size:10pt;
font-weight:bold;
background:transparent;
-webkit-border-radius:7px;
-moz-border-radius:7px;
color:#666;
}

.submenu ul li a:hover{
text-decoration:none;
color:#212121;
}

.submenu ul li.selected a{
padding:3px 10px 3px 10px;
background:#666;
color:#fff;
}
/**** FIN HEADER ****/



#cuerpo{
position:relative;
margin:auto;
width:900px;
padding-top:25px;
text-align:left;
}

#cuerpo h1{
margin:0 0 40px 0; padding:0;
}

.bannerhome_contenedor{
position:relative;
margin:28px auto 0 auto;
width:900px; height:295px;
}

ul.bannerhome{
list-style:none;
padding:0; margin:0;
}

ul.bannerhome li{
position:relative; float:left;
margin:0; padding:0;
width:900px; height:295px;
text-align:left;
}

ul.bannerhome li.bg1{
background:transparent url(../img/bannerhome.jpg) top center no-repeat;
}

ul.bannerhome li.bg2{
background:transparent url(../img/bannerhome2.jpg) top center no-repeat;
}

ul.bannerhome h1.title1, ul.bannerhome h1.title2{
position:absolute;
margin:0; padding:0;
font-weight:normal;
font-size:180%;
}

ul.bannerhome h1.title1{
top:120px; left:39px;
color:#fff;
}

ul.bannerhome h1.title2{
top:156px; left:50px;
color:#B5D225;
}

ul.bannerhome h1.text1{
position:absolute;
top:185px; left:39px;
margin:0; padding:0;
font-size:180%;
color:#B5D225;
}

ul.bannerhome .btn, .bannerhome .btn2{
position:absolute;
font:bold 170% arial;
color:#fff;
}

ul.bannerhome .btn{
bottom:30px; left:39px;
}

ul.bannerhome .btn2{
bottom:39px; left:50px;
}

ul.bannerhome .btn:hover, ul.bannerhome .btn2:hover{
color:#999;
}

#bannerhome_portfolio{
background:#b2b2b2;
}

#bannerhome_portfolio .pad{
position:relative; margin:auto;
width:900px; height:162px;
}

#bannerhome_portfolio h2{
position:absolute;
top:35px; left:0;
font-size:140%;
text-align:left;
color:#303030;
}

#bannerhome_portfolio .recentwork{
position:absolute;
top:16px; right:0;
width:732px;
}

#bannerhome_portfolio .recentwork .item{
float:left; position:relative;
width:244px; height:136px;
background:url(../img/recentwork_bg.gif) top center no-repeat;
}

#bannerhome_portfolio .recentwork .item .thumb{
position:absolute;
top:11px; left:43px;
width:157px; height:87px;
background:#000;
overflow:hidden;
}

#bannerhome_portfolio .recentwork .item .thumb img{
width:157px; border:0;
}

#bannerhome_portfolio .recentwork p{
display:block; position:absolute;
bottom:7px; left:0; right:0;
text-align:center;
font-size:12px; color:#999;
}

#bannerhome_portfolio .recentwork .item:hover p{
color:#b5d225;
}

.bloque_services{
position:relative;
height:150px; margin-bottom:40px;
background:url(../img/sp.jpg) bottom center no-repeat;
text-align:left;
}

.bloque_services .icon{
position:absolute;
top:10px; left:0;
}

.bloque_services h2{
position:absolute;
top:0; left:150px;
margin:0; padding:0;
font-weight:bold;
font-size:190%;
color:#000;
}

.bloque_services p{
position:absolute;
top:30px; left:150px;
font-size:14pt;
}

.bloque_services a.link{
font-size:14pt;
color:#74870C;
}

.bloque_portfolio{
background:#fff url(../img/degrade.jpg) top left repeat-x;
}

.bloque_portfolio .pad{
position:relative;
margin:auto;
width:860px; height:220px;
text-align:left;
}

.bloque_portfolio h1{
position:absolute;
top:65px; left:0;
margin:0; padding:0;
font-weight:bold;
font-size:190%;
color:#000;
}

.bloque_portfolio h2{
position:absolute;
top:65px; left:0;
width:100%;
margin:0; padding:0;
text-align:center;
font-size:14pt;
}

.bloque_portfolio p.link{
position:absolute;
top:100px; left:0;
font-size:14pt;
}

.bloque_portfolio p.text{
position:absolute;
top:130px; left:0;
font-size:11pt;
}

.bloque_portfolio ul li{
width:175px; height:155px;
background:url(../img/portfolio_bg.png) top center no-repeat;
}

.bloque_portfolio ul li .thumb{
margin:25px 0 0 6px;
width:162px; height:105px;
background:#000;
overflow:hidden;
}

.bloque_portfolio ul li .thumb{
width:162px;
}

.services_features .left,
.services_features .right{
float:left;
width:40%;
}

.services_features ul{
list-style:none;
margin:0; padding:10px 0 20px 50px;
}

.services_features ul li{
padding-left:10px; margin-bottom:8px;
background:url(../img/li.gif) 0 45% no-repeat;
font-size:12pt;
}

.verde, a.verde{
color:#567417;
}

a.verde{
text-decoration:underline;
}

a.verde:hover{
text-decoration:none;
color:#121212;
}

.blanco{
color:#fff;
}

.negro{
color:#000;
}

ul.lista_simple{
list-style:none;
padding:0; margin:0;
text-align:left;
}

ul.lista_simple li{
list-style:none;
background:url(../img/li.gif) top left no-repeat;
margin-left:2px;
margin-bottom:5px;
padding-left:9px;
font-size:11px;
color:#777;
}

.contact_right{
float:right;
width:300px;
text-align:right;
}

.contact_right p{
font-size:11pt;
}

.forms{
width:40%;
margin:15px 0;
font-weight:bold;
color:#222;
}

.forms .input{
/*width:100%;*/
padding:2px; margin:2px 0 10px 0;
border:1px solid #ccc;
background:url(../img/input.jpg) top left repeat-x;
}

.forms .reset, .forms .send{
padding:0 15px 0 15px;
font-weight:bold;
cursor:pointer;
color:#fff;
}

.forms .reset{
background-color:#919191;
}

.forms .send{
background-color:#98A800;
}

.prefooter{
margin:auto;
width:900px;
text-align:left;
}

/**** FOOTER ****/
#footer{
position:relative;
background:url(../img/footer.jpg) top center repeat;
width:100%; height:290px;
}

#footer .twitter{
float:right;
margin-right:20px;
}

.menufooter{
height:40px;
background:#d1d1d1;
text-align:center;
}

.menufooter a{
margin:0 9px 0 9px;
font-size:12px;
font-weight:bold;
line-height:40px;
color:#666;
}

.menufooter a:hover{
color:#999;
}

.credits{
margin:auto;
padding-top:15px;
width:900px;
}

.credits p{
text-align:left;
font-size:11px;
color:#fff;
}

input{
border:1px solid #999;
padding:2px;
}

.input100{
width:100%;
border:0; margin-top:2px;
padding:2px;
background:#f7f7f7;
}