/* CSS Document */
/*ETIQUETA LATERAL EJEMPLO DE http://www.wallblank.com/color:#9fa19e;*/
body {
margin:0;

color:#646364;
font-size:12px;
line-height:17px;
font-family:"Lucida Sans","Lucida Grande",Lucida,Verdana;
background-color:#1d1d1d;
}


img{border:none;}
/*remove dotted points */
a:active {
outline: none;
}

a{
color:#82a241;


}

a:hover{
color:#646364;
}


.container {
width:875px;
margin:0 auto;
position:relative;
padding:0;
text-align:left;
}

.container2 {
background:url(web-design-img/shadow-top.jpg) no-repeat top left;
}




#header {
margin:0;
position:relative;/* or float? */
width:100%;
background-color:#1d1d1d;
height:93px;
}

h1#logo span { display: none; }
h1#logo {
    position:absolute;
top:4px;
left:25px;
width:204px;
height:62px;
background-image:url(web-design-img/web-design-logo.jpg);
margin:0;

}



/*<main menu>*/
#menu {
padding-top:45px;
padding-bottom:15px;
padding-right:70px;
margin:0;
float:right;
}

#menu ul {
list-style-type:none;
margin:0;
padding:0;
}

#menu li {
float:left;
margin-right:32px;
}

#menu a{
font-family:"Arial Narrow", Helvetica, sans-serif;
font-size:11px;
color:#CCCCCC;
text-decoration:none;
font-weight:bold;
}

#menu a:hover{
color:#9fc54d;
}

#current{
font-family:"Arial Narrow", Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
font-weight:bold;
color:#9fc54d;
}

/*</main menu>*/

/*<submenu>*/
#submenu {
margin:0;
float:left;
padding-top:0px;
padding-left:72px;
}

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

#submenu li {
float:left;
margin-right:32px;
}

#submenu a{
font-family:"Arial Narrow", Helvetica, sans-serif;
font-size:12px;
color:#CCCCCC;
text-decoration:none;
font-weight:bold;
}

#submenu a:hover{
color:#9fc54d;
}

#submenu_current{
font-family:"Arial Narrow", Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
color:#9fc54d;
}

/*</submenu>*/
/*<main content>*/
#main {
margin:0;
padding:0px;
position:relative;/* or float? */
width:100%;
background:#eaeaea url(web-design-img/web-design-curve.gif) no-repeat;
}
.container3 {
background:  url(web-design-img/shadow-bottom.jpg) no-repeat bottom left;
padding-top:15px;
padding-bottom:20px;

}

/*<home page>*/
/*<slider home page>*/
#loopedSlider a img{border:none;}
#loopedSlider .container { width:819px; height:173px; overflow:hidden; position:relative; cursor:pointer; }
#loopedSlider .slides { position:absolute; top:0; left:0; }
#loopedSlider .slides > div { position:absolute; top:0; width:820px; display:none; }
/*
* Optional

#loopedSlider,#newsSlider { para centrar contenido }*/
#loopedSlider,#newsSlider { margin:0 auto; width:819px; position:relative; clear:both; }
#loopedSlider ul.pagination { list-style:none; padding:0; margin:0; }
#loopedSlider ul.pagination li { float:left; }
#loopedSlider ul.pagination li a { padding:2px 4px; }
#loopedSlider ul.pagination li.active a { background:blue; color:white; }

/*</slider home page>*/
/*<main_phrase>*/
#main_phrase{
padding-left:70px;
padding-bottom:8px;

}

.we_build{
font-family:Arial, Helvetica, sans-serif;
color:#9fa19e;
font-size:18px;
font-weight:200;
}


.really_work{
color:#4b4b4b;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
font-weight:bold;
margin:0;
}
/*</main_phrase>*/

/*<small_boxes>*/
#left_column_box{
width:247px;

float:left;
margin-left:62px;
margin-right:15px;
}
h2.header_box{
margin:0px;
background:url(web-design-img/web-design-top-box.png) top left no-repeat;
width:224px;
height:29px;
color:#434242;
font-size:17px;
font-weight:bold;
text-align:center;
padding-top:10px;
}

#center_column_box{
width:247px;
margin-right:15px;

float:left;}
#right_column_box{
width:247px;

float:left;
}


.box_content{
font-size:12px;
line-height:17px;
font-family:"Lucida Sans","Lucida Grande",Lucida,Verdana;
width:168px;
background-color:#e0e0e0;
padding-top:15px;
padding-bottom:50px;
padding-left:27px;
padding-right:27px;
border:#d6d6d6 1px solid;
color:#646364;


}
.number{
color:#333333;
font-weight:bold;}
#wrapper_boxes{
margin-top:23px;}


#footer {
padding:15px 0px 0px 0px;
position:relative;/* or float? */
width:100%;
height:45px;
background:#eaeaea url(web-design-img/web-design-footer-line.jpg) repeat top left;
}

#footer a{
color:#9fc54d;
text-decoration:none;
}

#footer a:hover{
color:#9fa19e;

}


.bug {
clear:both;/*por que cada bloque es como si fuera un layout completo Bug en firefox ultomo elemento de una gran bloque
el que hay varios floating elementos se corrige con clear.*/

}



/*about-services-contact*/
#main_text{
padding-left:28px;
padding-right:28px;
min-height:400px;
clear:both;


}
/*mi photo*/
#main_text img{
float:left;
padding-right:15px;

}

.welcome{

font-size:24px;
line-height:24px;
margin:0;

}
.about{
padding-left:275px;
line-height:18px;}
/*
#left_column{
float:left;
padding-right:10px;
width:420px;
}
#right_column{
float:left;
width:380px;
}
.round_arrow{
width:46px;
height:46px;
background:url(web-design-img/web-design-arrow.png) top left no-repeat;
padding-left:50px;
font-size:18px;
padding-top:18px;
margin-top:18px;
color:#4b4b4b;
}*/

/*portfolio*/
.portfolio_body{
width:666px;
background:url(web-design-img/line_bg.png) top left repeat-y;

height:425px;
padding-left:20px;
padding-top:15px;
}
.portfolio_img_bg{
background:url(web-design-img/bg_portfolio.gif) top left no-repeat;
height:346px;
width:640px;
padding-left:11px;
padding-top:15px;}
.ficha{
float:left;
padding-top:10px;
padding-left:5px;}
.view_site{
float:right;
margin-right:18px;
margin-top:10px;
}
.portfolio_top{
background:url(web-design-img/barra_portfolio.png) top no-repeat;
height:26px;
width:666px;
padding-top:10px;
padding-left:20px;
font-weight:bold;
color:#4B4B4B;
}
.portfolio_bottom{
background:#F9F9F9 url(web-design-img/borde_down_portfolio.gif) bottom no-repeat;
height:22px;
width:686px;
}

/*<slider portfolio page>*/
#loopedSlider_portfolio #loopedSlider a img{border:none;}
#loopedSlider_portfolio #loopedSlider .container { width:819px; height:500px; overflow:hidden; position:relative; cursor:pointer; }
#loopedSlider_portfolio #loopedSlider .slides { position:absolute; top:0; left:0; }
#loopedSlider_portfolio #loopedSlider .slides > div { position:absolute; top:0; width:820px; display:none; }
a.previous { position:absolute; top:200px; left:-42px; }
		a.next { position:absolute; top:200px; left:690px; }
		/*<para centrar>*/
		#loopedSlider_portfolio #loopedSlider { margin:0 auto; width:819px; position:relative; clear:both; }

/*
* Optional
*/


/*</slider portfolio page>*/
/*<services>*/
.left_services{
width:351px;
float:left;

margin-right:25px;


}

.right_services{
width:351px;
float:left;


}

li h3{
margin:0px 0px 7px 0px;
font-weight:lighter;
font-size:12px;

}

h2.label{ padding: 10px;


text-align:left;
    
	background:url(web-design-img/line_form.jpg) repeat-x top left;
	border:1px #d8d9da solid;
	color:#9cc04d;
	margin-bottom:10px;
	font-size:16px;
	

width:330px;
height:18px;}




/* form */

#myform {
/*width:360px;*/
	
width:595px;
padding-top:10px;
margin-bottom:10px;
height:350px;
}
.text {
float:left;
width:245px;
height:25px;
background-color:#1d1d1d;
color:#9fc54d;
text-align: left;
vertical-align: text-top;
margin-bottom:10px;
margin-right:10px;
clear:left;
font-size:14px;
padding-left:15px;
padding-top:10px;

}






input[type="text"]
{
  
 padding: 10px;
 float:left;

text-align:left;
    
	background:url(web-design-img/line_form.jpg) repeat-x top left;
	border:1px #d8d9da solid;
	color:#666666;
	margin-bottom:10px;
	

width:303px;
height:18px;
  
}






#comments_form{
background:#F9F9F9 url(web-design-img/comments_line.jpg) repeat-x bottom left;
	color:#666666;
	border:1px #d8d9da solid;
float:left;
width:312px;
 padding-left: 10px;

	

}






 .submit input
{

 float:right;


	margin-bottom:10px;
	border:0;


margin-top:7px;


}

/* </contact> */