/* Resetear estilos XHTML de diferentes navegadores*/
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,address,fieldset,input,table,th,td{ margin:0; padding:0;}

ul,ol { list-style:none;}

a{outline:none; cursor: pointer;}

img {border: none;}

a:hover,a:focus{text-decoration:underline;}

*, html{
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	text-decoration:none;
}

/********************************COMUNES**************************************/
body {
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background: url("../img/fnd.jpg") no-repeat top center;
        }

h1{
display:none;
}

h2 {
	font-size: 140%;
	text-transform: uppercase;
	 width:250px;
	}
	
.verde {
	background: #9ac100;
}

.rosa {
	background: #c10052;
}

.quienes_somos h2 {
	color:#b30000;
	background:url("../img/fnd_tit_l.png") no-repeat;
	height:46px;	
	line-height: 46px;
	padding-left:50px;
	}
	
.comunicacion_textil h2 {
	color:#0076b3;
	background:url("../img/fnd_tit_l.png") no-repeat;
	height:46px;	
	line-height: 46px;
	padding-left:25px;

	}

.desarrollo_web h2 {
	color:#9ac100;
	height:100px;	
	line-height: 100px;
	padding-left:35px;
	}	

.diseno_grafico h2 {
	color:#c10052;
	background:url("../img/fnd_tit_s.png") no-repeat;
	height:35px;	
	line-height: 35px;
	padding-left:25px;
	}	
	
.contacto h2 {
	color:#d9700a;
	background:url("../img/fnd_tit_s.png") no-repeat;
	height:36px;	
	line-height: 36px;
	padding-left:35px;
	}	
	
.colaboraciones h2 {
	color:#3e1a00;
	background:url("../img/fnd_tit_colaboraciones.png") no-repeat;
	height:54px;	
	line-height: 54px;
	padding-left:20px;
	}	

.trabajos h2 {
	color:#fff;
	background:url("../img/fnd_tit_trabajos.png") no-repeat;
	height:116px;	
	line-height: 125px;
	padding-left:22px;
	}	
.copyright h2 {
	color:#b39600;
	background:url("../img/fnd_tit_s.png") no-repeat;
	height:36px;	
	line-height:36px;
	padding-left:40px;
	}	

h3 {
	font-size: 130%;
	text-transform: uppercase;
	margin:10px 0px;
	}
	
p {
	font-size: 120%;
	margin-bottom:10px;
	}
	
.test{
	border:1px solid red;
}

.margin80 {
	margin-left:80px;
}
.margin180 {
	margin-left:180px;
}

.margin230 {
	margin-left:230px;   
}
.margin285 {
	margin-left:285px;   
}

/*FONDO TEXTOS INTRO*/
.txt_intro {
	width: 655px;	
	color: #000;
	display: block;
	clear: both;
	overflow: hidden;
}

.txt_intro_top {
	display: block;
	clear: both;
	background: url("../img/fnd_intro_top.png") no-repeat;
	height: 56px;
}
.txt_intro_middle {
	display: block;
	clear: both;
	background: url(../img/fnd_intro_middle.png) repeat-y;
	overflow:hidden;
}
* html .txt_intro_middle {
	height: 100%;
}
.txt_intro_middle .txt{ 	
	width: 600px;	
	margin-left:35px;
}

.txt_intro_middle .txt a{ 
	color:#000;
	text-decoration: underline;
}

.txt_intro_middle .txt a:hover{ 
	text-decoration:none;
}

.txt_intro_middle .txt span{ 	
	font-weight:bold;
	font-size:130%;
}

.txt_intro_middle .txt p.contacto{ 	
	margin-top:20px;
	margin-left:120px;
	width: 300px;
	text-align: center;
	padding:10px;
	background:#d3d3b4;
	border-left:4px solid #000;
}

.txt_intro_bottom{
	overflow:hidden;
	display: block;
	background: url(../img/fnd_intro_bottom.png) no-repeat;
	height: 66px;
	clear: both;
}
.lst_galeria {
	margin:20px auto;
}
.lst_galeria li {
	height: 200px;
	font-size:90%;
	background: url("../img/fnd_galeria.png") no-repeat;
	width:137px;
	padding:5px;
	float:left;

	overflow:hidden;
}
* html .lst_galeria li {
	height: 1%;
}

.lst_galeria li a, .lst_galeria li a:visited{ 
	color:#000;
	text-decoration: underline;
}

.lst_galeria li a:hover{ 
	text-decoration:none;
}

.lst_galeria li a.web{ 
	display:block;
	background: url("../img/fnd_link.png") no-repeat;
	padding-left:12px;
	height:30px;
	line-height:30px;
	color:#fff;

	text-decoration:none;
}

.lst_galeria li p {
	width:137px;
	margin-top:10px;
}

/*galeria textil*/
.lst_galeria2 {
	margin:20px auto;
}
.lst_galeria2 li {
	height: 150px;
	font-size:90%;
	background: url("../img/fnd_galeria.png") no-repeat;
	width:151px;
	padding:3px;
	float:left;

	overflow:hidden;
}
* html .lst_galeria2 li {
	height: 1%;
}

.lst_galeria2 li a, .lst_galeria2 li a:visited{ 
	color:#000;
	text-decoration: underline;
}

.lst_galeria2 li a:hover{ 
	text-decoration:none;
}

.lst_galeria2 li a.web{ 
	display:block;
	background: url("../img/fnd_link.png") no-repeat;
	padding-left:12px;
	height:30px;
	line-height:30px;
	color:#fff;

	text-decoration:none;
}

.lst_galeria2 li p {
	width:137px;
	margin-top:10px;
}


/*LAYOUT*/
#global{
width: 995px;
margin:0 auto;
padding:0px;
text-align: left;
overflow: hidden;
}

/*usamos cont para forzar a que el contenido no agrande a su contenedor, porque IE no respeta los porcentajes de ancho (ancho30)*/
.cont{
float:left;
width: auto;
}
.contenido{
margin: 2px;
overflow: hidden;
} 

* html .contenido{
	height: 1%;
}
.ancho10 { width: 10%;}
.ancho20 { width: 20%;}
.ancho25 { width: 24.9%;}
.ancho30 { width: 30%;}
* html .ancho30 { width: 29.9%;}
.ancho33 { width: 33.33%;}
* html .ancho33 { width: 33.25%;}
.ancho35 { width: 35%; }
.ancho37 { width: 37%; }
.ancho40 { width: 40%;}
.ancho45 { width: 45%;}
.ancho50 { width: 50%;}
* html .ancho50 { width: 49.9%;}
.ancho60 { width: 60%;}
.ancho63 { width: 62%; }
.ancho65 { width: 65%; }
.ancho67 { width: 67%; }
.ancho70 { width: 70%;}
.ancho75 { width: 75%; }
.ancho80 { width: 80%;}
.ancho90 { width: 90%; }
.ancho100 { width: 100%;}

.float_left {
	float: left;
}
.float_right {
	float: right;
}
/*fin layout*/

/* CABECERA*/
.idioma {
	font-size:110%;
	color:#fff;
	text-transform: uppercase;
	overflow:hidden;
}
* html .idioma {
	height:1%;
}
.idioma a {
	padding: 2px 5px;
	color:#fff;
}
.idioma a:hover, .idioma a.selec {
	background:#000;
	text-decoration: none;
}

.idioma ul.lst_idioma {
	float:right;
}
.idioma ul.lst_idioma li {
	margin: 5px;
	padding-right:2px;
	float:left;
}

.menu {
	font-size:130%;
	color:#fff;
	text-transform: uppercase;
	overflow:hidden;
	font-weight:bold;	
}
* html .menu{
	height:1%;
}
.menu a {	
	padding: 2px 5px;
	color:#fff;
}
.menu a:hover{
	background:#000;
	text-decoration: none;
}

.menu a.qui  {
	background:#b30000;
}
.menu a.com  {
	background:#0076b3;
}
.menu a.des {
	background:#9ac100;
}
.menu a.dis {
	background:#c10052;
}
.menu a.col  {
	background:#602900;
}
.menu a.con {
	background:#d9700a;
}

.menu ul.lst_menu {
	text-align: right;
}
.menu ul li {
	margin:5px
}

.menu_trabajos {
	margin-left:30px;
	margin-top:10px;
}

.menu_facebook {
	margin-top:10px;
	float:right;
}


/*fin* cabecera/

/*QUIENES SOMOS*/
.quienes_somos {
	background:url("../img/fnd_quienes_somos.png") no-repeat;
	padding-top:65px;	
	padding-left:60px;
	overflow:hidden;
}
* html .quienes_somos {
	height: 1%;
}

/*COMUNICACION TEXTIL*/
.comunicacion_textil {
	background:url("../img/fnd_comunicacion_textil.png") no-repeat;
	padding-top:50px;
	padding-left:40px;
	overflow:hidden;
	color:#000;
}
* html .comunicacion_textil {
	height: 1%;
}

.comunicacion_textil span {
	font-weight:bold;
	font-size:130%;
}
/*DESARROLLO WEB*/
.desarrollo_web {
	background:url("../img/fnd_desarrollo_web.png") no-repeat;
	padding-top:50px;
	padding-left:40px;
	overflow:hidden;
	color:#000;
}
* html .desarrollo_web {
	height: 1%;
}

.lst_trabajos {
	display: block;
	clear: both;
	overflow: hidden;
}

* html.lst_trabajos {
	height:1%;
}

.lst_trabajos li{
	position: relative;
	float:left;
   width: 640px;	
	color: #000;
	margin:25px 0px 40px 0px;
}

.lst_trabajos li img.dest{
	float:left;
	margin:5px 15px 5px 5px;
}

.lst_trabajos .btn_trabajos{
	position: absolute;	
	top: 150px;
	left:580px;
}

/*DISENO GRAFICO*/
.diseno_grafico {
	background:url("../img/fnd_diseno_grafico.png") no-repeat;
	padding-top:20px;
	padding-left:40px;
	overflow:hidden;
	color:#000;
}
* html .diseno_grafico {
	height: 1%;
}

/*COLABORACIONES*/
.colaboraciones {
	background:url("../img/fnd_colaboraciones.png") no-repeat;
	padding-top:40px;
	margin-left:20px;
	padding-left:40px;
	overflow:hidden;
	color:#000;
}
* html .diseno_grafico {
	height: 1%;
}

/*CONTACTO*/
.contacto {
	background:url("../img/fnd_contacto.png") no-repeat;
	padding-top:110px;
	padding-left:35px;
	overflow:hidden;
	color:#000;
}
* html .contacto {
	height: 1%;
}
.contacto .form_contacto{
	margin-left:120px;
	margin-top:60px;
}
.contacto label{
	float: left;
	width:60px;
	text-align: left;
	margin-right: 15px;
	height:20px;
	line-height: 20px;
	margin-bottom: 5px;
	display: block;
	font-size:110%;
}

.contacto input, .contacto textarea{
	background:#D3D3B4;
	display: block;
	margin-bottom:5px;
	width: 52%;
	margin-left:20px;
	

}
.contacto input.btn_enviar {
	background:#000;
	color:#fff;
	display: block;
	margin-top:15px;
	width: 15%;
	margin-left:252px;
}

/*ULTIMOS TRABAJOS*/
.trabajos {
	background:url("../img/fnd_trabajos.png") no-repeat;
	margin-left:10px;	
	overflow:hidden;
	color:#000;
}
* html .trabajos {
	height: 1%;
}

/*COPYRIGHT*/
.copyright {
	background:url("../img/fnd_copyright.png") no-repeat;
	margin-left:10px;	
	padding-left:20px;
	padding-top:70px;
	overflow:hidden;
	color:#000;
}
* html .copyright {
	height: 1%;
}
/* PIE*/
.pie {
	margin-top:40px;
	clear: both;
	overflow:hidden;
}

* hml .pie {
	height: 1%;
}
.pie a {
	color:#000;
	text-decoration:none;
}

.pie a:hover {
	color:#000;
	text-decoration:underline;
}

.pie ul.lst_pie li {
	float:left;
	padding:0px 10px;
	border-right:1px solid #000;
}

.pie ul.lst_pie li.ulti {
	border-right:none;
}