@import url("style_font.css");


/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
	font-family:Verdana, Geneva, sans-serif;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
	
	background:#000;
}

#content {
	
		margin:0 auto;
		width:100%;
		min-height:1000px;
		background-image:url(../html/imgEmpresa/plano_fondo.png) ;
	
		  }
		  
#content1 {
	
		margin:0 auto;
		width:960px;
		min-height:1600px;
		background-image:url(../html/imgEmpresa/plano_fondo1.png) ;
	
		  }

#content2 {
	
		margin:0 auto;
		width:960px;
		min-height:1800px;
		background-image:url(../html/imgEmpresa/plano_fondo2.png) ;
	
		  }

#content3 {
	
		margin:0 auto;
		width:960px;
		min-height:1300px;
		background-image:url(../html/imgEmpresa/plano_fondo1.png) ;
	
		  }
			
			
			header {
				
					background-image:url(../img/cabecera0.png) ;
					width: 100%;
					margin:0 auto;
					height:132px; 
					
				
					}
					
					header #cabecera{
						
						background-image:url(../img/cabecera.png) ;
						width: 945PX;
						margin:0 auto;
						height:132px; 
						
						
						}
					
					header img.logo {
						
						 margin-top: 35px;
						 margin-left:75px; 
						 float:left;
						}
						
					
					#redes {
						
						float:left;
						width:190px;
						margin-top:90px;
						margin-left:10px;
						padding:0px;
						
						}
						
						#redes a:hover {
							
							opacity: 0.4;
							-moz-opacity: 0.4;
							-webkit-opacity: 0.4;
							filter:alpha(opacity=20);
							
							}
						
						
						
					#buscador {
						
						float:left;
						margin-top:25px;
						margin-left:10px;
						
						}
						
						
					#nav {
						  border-right-color:#414343;
						  border-right-style:solid;
						  border-right-width:0px;
						  float:left;
						  margin-top:90px;
						  margin-left:365px;
						  margin-right:0px;
						  height:13px;
						  float:left;
						  width:375px;
						  
						}
						
						

						#nav #levelOneContainer {
							
								z-index:0;
							
							}

						#nav #levelOneContainer #levelOne {
							  height:13px;
							  width:370px;
							  margin:0;
							  padding:0;
							  z-index:0;
							}
						
						
						#nav #levelOneContainer #levelOne li {
							 /* border-left-color:#414343;
							  border-left-style:solid;
							  border-left-width:1px;*/
							  display:inline-block;
							  height:13px;
							  list-style:none;
							  margin-top:0px;
							  margin-bottom:0px;
							  padding:0px 4px;
							  width:auto;
							  z-index:0;
							}
							
							#nav #levelOneContainer #levelOne li.inicial {
							  border-left-color:#414343;
							  border-left-style:solid;
							  border-left-width:0px;
							 
							 
							}
							
							
							
							#nav #levelOneContainer #levelOne li span {
								  display:inline-block;
							  	  height:13px;
								  width:auto;
								  padding-left:2px;
								}
					
							#nav #levelOneContainer #levelOne li img.image_home {
									
									margin-top:0px;
									padding-bottom:6px;
								
								}
				
		
		
							#nav #levelOneContainer #levelOne li a, #navigation #levelOneContainer #levelOne li a:link, #navigation #levelOneContainer #levelOne li a:visited {
								  
								  color:#414343;
								  font-family: 'PRAXIS';
								  font-size:12px;
								  font-weight:200;
								  padding:0 0 2px 0px;
								  text-decoration:none;
								}
					
			
							#nav #levelOneContainer #levelOne li a:hover {
								  
								  color:#CCC;
								  font-family: 'PRAXIS';
								  font-size:12px;
								  font-weight:200;
								  padding:0 0 2px 0px;
								  text-decoration:none;
								
								}
								
							#nav #levelOneContainer #levelOne li a.activa {
								  
								  color:#CCC;
								  font-family: 'PRAXIS';
								  font-size:12px;
								  font-weight:200;
								  padding:0 0 2px 0px;
								  text-decoration:none;
								
			
			
								}
								
			#section {
					display:block;
					width:940px;
					margin:0 auto;
					min-height:540px;
					
					}			
					
			section.slider {
					position:relative;
					display:block;
					width:940px;
					margin:0 auto;
					height:339px;
					float:left;
					}
					
			section.contenido {
					position:relative;
					display:block;
					width:940px;
					margin:0 auto;
					margin-bottom:30px;
					/**min-height:540px;**/
					float:left;
					}
					
					
					section.contenido h1 {
						
						font-size:14px;
						color:#000;
						
					}
					section.contenido form {
					position:absolute;
					display:block;
					width:340px;
					
					
					
					}
					
					
					section.contenido #linea_roja{
					
					position:absolute;
					width:940px;
					margin-left:-625px;
					margin-top:0px;
					z-index:1;
					}
					
					
					section.contenido #linea_roja_llarg{
					background:url(../img/lineagris.png) repeat-x;
					position:absolute;
					width:100%;
					height:100%;
					margin-left:0px;
					margin-top:0px;
					z-index:1;
					}
					
					section.contenido #linea_roja_llarg_1{
					position:absolute;
					width:941px;
					margin-left:-0px;
					margin-top:0px;
					z-index:1;
					}
					
					section.contenido #cuadro_texto{
					
					
					position:relative;
					margin-left:50px;
					margin-top:40px;
					float:left;
					z-index:10;
					
					}
					
					section.contenido h2.texto1{
					
					position:absolute;
					margin-left:80px;
					margin-top:75px;
					font-family: 'PRAXIS';
					font-weight:200;
					z-index:99;
					
					}
					
					section.contenido h2.texto2{
					
					position:absolute;
					margin-left:80px;
					margin-top:105px;
					font-family: Verdana, Geneva, sans-serif;
					font-weight:200;
					z-index:99;
					
					}
					
					section.contenido h2.texto3{
					
					display:block;
					width:480px;
					position:absolute;
					margin-left:80px;
					margin-top:155px;
					font-family: Verdana, Geneva, sans-serif;
					font-size:11px;
					text-align:justify;
					line-height:18px;
					font-weight:200;
					z-index:99;
					
					}
					
						section.contenido h2.texto3a{
						
						display:block;
						width:480px;
						position:absolute;
						margin-left:80px;
						margin-top:285px;
						font-family: 'PRAXIS';
						font-size:13px;
						text-align:justify;
						line-height:18px;
						font-weight:200;
						z-index:99;
						
						}
						
						section.contenido h2.texto3b{
						
						display:block;
						width:480px;
						position:absolute;
						margin-left:80px;
						margin-top:370px;
						font-family: 'PRAXIS';
						font-size:13px;
						text-align:justify;
						line-height:18px;
						font-weight:200;
						z-index:99;
						
						}
						
						section.contenido h2.texto3c{
						
						display:block;
						width:480px;
						position:absolute;
						margin-left:80px;
						margin-top:440px;
						font-family: 'PRAXIS';
						font-size:13px;
						text-align:justify;
						line-height:18px;
						font-weight:200;
						z-index:99;
						
						}
						
						section.contenido h2.texto3d{
						
						display:block;
						width:480px;
						position:absolute;
						margin-left:80px;
						margin-top:530px;
						font-family: 'PRAXIS';
						font-size:13px;
						text-align:justify;
						line-height:18px;
						font-weight:200;
						z-index:99;
						
						}
						
						section.contenido h2.texto3e{
						
						display:block;
						width:480px;
						position:absolute;
						margin-left:80px;
						margin-top:645px;
						font-family: 'PRAXIS';
						font-size:13px;
						text-align:justify;
						line-height:18px;
						font-weight:200;
						z-index:99;
						
						}
						
						section.contenido h2.texto3f{
						
						display:block;
						width:480px;
						position:absolute;
						margin-left:80px;
						margin-top:770px;
						font-family: 'PRAXIS';
						font-size:13px;
						text-align:justify;
						line-height:18px;
						font-weight:200;
						z-index:99;
						
						}
						
						section.contenido h2.texto3g{
						
						display:block;
						width:480px;
						position:absolute;
						margin-left:80px;
						margin-top:990px;
						font-family: 'PRAXIS';
						font-size:13px;
						text-align:justify;
						line-height:18px;
						font-weight:200;
						z-index:99;
						
						}
					
					section.contenido h2.texto4{
					
					display:block;
					width:420px;
					position:absolute;
					margin-left:80px;
					margin-top:235px;
					font-family: 'PRAXIS';
					font-size:12px;
					text-align:justify;
					line-height:18px;
					font-weight:200;
					z-index:99;
					
					}
					
						section.contenido h2.texto4a{
						
						display:block;
						width:420px;
						position:absolute;
						margin-left:90px;
						margin-top:258px;
						font-family: 'PRAXIS';
						font-size:12px;
						line-height:18px;
						font-weight:200;
						z-index:99;
						
						}
						
						section.contenido h2.texto4b{
						
						display:block;
						width:420px;
						position:absolute;
						margin-left:90px;
						margin-top:275px;
						font-family: 'PRAXIS';
						font-size:12px;
						line-height:18px;
						font-weight:200;
						z-index:99;
						
						}
						
						section.contenido h2.texto4c{
						
						display:block;
						width:420px;
						position:absolute;
						margin-left:90px;
						margin-top:292px;
						font-family: 'PRAXIS';
						font-size:12px;
						line-height:18px;
						font-weight:200;
						z-index:99;
						
						}
						section.contenido h2.texto4d{
						
						display:block;
						width:420px;
						position:absolute;
						margin-left:90px;
						margin-top:309px;
						font-family: 'PRAXIS';
						font-size:12px;
						line-height:18px;
						font-weight:200;
						z-index:99;
						
						}
					
						section.contenido h2.texto4e{
						
						display:block;
						width:420px;
						position:absolute;
						margin-left:90px;
						margin-top:326px;
						font-family: 'PRAXIS';
						font-size:12px;
						line-height:18px;
						font-weight:200;
						z-index:99;
						
						}
						
						section.contenido h2.texto4f{
					
						display:block;
						width:420px;
						position:absolute;
						margin-left:80px;
						margin-top:255px;
						font-family: 'PRAXIS';
						font-size:12px;
						text-align:justify;
						line-height:18px;
						font-weight:200;
						z-index:99;
						
						}
						
						section.contenido h2.texto4g{
					
						display:block;
						width:420px;
						position:absolute;
						margin-left:80px;
						margin-top:320px;
						font-family: 'PRAXIS';
						font-size:12px;
						text-align:justify;
						line-height:18px;
						font-weight:200;
						z-index:99;
						
						}
					section.contenido h2.texto5{
					
					display:block;
					width:420px;
					position:absolute;
					margin-left:80px;
					margin-top:370px;
					font-family: 'PRAXIS';
					font-size:12px;
					text-align:justify;
					line-height:18px;
					font-weight:200;
					z-index:99;
					
					}
					
							section.contenido h2.texto5a{
							
							display:block;
							width:420px;
							position:absolute;
							margin-left:90px;
							margin-top:395px;
							font-family: 'PRAXIS';
							font-size:12px;
							line-height:18px;
							font-weight:200;
							z-index:99;
							
							}
							
							section.contenido h2.texto5b{
							
							display:block;
							width:420px;
							position:absolute;
							margin-left:90px;
							margin-top:412px;
							font-family: 'PRAXIS';
							font-size:12px;
							line-height:18px;
							font-weight:200;
							z-index:99;
							
							}
							
							section.contenido h2.texto5c{
							
							display:block;
							width:420px;
							position:absolute;
							margin-left:90px;
							margin-top:429px;
							font-family: 'PRAXIS';
							font-size:12px;
							line-height:18px;
							font-weight:200;
							z-index:99;
							
							}
							
							section.contenido h2.texto5d{
							
							display:block;
							width:420px;
							position:absolute;
							margin-left:80px;
							margin-top:345px;
							font-family: 'PRAXIS';
							font-size:12px;
							line-height:18px;
							font-weight:200;
							z-index:99;
							
							}
							
							section.contenido h2.texto5e{
							
							display:block;
							width:420px;
							position:absolute;
							margin-left:80px;
							margin-top:425px;
							font-family: 'PRAXIS';
							font-size:12px;
							line-height:18px;
							font-weight:200;
							z-index:99;
							
							}
							
							section.contenido h2.cataleg{
							
							display:block;
							width:220px;
							color:#FFFFFF;
							position:absolute;
							margin-left:510px;
							margin-top:483px;
							font-family: 'PRAXIS';
							font-size:12px;
							line-height:18px;
							font-weight:200;
							z-index:99;
							
							}
							
							section.contenido h2.cataleg_1{
							
							display:block;
							width:220px;
							color:#FFFFFF;
							position:absolute;
							margin-left:510px;
							margin-top:1167px;
							font-family: 'PRAXIS';
							font-size:12px;
							line-height:18px;
							font-weight:200;
							z-index:99;
							
							}
							
							section.contenido h2.cataleg_2{
							
							display:block;
							width:220px;
							color:#FFFFFF;
							position:absolute;
							margin-left:510px;
							margin-top:729px;
							font-family: 'PRAXIS';
							font-size:12px;
							line-height:18px;
							font-weight:200;
							z-index:99;
							
							}
			
					section.contenido aside {
						
							position:absolute;
							margin-left:700px;
							margin-top:35px;
							width:200px;
							height:440px;
							z-index:99;
							float:left;
							
							}
							
							section.contenido aside a:hover{
						
								opacity: 0.4;
								-moz-opacity: 0.4;
								-webkit-opacity: 0.4;
								filter:alpha(opacity=20);
							
								}
								
					section.contenido aside.llarg {
						
							position:absolute;
							margin-left:700px;
							margin-top:15px;
							
							width:200px;
							height:440px;
							z-index:99;
							float:left;
							
							}
							
							
							section.contenido aside.llarg .fb-like-box{
								
								width:203px;
								height:330px;
								margin-left:5px;
								margin-bottom:3px;
								background:#FFF;
								
								}
							
							
							section.contenido aside.llarg #noticias {
								
								background:url(../img/promocion2.png) ;
								width:210px;
								height:164px;
								margin-bottom:5px;
								
								
								
									}
									
									section.contenido aside.llarg #noticias #noticies_text{
								
										width:200px;
										height:154px;
										margin-left:10px;
										margin-top:5px;
										
										
								
									}
									
									
									section.contenido aside.llarg #noticias #noticies_text ul {
								
										width:200px;
							  			height:13px;
										
							  			
										
										
								
									}
									
									section.contenido aside.llarg #noticias #noticies_text li {
								
										display:inline-block;
							  			height:13px;
							  			list-style:none;
										color:#FFF;
										font-size:12px;
										
										
								
									}
									
							section.contenido aside.llarg_2 #noticias {
								
								background:url(../img/promocion2.png) ;
								width:210px;
								height:164px;
								margin-bottom:5px;
								
								
								
									}
									
									section.contenido aside.llarg_2 #noticias #noticies_text{
								
										width:200px;
										height:154px;
										margin-left:10px;
										margin-top:5px;
										
										
								
									}
									
									
									section.contenido aside.llarg_2 #noticias #noticies_text ul {
								
										width:200px;
							  			height:13px;
										
							  			
										
										
								
									}
									
									section.contenido aside.llarg_2 #noticias #noticies_text li {
								
										display:inline-block;
										width:200px;
							  			height:13px;
							  			list-style:none;
										color:#FFF;
										font-size:12px;
										
										
										
								
									}
									
							section.contenido aside.llarg_1 #noticias {
								
								background:url(../img/promocion2.png) ;
								width:210px;
								height:164px;
								margin-bottom:5px;
								
								
								
									}
									
									section.contenido aside.llarg_1 .fb-like-box{
								
										width:203px;
										height:330px;
										margin-left:5px;
										margin-bottom:3px;
										background:#FFF;
										
										}
									
									section.contenido aside.llarg_1 #noticias #noticies_text{
								
										width:200px;
										height:154px;
										margin-left:10px;
										margin-top:5px;
										
										
								
									}
									
									
									section.contenido aside.llarg_1 #noticias #noticies_text ul {
								
										width:200px;
							  			height:13px;
										
							  			
										
										
								
									}
									
									section.contenido aside.llarg_1 #noticias #noticies_text li {
								
										display:inline-block;
										width:200px;
							  			height:13px;
							  			list-style:none;
										color:#FFF;
										font-size:12px;
										
										
										
								
									}
							
							section.contenido aside.llarg #usuari {
								
								margin-top:-10px;
								margin-right:0px;
								margin-left:140px;
								
								
								}
								
								
								section.contenido aside.llarg #usuari a{
								
										text-decoration:none;
										color:#999;
										font-size:7px;
								
								
										}
								section.contenido aside.llarg #usuari h5{
								
										color:#FFF;
										font-size:7px;
										font-family:Verdana, Geneva, sans-serif;
								
								
										}
									
									
					section.contenido aside.llarg_1 {
						
							position:absolute;
							margin-left:700px;
							margin-top:-420px;
							width:200px;
							height:440px;
							z-index:99;
							float:left;
							
							}
							
							
							section.contenido aside.llarg a:hover{
						
								opacity: 0.4;
								-moz-opacity: 0.4;
								-webkit-opacity: 0.4;
								filter:alpha(opacity=20);
							
								}
							
					section.contenido aside.llarg_2 {
						
							position:absolute;
							margin-left:700px;
							margin-top:40px;
							width:200px;
							height:440px;
							z-index:99;
							float:left;
							
							}
							
							section.contenido aside.llarg_2 a:hover{
						
								opacity: 0.4;
								-moz-opacity: 0.4;
								-webkit-opacity: 0.4;
								filter:alpha(opacity=20);
							
								}
							
							section.contenido aside #texto {
								
									width:180px;
									float:left;
								
								
								
									}
							
							section.contenido aside #texto h2 {
								
									font-family: 'PRAXIS';
									font-weight:200;
									padding-left:0px;
								
								
									}
							
							section.contenido aside img.images {
								
									width:210px;
									height:165px;
									margin-bottom:5px;
								
									}
									
							section.contenido aside img.example-image0 {
								
									width:210px;
									height:165px;
									margin-bottom:5px;
								
									}
									
							section.contenido aside #gallery{
						
							
							padding-left:1px;
							z-index:99;
							
							}
							
					section.contenido  #galeria {
						
							
							position:relative;
							width:500px;
							min-height:300px;
							margin-top:100px;
							margin-left:85px;
							margin-bottom:60px;
							
							z-index:10;
						
							
						
						
							}
							
							section.contenido #galeria #gallery{
						
							position:absolute;
							width:490px;
							padding-left:1px;
							z-index:10;
							
							}
							
							
									
							section.contenido #galeria img.example-image0 {
								
									width:215px;
									height:165px;
									margin-bottom:30px;
									margin-left:20px;
									z-index:99;
									float:left;
								
									}
									
					section.contenido  #contacto {
						
							/*position:relative;
							background-color:#eae4e6;
							width:770px;
							border-radius:20px;
							min-height:500px;
							margin-top:100px;
							margin-left:85px;
							margin-bottom:60px;
							float:left;
							z-index:99;*/
							
							background-color:transparent;
							width:550px;
							border-radius:0px;
							min-height:500px;
							position:absolute;
							margin-left:80px;
							margin-top:60px;
							margin-bottom:100px;
							z-index:10;
						
						
						
							}
							
							section.contenido  #contacto li {
								
									display:inline-block;
									list-style:none;
									margin-top:0;
									margin-bottom:0;
									width:300px;
									height:30px;
								
									}
									
							section.contenido  #contacto #form {
								
									width:550px;
								
									}
							
							/**contacto formulario*/
							
							section.contenido  #contacto #direccion {
								
											width: 250px;
											height: 400px;
											margin-left:0px;
											margin-top:20px;
											float:left;
								
								
										}
										
										
										section.contenido  #contacto #direccion ul {
								
												
												width:250px;
												text-decoration:none;
												float:left;
								
								
										}
										section.contenido  #contacto #direccion li {
								
												display:inline-block;
												list-style:none;
												width:250px;
												text-decoration:none;
												margin-bottom:0px;
												margin-top:0px;
												height:15px;
												float:left;
								
								
										}
										
										section.contenido  #contacto #direccion li.primera {
								
												display:inline-block;
												list-style:none;
												width:250px;
												text-decoration:none;
												margin-bottom:0px;
												margin-top:95px;
												height:15px;
												float:left;
								
								
										}
										
										
										section.contenido  #contacto #direccion h3 {
								
												font-family: 'PRAXIS';
												font-size:12px;
												line-height:13px;
												font-weight:200;
												text-align:right;
												width:220px;
												
								
								
										}
										
										section.contenido  #contacto #direccion a {
								
												font-family: 'PRAXIS';
												font-size:12px;
												line-height:13px;
												font-weight:200;
												text-align:right;
												text-decoration:none;
												color:#000;
												width:220px;
												
								
								
										}
										
										section.contenido  #contacto #direccion #mapa {
											
											
												margin-top:30px;
												margin-left:20px;
												border-color:#FFF;
												border-width:10px;
											
											
											}
										
										
										
							section.contenido  #contacto	#form-wrapper
										{
											width: 400px;
											height: 400px;
											margin-left:20px;
											margin-top:20px;
											margin-right:0px;
											padding: 20px;    
											position: relative;
											border: 0px solid #ddd;
											float:left;
											background-color:transparent;
											/*background-image: -moz-repeating-linear-gradient(135deg,#844049,#844049,
																									#fff 50px, #fff 150px,
																									#3e4996 100px, #3e4996,
																									#fff 200px, #fff 300px);
										
											background-image: -webkit-gradient(linear, left top, right bottom,
																	   color-stop(5%, #fff), color-stop(5%, #fff),										
																	   color-stop(15%, #844049), color-stop(15%, #fff),
																	   color-stop(25%, #fff), color-stop(25%, #fff),										
																	   color-stop(35%, #3E4996), color-stop(35%, #fff ),
																	   color-stop(45%, #fff), color-stop(45%, #fff),										
																	   color-stop(55%, #844049), color-stop(55%, #fff),
																	   color-stop(65%, #fff), color-stop(65%, #fff),										
																	   color-stop(75%, #3E4996), color-stop(75%, #fff ),
																	   color-stop(85%, #fff), color-stop(85%, #fff),
																		   color-stop(95%, #844049), color-stop(95%, #fff));	  
										
											background-image: -webkit-repeating-linear-gradient(135deg,#844049,#844049,
																									#fff 50px, #fff 150px,
																									#3e4996 100px, #3e4996,
																									#fff 200px, #fff 300px);   
										 
											background-image: -o-repeating-linear-gradient(135deg,#844049,#844049,
																									#fff 50px, #fff 150px,
																									#3e4996 100px, #3e4996,
																									#fff 200px, #fff 300px); 
											
											background-image: -ms-repeating-linear-gradient(135deg,#844049,#844049,
																									#fff 50px, #fff 150px,
																									#3e4996 100px, #3e4996,
																									#fff 200px, #fff 300px);
											
											background-image: repeating-linear-gradient(135deg,#844049,#844049,
																									#fff 50px, #fff 150px,
																									#3e4996 100px, #3e4996,
																									#fff 200px, #fff 300px);     
										}
										
										section.contenido  #contacto #form-wrapper:before, #form-wrapper:after
										{
											z-index: -1;
											position: absolute;
											content: "";
											bottom: 15px;
											left: 10px;
											width: 50%;
											top: 80%;
											max-width:300px;
											background: rgba(0, 0, 0, 0.7);
											-webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7);
											-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
											box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
											-webkit-transform: rotate(-3deg);
											-moz-transform: rotate(-3deg);
											-o-transform: rotate(-3deg);
											-ms-transform: rotate(-3deg);
											transform: rotate(-3deg);
										}
										
										section.contenido  #contacto #form-wrapper:after
										{
											-webkit-transform: rotate(3deg);
											-moz-transform: rotate(3deg);
											-o-transform: rotate(3deg);
											-ms-transform: rotate(3deg);
											transform: rotate(3deg);
											right: 10px;
											left: auto;
										*/
										}
										
										
												
										section.contenido  #contacto	#form-wrapper label {
										
										
												font-family: Verdana, Geneva, sans-serif;
												font-size:9px;
												line-height:18px;
												font-weight:200;
												width:100px;
												
												float:left;
												}
										section.contenido  #contacto	#form-wrapper input.input {
										
										
												margin-top:0px;
												margin-bottom:5px;
												width:270px;
												}
												
										section.contenido  #contacto	#form-wrapper textarea.textarea {
										
										
												margin-top:5px;
												margin-bottom:5px;
												width:370px;
												height:50px;
												background:#EDF2F4;
												
												}
												
												section.contenido  #contacto	#form-wrapper #name {
											
												font-family: 'PRAXIS';
												font-size:10px;
												line-height:12px;
												font-weight:200;
												margin-right:10px;
												
												background:#EDF2F4;
												}
												
												section.contenido  #contacto	#form-wrapper #apellidos {
											
												font-family: 'PRAXIS';
												font-size:10px;
												line-height:12px;
												font-weight:200;
												margin-right:10px;
												background:#EDF2F4;
												}
												
												section.contenido  #contacto	#form-wrapper #empresa {
											
												font-family: 'PRAXIS';
												font-size:10px;
												line-height:12px;
												font-weight:200;
												margin-right:10px;
												background:#EDF2F4;
												}
												
												section.contenido  #contacto	#form-wrapper #email {
											
												font-family: 'PRAXIS';
												font-size:10px;
												line-height:12px;
												font-weight:200;
												margin-right:10px;
												background:#EDF2F4;
												}
												
												
												section.contenido  #contacto	#form-wrapper #telf {
											
												font-family: 'PRAXIS';
												font-size:10px;
												line-height:12px;
												font-weight:200;
												margin-right:10px;
												background:#EDF2F4;
												}
										
										section.contenido  #contacto #form-wrapper .button
												{
													float: left;
													margin: 10px 25px 0 125px;
													padding: 7px 15px;
													cursor: pointer;   
													color: #fff;
													font: bold 13px Tahoma, Verdana, Arial;
													text-transform: uppercase;
													overflow: visible; /* IE6/7 fix */
													border: 0;  
												   
													background-color:#a20835; /*#7089b3;*/
													background-image: -moz-linear-gradient(#a5b8da, :#a20835;);
													background-image: -webkit-gradient(linear, left top, left bottom, from(#a5b8da), to(:#a20835;));    
													background-image: -webkit-linear-gradient(#a5b8da, :#a20835;);
													background-image: -o-linear-gradient(#a5b8da, :#a20835;);
													background-image: -ms-linear-gradient(#a5b8da, :#a20835;);
													background-image: linear-gradient(#a5b8da, :#a20835;);
													filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#a5b8da', EndColorStr=':#a20835;');     
												
													-moz-border-radius: 3px;
													-webkit-border-radius: 3px;
													border-radius: 3px;
													
													text-shadow: 0 1px 0 rgba(0,0,0,.3);
													
													-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 3px 0 rgba(0, 0, 0, 0.7);
													-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 3px 0 rgba(0, 0, 0, 0.7);
													box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 3px 0 rgba(0, 0, 0, 0.7);
												}
												
												section.contenido  #contacto #form-wrapper .button:hover
												{
													background-color:#f392ae; /*#a5b8da;*/
													background-image: -moz-linear-gradient(#e9a4b8 /*#7089b3*/, #f392ae);
													background-image: -webkit-gradient(linear, left top, left bottom, from(#e9a4b8), to(#f392ae));      
													background-image: -webkit-linear-gradient(#e9a4b8, #f392ae);
													background-image: -o-linear-gradient(#e9a4b8, #f392ae);
													background-image: -ms-linear-gradient(#e9a4b8, #f392ae);
													background-image: linear-gradient(#e9a4b8, #f392ae);
													filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e9a4b8', EndColorStr='#f392ae');     
												}
												
												section.contenido  #contacto #form-wrapper .button:active
												{
													background: #64799e;
													position: relative;
													top: 2px;
													
													-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.7) inset;
													-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.7) inset;
													box-shadow: 0 0 3px rgba(0, 0, 0, 0.7) inset; 
												}
							
							
							/*fin contacto formulario*/
									
					section.catalogos {
						
							
							width:945px;
							height:110px;
							float:left;
							
							}
							
							section.catalogos #catalogo2012{
								
									margin-top:0px;
									margin-left:80px;
							
								}
							section.catalogos #catalogo2013{
								
									margin-top:0px;
									margin-left:80px;
							
								}
								
					section.catalogos1 {
						
							
							width:945px;
							height:110px;
							margin-top:500px;
							float:left;
							
							}
							
							section.catalogos1 #catalogo2012{
								
									margin-top:0px;
									margin-left:80px;
							
								}
							section.catalogos1 #catalogo2013{
								
									margin-top:0px;
									margin-left:40px;
							
								}
								
					section.catalogos2 {
						
							
							width:945px;
							height:110px;
							margin-top:700px;
							float:left;
							
							}
							
							section.catalogos2 #catalogo2012{
								
									margin-top:0px;
									margin-left:80px;
							
								}
							section.catalogos2 #catalogo2013{
								
									margin-top:0px;
									margin-left:40px;
							
								}
								
								
					section.catalogos3 {
						
							
							width:945px;
							height:110px;
							margin-top:850px;
							float:left;
							
							}
							
							section.catalogos3 #catalogo2012{
								
									margin-top:0px;
									margin-left:80px;
							
								}
							section.catalogos3 #catalogo2013{
								
									margin-top:0px;
									margin-left:40px;
							
								}
								
			
			
			
			section.contenido #linea1 {
				
					position:absolute;
					margin-left:80px;
					margin-top:200px;
					width:450px;
					height:25px;
					z-index:99;
				
					}
			
			section.contenido #linea1 #nombreFoto1{
					position:absolute;
					margin-left:0px;
					margin-top:0px;
					width:150px;
					height:25px;
					z-index:99;
					
					}
					
					section.contenido #linea1 #nombreFoto1 h3 {
							display:block;
							width:200px;
							position:absolute;
							margin-left:0px;
							margin-top:10px;
							font-family: 'PRAXIS';
							font-size:11px;
							line-height:18px;
							font-weight:200;
							z-index:99;
					
							}
							
					section.contenido #linea1 img.imagen1 {
						
							position:absolute;
							margin-left:8px;
							margin-top:55px;
							
							}
					
			section.contenido #linea1 #nombreFoto2{
					position:absolute;
					margin-left:220px;
					margin-top:0px;
					width:150px;
					height:25px;
					z-index:99;
					
					}
					
					section.contenido #linea1 #nombreFoto2 h3 {
							display:block;
							width:200px;
							position:absolute;
							margin-left:0px;
							margin-top:10px;
							font-family: 'PRAXIS';
							font-size:11px;
							line-height:18px;
							font-weight:200;
							z-index:99;
					
							}
							
					section.contenido #linea1 img.imagen2 {
						
							position:absolute;
							
							margin-top:55px;
							margin-left:235px;
							
							}
							
			section.contenido #linea2 {
				
					position:absolute;
					margin-left:80px;
					margin-top:380px;
					width:450px;
					height:25px;
					z-index:99;
				
					}
					
					section.contenido #linea2 #nombreFoto1{
					position:absolute;
					margin-left:0px;
					margin-top:0px;
					width:150px;
					height:25px;
					z-index:99;
					
					}
					
					section.contenido #linea2 #nombreFoto1 h3 {
							display:block;
							width:200px;
							position:absolute;
							margin-left:0px;
							margin-top:10px;
							font-family: 'PRAXIS';
							font-size:11px;
							line-height:18px;
							font-weight:200;
							z-index:99;
					
							}
							
					section.contenido #linea2 img.imagen1 {
						
							position:absolute;
							margin-left:8px;
							margin-top:55px;
							
							}
					
			section.contenido #linea2 #nombreFoto2{
					position:absolute;
					margin-left:220px;
					margin-top:0px;
					width:150px;
					height:25px;
					z-index:99;
					
					}
					
					section.contenido #linea2 #nombreFoto2 h3 {
							display:block;
							width:200px;
							position:absolute;
							margin-left:0px;
							margin-top:10px;
							font-family: 'PRAXIS';
							font-size:11px;
							line-height:18px;
							font-weight:200;
							z-index:99;
					
							}
							
					section.contenido #linea2 img.imagen2 {
						
							position:absolute;
							
							margin-top:55px;
							margin-left:235px;
							
							}
							
			section.contenido #linea3 {
				
					position:absolute;
					margin-left:80px;
					margin-top:580px;
					width:450px;
					height:25px;
					z-index:99;
				
					}
					
					section.contenido #linea3 #nombreFoto1{
					position:absolute;
					margin-left:0px;
					margin-top:0px;
					width:150px;
					height:25px;
					z-index:99;
					
					}
					
					section.contenido #linea3 #nombreFoto1 h3 {
							display:block;
							width:200px;
							position:absolute;
							margin-left:0px;
							margin-top:10px;
							font-family: 'PRAXIS';
							font-size:11px;
							line-height:18px;
							font-weight:200;
							z-index:99;
					
							}
							
					section.contenido #linea3 img.imagen1 {
						
							position:absolute;
							margin-left:8px;
							margin-top:55px;
							
							}
					
			section.contenido #linea3 #nombreFoto2{
					position:absolute;
					margin-left:220px;
					margin-top:0px;
					width:150px;
					height:25px;
					z-index:99;
					
					}
					
					section.contenido #linea3 #nombreFoto2 h3 {
							display:block;
							width:200px;
							position:absolute;
							margin-left:0px;
							margin-top:10px;
							font-family: 'PRAXIS';
							font-size:11px;
							line-height:18px;
							font-weight:200;
							z-index:99;
					
							}
							
					section.contenido #linea3 img.imagen2 {
						
							position:absolute;
							
							margin-top:55px;
							margin-left:235px;
							
							}
							
			section.contenido #linea4 {
				
					position:absolute;
					margin-left:80px;
					margin-top:780px;
					width:450px;
					height:25px;
					z-index:99;
				
					}
					
					section.contenido #linea4 #nombreFoto1{
					position:absolute;
					margin-left:0px;
					margin-top:0px;
					width:150px;
					height:25px;
					z-index:99;
					
					}
					
					section.contenido #linea4 #nombreFoto1 h3 {
							display:block;
							width:200px;
							position:absolute;
							margin-left:0px;
							margin-top:10px;
							font-family: 'PRAXIS';
							font-size:11px;
							line-height:18px;
							font-weight:200;
							z-index:99;
					
							}
							
					section.contenido #linea4 img.imagen1 {
						
							position:absolute;
							margin-left:30px;
							margin-top:55px;
							
							}
					
			section.contenido #linea4 #nombreFoto2{
					position:absolute;
					margin-left:220px;
					margin-top:0px;
					width:150px;
					height:25px;
					z-index:99;
					
					}
					
					section.contenido #linea4 #nombreFoto2 h3 {
							display:block;
							width:200px;
							position:absolute;
							margin-left:0px;
							margin-top:10px;
							font-family: 'PRAXIS';
							font-size:11px;
							line-height:18px;
							font-weight:200;
							z-index:99;
					
							}
							
					section.contenido #linea4 img.imagen2 {
						
							position:absolute;
							
							margin-top:55px;
							margin-left:235px;
							
							}
							
			section.contenido #linea5 {
				
					position:absolute;
					margin-left:80px;
					margin-top:980px;
					width:450px;
					height:25px;
					z-index:99;
				
					}
					
					section.contenido #linea4 #nombreFoto3{
					position:absolute;
					margin-left:0px;
					margin-top:0px;
					width:250px;
					height:25px;
					z-index:99;
					
					}
					
					section.contenido #linea4 #nombreFoto3 h3 {
							display:block;
							width:250px;
							position:absolute;
							margin-left:100px;
							margin-top:10px;
							font-family: 'PRAXIS';
							font-size:11px;
							line-height:18px;
							font-weight:200;
							z-index:99;
					
							}
							
					section.contenido #linea4 img.imagen3 {
						
							position:absolute;
							margin-left:15px;
							margin-top:55px;
							
							}
					
			
			
			footer {
					
					background-image:url(../img/fondopie.png);
					width:100%;
					height:125px;
					float:left;
					
					}
					
					footer #peu{
					pasition:relative;
					margin:0 auto;
					width:945px;
					height:125px;
					
					
					}
					
					footer #peu .andoll{
						
						float:left;
						margin-left:20%;
						margin-top:60px;
						
						
						}
					footer #peu h3 {
						
						font-family:Verdana, Geneva, sans-serif;
						font-size:14px;
						
						
						}
					
					footer #peu h3.texto_pie{
						
						display:block;
						width:540px;
						height:30px;
						font-family:Verdana, Geneva, sans-serif;
						font-size:12px;
						line-height:18px;
						font-weight:200;
						color:#FFF;
						margin-left:20px;
						margin-top:60px;
						float:left;
						}
						
						
						
						footer #peu a {
							
							font-family: 'PRAXIS';
							text-decoration:none;
							color:#FFFFFF;

							}
							
						footer #peu #xarxes_pie {
							
								margin-top:45px;
								
								
							}
							
							footer #peu #xarxes_pie a:hover {
							
								opacity: 0.4;
								-moz-opacity: 0.4;
								-webkit-opacity: 0.4;
								filter:alpha(opacity=20);
								
								}









/* ==========================================================================
   Helper classes
   ========================================================================== */
.color {
	
	color:#a11235;
	
	}
/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}