@charset "utf-8";
/*--------------RESET----------------*/
* {
	border:medium none;
	margin:0;
	padding:0; }
	
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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent; }
ol, ul {
	list-style: none;
	line-height: 1; }
	
a{
	color:#333333;
	/*font-size:12px; */
	}
	
.activo {color:#9c132e; }

a:hover {
	text-decoration:none; 
	color:#999999; }



/*-------------------FIN RESET-----------------*/
body {
	background-attachment: fixed;
	background-color: #5b5b6e;
	background-image: url(../img/fondo_tipos.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family:"Helvetica",Arial,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size: 12px;
	color:#333333;}
	
h1{color:#9c132e; font-weight:lighter; font-size:24px;}

h2{color:#9c132e; font-weight:lighter; font-size:18px;}

h3{font-weight:lighter; font-size:16px; padding-bottom: 4px;}

ul{list-style:none;}

.cabecera{}

.cabecera h1{ 
	background-color:#FFFFFF; 
	width:220px;
	 margin-left:18px; 
	 float:left; 
	 color:#999999; 
	 background-image:url(../img/la_cuadrilla.jpg); 
	 background-repeat:no-repeat; 
	 text-indent:-9000px; 
	 height:128px; 
	 margin-top:-8px;}

.cabecera h2{ 
	background-color:#000000; 
	color:#999999; 
	margin-top:8px;
	margin-bottom:16px; 
	background-image:url(../img/cabecera.jpg); 
	background-repeat: no-repeat; 
	background-position:238px 0px;
	height:104px;
	text-indent:-9000px; } 

.contenido{
	width:990px;  
	clear:both;}
/*----------------COLUMNA UNO----------------------*/	
.columna_uno{
	background-color:#fff; 
	float:left; 
	width:220px; 
	margin-left:18px;}
	
.menu_general{
	margin: 0px 15px 0px 14px;
	border-top: #999 1px solid;
	padding: 30px 0px 0px 0px;}
		
.columna_uno ul{list-style:none; line-height: 1.6em;}

.columna_uno ul li a{text-decoration:none; color:#333;}

.columna_uno ul li a.activo {color:#9c132e; }

.columna_uno ul li a:hover{color:#999;}

.columna_uno ul li ul{padding-left: 8px; border-top:#999 solid 1px; border-bottom:#999 solid 1px;}

.columna_uno ol{padding-left: 8px; line-height: 1.1em;}

.menu_contacto{margin-top: 30px;}
/*----------------FIN COLUMNA UNO----------------------*/

/*----------------COLUMNA DOS----------------------*/
.columna_dos{
	background-color:#fff; 
	float:left; 
	width:638px; 
	margin:0px 0px 30px 16px;
	}

.espacio_trabajo{ margin:30px 20px 30px 44px;}

.espacio_trabajo img{margin-top:20px;}

.espacio_trabajo h1 a{color:#000;}

.espacio_trabajo h1 a:hover{color:#9c132e;}

.espacio_trabajo ul li {
line-height:1.4em;}

.espacio_trabajo ul li h2 {
padding-bottom:4px;}

.espacio_trabajo ul {
padding-bottom:14px;
}

.muestra_trabajos{margin:30px 0px 30px 44px;}

.muestra_trabajos{
	/*width: 550px;*/}

.muestra_trabajos h2{	
	color:#639ec8;}
	
.muestra_trabajos p{font-size:12px; padding-bottom: 2px; line-height:1.3em;}

.muestra_trabajos p a{
	color:#639ec8;
	font-weight:bold;}

.muestra_trabajos p a:hover {
	text-decoration:none; 
	color:#999999; }
	
.listado_secciones ul li{width:269px; display:inline; float:left; padding-right:16px; padding-top: 10px;}

.listado_secciones ul li a{text-decoration:none; width:269px; }

.listado_secciones ul li a img{width:269px; height:120px; border-bottom: #fff 6px solid;}

.listado_secciones ul li a:hover img{border-bottom: #639ec8 6px solid;}

.listado_secciones ul li a h3 {width:269px; display:block; font-weight:lighter; padding-bottom:10px; color:#333;}

.limpia{clear:both;}



.desc_trabajos{padding-top:8px;}

.botones{ text-align:center;}
	
.botones button{
	font-size:16px;
	font-weight: lighter;
	background-color:transparent;
	cursor: pointer; 
	color:#639ec8;
	}
/*----------------FIN COLUMNA DOS----------------------*/
.columna_tres{
	float:left; 
	width:98px;
	text-align:right;}

.columna_tres ul{list-style:none;}

.columna_tres ul li{line-height:1.4em;}

.columna_tres ul li a{ color:#fff; font-weight:bold;}

.columna_tres ul li a:hover{color:#999;}

/*----------------FORMULARIO------------------*/
.formulario{font-size:12px;}

.formulario input{width:260px; background-color:#333; color:#fff; font-size:12px;}

.formulario textarea{width:260px; background-color:#333; color:#fff; font-size:12px;}

label {
  display: block;
  margin: .5em 0 0 0;
  width:260px;
}

.boton_formulario {
  display: block;
  margin: 1em 0;
}
/*---------------------PIE---------------*/

.pie{clear:both; 
	 /*height:95px;*/
	 padding: 10px 0px 10px 0px;
	 }

.separador_pie{
	height:12px; 
	display:block; 
	color:#FFFFFF; 
	overflow:hidden; 
	font-weight:lighter;
	width:736px;
	margin-left:254px;
	
	}

.pie .imagen{
	background:url(../img/logo_blanco.png) right bottom no-repeat; 
	height:78px; }

.legal a{ float:right; color:#fff; padding-right: 98px; padding-top:10px; font-size: 12px; }