/* CSS Document */

/****** ESTRUCTURA ******/
body
{
	margin: 0 auto;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family:Arial, Helvetica, sans-serif;
	background: url(../images/fondo.jpg) 50% 0 no-repeat #FFF;
	color:#333333;
}

#wrapper_1 { width: 840px; margin:0 auto; background: url(../images/wrap.png) 0 0 repeat-y; }
/*#wrapper_2 { width: 100%; background: url(../images/wr4ap_b.png) 0 100% no-repeat; }*/
#wrapper_3 { width: 832px; margin:0 auto; }

#normal_content { float:left; width:100%; }
#wide_content { float:left; width:100%; }

#sidebar_r { float:right; width:160px; display:none; }

#header { background: url(../images/header.png) 295px 0 no-repeat;}

#logo{ margin:0; padding:0; float:left;}

#language { float:right; width:160px; height:60px; margin:16px 16px 0 0;}

a img.link { border:#CCC 1px solid; }

#cuerpo
{
	width: 100%;
	min-height:400px;
	float:left;
	margin:0 auto;
	font-size:16px;
	background: url(../images/content.png) 0 0 repeat-x;
}

#footer 
{
	background: url(../images/footer.png) 0 0 repeat-x #FFF;
	float:left;
	padding: 0 ;
	margin: 6px 0 0 0;
	border-bottom: #CCC 1px solid;
	color:#666;
	width:100%;
	line-height: 40px;
	font-size:13px;
}

.gutter_footer { padding: 10px; }

/****** GENERAL ******/
a {	color:#09C; text-decoration:none; }
a:hover { text-decoration:underline; }
a:visited { color:#09C; }
p { text-align:justify; line-height:50%; }
a img { border:none; }

h1, h2, h3, h4, h5, h6 { color:#333333; }

div{background:none; margin:0; padding:0;}

h1 { font-size: 26px; font-weight:bold; color:#63A82F; }
h2 { font-size: 24px; color: #82B32A; font-weight:normal; margin: 0; padding: 8px 0; }
h3 { font-size: 20px; margin:8px 0; color:#A0BE18; font-weight:normal; }
h4 { font-size: 16px; margin:8px 0; }

hr { border:none; color:#CCC; color: #CCC; background-color: #CCC; height: 1px; margin: 16px 0; }

/****** EXTRAS ******/
.izq { float:left; }
.der { float:right; }
.esp { clear:both; }
.centro { margin-left:auto; margin-right:auto; }

.un_tercio { width:33%; }
.dos_tercios { width:66%; }
.mitad { width:50%; }

.centrado { text-align:center }
.derechado { text-align:right }

.blanco { color:#FFF; }
.sutil { color:#666; }
.letra_pequena { font-size:11px; }

.tope { background:url(../images/tope.gif) no-repeat 100% 50%; text-align:right; padding-right:20px; }

/****** MENU PRINCIPAL ******/

#menu_bar
{
	margin:0;
	background: url(../images/menu.png) 0 0 repeat-x;
	width:100%;
	height:40px;
}

ul#main_menu
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align:center;
}

ul#main_menu li { display:inline; margin: 0 20px; }

ul#main_menu li a
{
	line-height:40px;
	color:#99C022;
	font-size: 20px;
	font-weight:bold;
	text-decoration:none;
}

ul#main_menu li a:hover, ul#main_menu li a.active
{
	color:#F6C81E;
}

ul#main_menu li#ultimo
{
	border-bottom:none;
}

ul#lista_inicio
{
	list-style-image:url(../images/lista_inicio.gif);
	font-size:16px;
}

/****** CONTENIDO ESPECIALES ******/

.mod
{
	width:244px;
	height:166px;
	text-align:right;
	float:left;
	margin: 0 10px 10px 10px;
}

.mod p { margin:0; padding:0; }

.mod a.learnmore
{
	display:block;
	margin: 70px 0 10px 170px;
	font-size:13px;
}

.mod h3 { color:#333; padding:10px; margin:0; }
	.mod h3 a { color:#333; }
	.mod h3 a:hover { color:#A0BE18; text-decoration:none; }
	.mod h3 .verde { color:#A0BE18; }
.mod1_en { background:url(../images/mod1_en.png) 0 0 no-repeat; }
.mod2_en { background:url(../images/mod2_en.png) 0 0 no-repeat; }
.mod3_en { background:url(../images/mod3_en.png) 0 0 no-repeat; }
	.mod3_en a.learnmore { margin-top: 94px; }
.mod1_es { background:url(../images/mod1_es.png) 0 0 no-repeat; }
.mod2_es { background:url(../images/mod2_es.png) 0 0 no-repeat; }
.mod3_es { background:url(../images/mod3_es.png) 0 0 no-repeat; }
#wdesign, #branding, #wconsulting { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom:#CCC 1px solid;}
#wdesign { background:url(../images/web_design.png) 96% 50% no-repeat; }
#branding { background:url(../images/image_consulting.png) 96% 50% no-repeat; }
#wconsulting { background:url(../images/website_consulting.png) 96% 50% no-repeat; }

/****** CONTENIDO ******/

.gutter_contenido { padding: 20px 18px 16px 18px; }

#normal_content, #wide_content
{
	font-size:16px;
}

#normal_content p, #wide_content p { line-height:150%; margin:8px 0; }

#normal_content img { margin:6px; }

#normal_content ul { list-style-image: url(../images/star_list.gif); margin: 10px 0; padding: 0 0 0 30px; }
#normal_content ul ul { list-style-image:none; }
#normal_content li { line-height:150%; padding-left: 4px; margin: 0;}

h1.titulo
{
	background: url(../images/title.png) no-repeat 0 0;
	height:48px;
	line-height:48px;
	text-indent:14px;
	text-align:left;
	font-weight:normal;
	font-size:28px;
	padding:0;
	margin:0 0 18px 0;
}

.portfolio_item
{
	float:left;
	width:100%;
	border-bottom:#CCC 1px solid;
	margin: 0 0 5px 0;
	padding: 10px 0;
}

.check li, .portfolio_item ul li
{
	list-style-image: url(../images/check_list.gif);
}

#last { border:none }

div.imagen { width:100%; }
a.imagen
{
	text-decoration:none;
	margin:0 0 6px 0;
	color:#999;
	font-size:11px;
	font-style:italic;
}

a.image:hover { color:#8F5B30 }

a.image img { border: #D69B4B 1px solid; clear:both}

a.image:hover img { border-color: #8F5B30;}

label {}

label:hover { color:#000; }

form { font-size:16px; }

input, select, textarea
{
	margin: 3px 0;
}

input[type=submit], input[type=button] { padding:3px; }