@charset "utf-8";
/* CSS Document */


/*-----Principal-----------------------*/
*{
	margin: 0;
	padding: 0;
	}

img {border: none;}

div:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	}

* html div {
	height:1%;
	}
	
* :first-child + html div {
	height:auto;
	}


ul{list-style-type: none;}

a:focus {outline:0px;}
/*--------------------------------------*/


#bg_quienes{background: transparent url(../images/bg_contenido.jpg) repeat-x left 97px;  }

#bg_que{background: transparent url(../images/bg_contenido02.jpg) repeat-x left 97px; }

#bg_donde{background: transparent url(../images/bg_contenido03.jpg) repeat-x left 97px; }

#bg_marcas{background: transparent url(../images/bg_contenido04.jpg) repeat-x left 97px; }

#bg_profesionales{background: transparent url(../images/bg_contenido05.jpg) repeat-x left 97px; }

#bg_trabajos{background: transparent url(../images/bg_contenido06.jpg) repeat-x left 97px; }

#wrapper{
	width:840px;
	margin:0 auto;
	position:relative;}


#cabecera{
	height:97px;
	margin:0 auto;
	}
	
div.logo{ 
	position:absolute; 
	top:0px; 
	left:0;}
	
ul.menu{
	position:relative;
	top:16px;
	left:280px;
	width: 550px;
}

ul.menu li{
	display:inline;
	margin-right:6px;}
	
.contenido{
	height:355px;
}

.columna_izda{
	width:220px;
	float:left;
	margin:94px 0 0 20px;
	}

.columna_izda p{
	font-family:Arial, Helvetica, sans-serif; 
	color:#fff;
	font-size:0.9em;
	margin-bottom:8px;
	
	}

.centro{
position:relative;
	width:557px;
	height:281px;
	background: transparent url(../images/quienes_img.jpg) no-repeat left top;
	border:1px solid #fff;
	float:left;
	margin:40px 0 0 14px;
}
.centro2,
.centro3,
.centro4,
.centro5,
.centro6{
	width:557px;
	height:281px;
	background: transparent url(../images/quienes_img.jpg) no-repeat left top;
	border:1px solid #fff;
	float:left;
	margin:40px 0 0 14px;
	}
	
.centro2{background: transparent url(../images/quehacemos_img.jpg) no-repeat left top;	}
	
.centro3{background: transparent;}
	
.centro4{
	height:310px;
	background: transparent url(../images/marcas_mn.jpg) no-repeat left top;
	border:none;
	margin:20px 0 0 14px;

}
	
.centro5{background: transparent url(../images/profesionales_img.jpg) no-repeat left top;}

.centro6{
	background:none; 
	border:0; 
	height:auto; 
	}

.centro6 h1{
	width:auto;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin:0 0 0 10px;
	border-bottom:1px dotted #c46990;
	
	}


ul.picks{
	margin:16px;
	width:120px;
	
}
	
ul.picks li{
	margin:0 0 1px 0; 	 	
	display:inline;
	}

ul.picks li a img{ 
	border:2px solid #fff;
	}

ul.picks li a:hover img{border-color:#000; }


/*---que hacemos----------------------------*/

ul#especialidades{
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:0.8em;
	text-align:left;
	
	}

ul#especialidades li{
	display: inline; 
	float: left; 
	width: 50%; 
	margin-bottom:6px;}


ul#especialidades a{color:#f6b9cf; }

ul#especialidades a:hover,
ul#especialidades li.click a {color:#fff; font-weight:bold;text-decoration:none;}

a.activo{color:red}
	
.sec_2{width:338px; margin:14px auto 0 ;}	


/*--Representados---------------------------*/

ul.lista_repres{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:0.7em;
	font-weight:bold;
}
ul.lista_repres li{
	
}

ul.lista_repres li span{
	display:block;
	color:#fff; 
	font-weight:normal;
}

ul.lista_repres li a{ 
	color:#734403; 
	text-decoration:none; 
	display:block;
	padding:6px;
	border-bottom:1px dotted #fff; 
	height: 1%;
}

ul.lista_repres li a:hover{ background-color:#f69d25; color:#fff;}

ul.lista_repres li a:hover span{ color:#734403;}


.columna_marcas{
float:right;
width:190px;
padding: 0 10px 0 10px;
}

.columna_marcas h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	background:#734403;
	padding:4px;
}
.distris{
	margin:0px;
	padding:5px;
}
.distris li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	#margin:-6px 0 -6px 0;
	color:#FFFFFF;
}

.columna_marcas h1{color:#fff; font-family:Arial, Helvetica, sans-serif; margin:8px 0 0 8px}
.columna_marcas img{margin:2px 0 0 8px;}
/*--trabajos------------*/
ul.trabajos li{
	border-bottom:1px dotted #c46990; 
	line-height:26px; 
	}
	
ul.trabajos li a{
	color:#fff; 
	display:block; 
	text-decoration:none;
	padding-left:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	}
	
ul.trabajos li a:hover{background-color:#aa4c74;}
	
ul.trabajos li a span{color:#8b3157;}

ul.trabajos li a#act span{color:#fff;}

ul.pick_trabajos{
	margin:10px 0 0 11px;
	width:70%;}

ul.pick_trabajos li{
	float:left; 
	width:109px; 
	background-color:#fff;
	margin-right:8px;
	margin-bottom:8px;
	padding:4px 4px 1px;
	}

ul.pick_trabajos li:hover{background-color:#782648;}
	

p.trabajos{
	width:140px; 
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:0.7em;
	padding:4px;
	margin:11px 0 0 0;
	float:right;
	border:1px solid #c46990;}






/*-------formulario------------------------------*/
 h1{
	font-family:"Lucida Sans", Arial, sans-serif;
	font-size:1.1em;
	font-weight:normal;
	margin:5px 0 0 46px;}
	
	
#cuadro_form{
	margin:0 0 0 46px;
	padding-top:10px;
	}
	
.imagen{
	float:left;}
	
.direccion{
	float:left;
	width:250px;
	margin-left:26px;}
	
.direccion h2{
	font-family:"Lucida Sans", Arial, sans-serif;
	font-size:0.9em;
	text-transform:uppercase;
	margin:4px 0 12px;	
	}
	
.direccion p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:2.4em;}

.direccion a{color:#666;}

.direccion a:hover{text-decoration:none;}
	
.formulario{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em; 
	float:left;
	margin-left:12px;
	}
	
	
.formulario ul li{margin-bottom:4px}

.formulario ul li label{display:block}
	
.formulario input.campos{
	width:240px;
	height:18px;
	padding:1px 2px;
	border:1px solid #868686;
	color:#585454;}
	
.formulario textarea{
	width:240px;
	border:1px solid #868686;
	height:45px;
	padding:1px 2px;
	color:#585454;
}

.firma{
	text-align:center;
}
	
.firma a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#999999;
	text-decoration:none;
}
.firma a:hover{
	text-decoration:underline;
}