*{
	margin:0 auto;
	padding:0;
	outline:0;
}

body{
	background-color:#eaeaea;
}


/*----------------------------------FUENTES--------------------------------------------*/

@font-face {
    font-family: 'HNC';
    src: url('fonts/helveticaneuecond-webfont.eot');
    src: url('fonts/helveticaneuecond-webfont#iefix') format('embedded-opentype'),
         url('fonts/helveticaneuecond-webfont.woff') format('woff'),
         url('fonts/helveticaneuecond-webfont.ttf') format('truetype'),
         url('fonts/helveticaneuecond-webfont.svg#HNC') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto-regular-webfont.eot');
    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-regular-webfont.woff') format('woff'),
         url('fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*----------------------------------GENERAL--------------------------------------------


*/

#cuadro{width:960px; background-color:#fbfbfb; box-shadow:1px 1px 10px #cfcfcf; padding-bottom: 1em;}

body{ 
	margin-top: 1.1em; margin-bottom: 1.1em;
}

/*----------------------------------HEADER--------------------------------------------*/



img[alt="logotipo"]{margin-left: 1.5em;/*equivalen a unos 10px*/width:230px; margin-top: 1.5em;}

header span{margin-right: 1.5em;float:right; margin-top: 4.2em; font-family:"robotoregular"; 
font-size:0.9em; color:#1C2F5A;}

header span a{text-decoration:none; color:#1C2F5A;}

img[alt="correo"]{width:18px; margin-right: 0.7em;}
img[alt="tel"]{width:18px; margin-right: 0.7em; margin-top: 0.2em;}
img[alt="ubicacion"]{width:18px; margin-right: 0.7em; margin-top: 0.2em;}

/*----------------------------------NAV--------------------------------------------*/


/*Nav a 960px, para que se adapte a la mayoria de tablets*/
nav{max-width: 920px; margin: 1.5em auto 1em; background-color:#1C2F5A; padding-top:5px; padding-bottom:5px; 
	/*border-bottom: solid #e30513 5px; */}



			#menu li{
				display: inline;
				
				 
				font-family: "HNC";
				letter-spacing:0.1em;
				text-transform: uppercase;
				
				}

			.activo{
				text-decoration: none;
				color: white;
				opacity: 1;
				padding:5px;
				border-bottom: solid #e30513 0px;
				background-color: #e30513;
				padding-right: 1em; 
				padding-left: 1em; 
				font-size: 1.1em;

				}

			.desactivo{
				text-decoration: none;
				color: #BAC7DD;
  				font-size: 1.1em;
  				padding-right: 1em; 
				padding-left: 1em; 

				}

			.activo_idioma{
				text-decoration: none;
				color: white;
				opacity: 1;
				padding-right: 1em;
				font-size: 0.9em;
				cursor:pointer;
				}

			.desactivo_idioma{
				text-decoration: none;
				color: #BAC7DD;
				cursor:pointer;
				font-size: 0.9em;
				padding-right: 1em;
				}

		

			.desactivo_idioma:hover{color: white;}
			.desactivo:hover{color: white;}
 			.der{float:right;margin-top:2px;}	

/*----------------------------------INICIO--------------------------------------------*/

#inicio{font-family:"robotoregular"; text-align: justify; margin-top: 2em; margin-left: 1.5em;
margin-right: 1.5em; font-size:0.9em; max-width:920px; margin-bottom:2em; color: #1C2F5A;}

#inicio h1{font-size:1.7em; text-align: justify; margin-bottom:0.7em;
 font-family:"HNC"; letter-spacing:0.05em; color: #1C2F5A;}
#inicio h2{font-size:1.3em; text-align: justify; margin-bottom:0.7em;
 font-family:"HNC"; letter-spacing:0.05em;}

#servicios li{font-family:"robotoregular"; margin-left: 5em;
margin-right: 5em; font-size:0.9em; max-width:920px; margin-bottom:0.1em; color: #1C2F5A;}

#facebook{margin-left: 1.5em; margin-bottom:3em; width: 920px;}

#facebook h1{font-size:1.3em; margin-bottom:0.5em;
 font-family:"HNC"; letter-spacing:0.05em; color:#1C2F5A;}
.b{color:#e30513;}

#trabajos {list-style-type:none; float: right; margin-top:0.5em;}

#trabajos li a{ cursor:pointer;  text-decoration:none;}
#trabajos li a:hover{color:#e30513; cursor:pointer;}
.normal{color: #1C2F5A;}
.rojo{color:#e30513;}

#formulario{font-family:"robotoregular"; margin-top: 2em; margin-left: 1.5em;
font-size:0.9em; max-width:450px; margin-bottom:2em;color: #1C2F5A;}

#direccion{font-family:"robotoregular"; margin-right: 1.5em;
 font-size:0.9em; max-width:550px; margin-bottom:2em; float:right;color: #1C2F5A;}

#googlemaps{ width:550px; height:200px;}

/*----------------------------------TRABAJOS--------------------------------------------*/

.esp{display:none;}
.cat{display:block;}


/*----------------------------------FOOTER--------------------------------------------*/


		footer p{ 
			text-decoration: none;
			color: #1C2F5A;
			font-size: 0.7em;
			margin-top: 2em;	
			padding-top: 1em;
			font-family:"robotoregular";
			border-top: solid #1C2F5A 1.5px; max-width: 920px;
			text-align:center;
		}

		footer p a{ 
			text-decoration: none;
			color: gray;
		}


.limpiar{
	clear:both;
}



			
/*----------------------------------SLIDER--------------------------------------------*/
/*slider 1*/


		

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
.bjqs li a img{width:920px;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:0;position:absolute;bottom:0;}



/*slider 2*/
div.jMyCarousel{max-width:920px; margin-bottom:2em;}
 


div.jMyCarousel ul li{
	
	line-height:0px;
	margin-left:0.5em;
}

/*slider 3*/
 .pikachoose {width: 730px; margin-left: 1.5em;font-family:"HNC"; text-align:center;}
 

.pika-stage {position: relative; width: 730px; height:450px; }

	.pika-stage .pika-aniwrap, .pika-stage .main-image {position: absolute; top: 0; left: 0;}
	.pika-stage .pika-aniwrap{width:100%;}
	.pika-stage .pika-ani {position:relative;display: none;z-index:2;margin:0 auto;}
	.pika-stage img {border:0;height:100%;}


/* Style the thumbnails */
.pika-thumbs{ height: 100px; }
	.pika-thumbs li{ width: 150px; list-style-type: none;  cursor: pointer; margin: 0;}
	.pika-thumbs li .clip {position:relative; padding-top:0.5em;
	 padding-right: 0.5em; padding-left: 0.5em;} 
	
/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-textnav {width: 730px;}


.pika-stage .caption {position: absolute; background: #000; background: rgba(0,0,0,0.4);
	font-size: 12pt; color: white; padding-top: 10px; padding-bottom: 10px;
	text-transform: uppercase; letter-spacing: 0.1em;text-align: center; bottom: 0px; right: 0px; width:730px; }
	.pika-stage .caption p {}

/* Ths play, pause, prev and next buttons */
.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
	.pika-imgnav a.previous {display:none;}
	.pika-imgnav a.next {display:none;}
	.pika-imgnav a.play {display:none;}
	.pika-imgnav a.pause {display:none;}

/* The previous and next textual buttons */
.pika-textnav {position:absolute; bottom: -4.8em;}
.pika-textnav a {text-decoration: none; padding: 20px; text-align: center; margin-right: 7px; margin-left: 7px;}
	.pika-textnav a.previous { float: left;background: url(prev.png) no-repeat left 45%; height: 100%; top: 10px; left: 10px;cursor:pointer; opacity:0.4;}
	.pika-textnav a.next {float: right;background: url(next.png) no-repeat right 45%; height: 100%;  top: 10px; right: 10px;cursor:pointer; opacity:0.4;}
	.pika-textnav a.previous:hover {opacity:1;}
	.pika-textnav a.next:hover {opacity:1;}

/*for the tool tips*/
.pika-tooltip{position:absolute;color:white; padding:3px; background-color: rgba(0,0,0,0.5);}
.pika-counter{display:none;}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader{ background:url(loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; 
	text-align:right; position:absolute; top:15px; right:15px; }

.jcarousel-skin-pika .jcarousel-container-horizontal {padding-top: 0.5em; overflow:hidden; width: 600px; margin: 0 auto;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 90px; }
.jcarousel-skin-pika .jcarousel-item-horizontal {}

.vertical {margin-left: 1.5em;float:left;margin-bottom:0.8em;}
.vertical2 {margin-left: 1em;float:left; margin-bottom:0.8em;}



/*----------------------------------ACERCA DE--------------------------------------------*/

/*-----------------formulario-----------------*/

		

		#mailincorrecto, #nombreincorrecto, #telincorrecto, #comentarioincorrecto, 
		#formatomailincorrecto, #formatotelincorrecto{
		
		display:none;
		}
		#formulario {margin-bottom:2em;}
		#formulario p{color: #e30513; font-size: 0.8em;}

		#formulario textarea{
		
		font-size: 0.9em;
		min-width:300px;
		max-width:300px;
		min-height:6em;
		max-height:6em;
		font-family:"robotoregular";
		}

		

		#mailcliente, #tel, #nombre{
			width: 300px;
			font-size: 0.9em;
		}

		
		input[type="submit"]{
		
			background-color: #1C2F5A;
			color: white;
			padding-right: 1em;
			
			padding-left: 1em;
			padding-top: 0.2em;
			padding-bottom: 0.2em;
			border-width: 0px;
			font-size: 1em;
		
			
			cursor:pointer;
		}

		input[type="submit"]:hover{background-color:#e30513;}


	/*.alinear{
	display: flex;
	align-content: center;
}*/







/*----------------------------------MEDIA QUERIES--------------------------------------------*/

/*---------------------------------- = o - de 959px --------------------------------------------*/

@media only screen and (min-width: 740px) and (max-width: 959px){

/*ANCHO 740*/

/*HEADER*/

#cuadro{width:740px;}
nav{max-width: 700px;}
#inicio h1{text-align: left;}
#inicio{margin-top: 0.8em;}
.bjqs li a img{width:700px;}
ul.bjqs{text-align:center;}

div.jMyCarousel{max-width:700px;}
footer p{max-width: 700px;}

#facebook{width: 700px;}

#servicios{margin-bottom:1.3em;}

.pikachoose {width: 510px;}
.pika-stage {width: 510px; height:315px; }
.pika-textnav {width: 510px;}

.jcarousel-skin-pika .jcarousel-container-horizontal {width: 350px;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 70px; }

.pika-thumbs{ height: 66px; }
	.pika-thumbs li{ width: 120px;}

.pika-textnav {position:absolute; bottom: -3.8em;}
.pika-textnav a { margin-right: 0px; margin-left: 0px;}
	.pika-textnav a.previous {float: left;background: url(prev.png) no-repeat left 45%; top: 10px; left: 10px;}
	.pika-textnav a.next {float: right;background: url(next.png) no-repeat right 35%; top: 10px; right: 10px;}
.pika-stage .caption {width:510px; }

#formulario{max-width:450px;}

#direccion{max-width:350px;}

#googlemaps{ width:350px; height:200px;}
}

/*---------------------------------- = o - de 739px --------------------------------------------*/

@media only screen and (min-width: 480px) and (max-width: 739px){

/*ANCHO 480*/
#cuadro{width:480px;}
nav{max-width: 440px;margin: 1.2em auto 1em;}
#inicio{margin-top: 0.5em;}
#inicio h1{text-align: left;}
.bjqs li a img{width:440px;}
ul.bjqs{text-align:center;}
img[alt="logotipo"]{margin-left: 1.5em;/*equivalen a unos 10px*/width:200px; margin-top: 2em;}
#facebook{width: 440px;}
.desactivo{padding-right: 0.1em; padding-left: 0.3em;}

.desactivo_idioma{padding-right: 0.6em;}
.activo{
padding-right: 0.5em; padding-left: 0.5em;}

#servicios li{margin-left: 2em; margin-right: 2em; font-size:0.9em; max-width:920px; margin-bottom:0.1em;}
#servicios{margin-bottom:1em;}
div.jMyCarousel{max-width:440px;}
footer p{max-width: 440px;}



.pikachoose {width: 440px; margin-bottom:1em; margin-top:1.5em; clear:both;}
.pika-stage {width: 440px; height:272px; }
.pika-textnav {width: 440px;}

.jcarousel-skin-pika .jcarousel-container-horizontal {width: 350px;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 70px; }

.pika-thumbs{ height: 66px; }
	.pika-thumbs li{ width: 120px;}

.pika-textnav {position:absolute; bottom: -3.8em;}
.pika-textnav a { margin-right: 0px; margin-left: 0px;}
	.pika-textnav a.previous {float: left;background: url(prev.png) no-repeat left 45%; top: 10px; left: 10px;}
	.pika-textnav a.next {float: right;background: url(next.png) no-repeat right 35%; top: 10px; right: 10px;}
.pika-stage .caption {width:440px; }


#trabajos li{float: none; display: inline;}
#trabajos {margin-bottom:2em;}




#formulario{max-width:450px; margin-top:25em;}

#direccion{max-width:350px; float:left; margin-left:1.5em;}

#googlemaps{ width:400px; height:200px;}

}
/*---------------------------------- = o - de 479px --------------------------------------------*/

@media only screen and (max-width: 480px){

/*ANCHO 320*/
#cuadro{width:320px;}
img[alt="logotipo"]{margin-left: 1.5em;/*equivalen a unos 10px*/width:200px; margin-top: 2em;}
nav{max-width: 300px;margin: 1em auto 1em; padding-top:5px; padding-bottom:5px; }
.activo{padding:5px;font-size:0.95em;padding-right: 0.3em; padding-left: 0.3em; }
.desactivo{padding-right: 0.1em; padding-left: 0.1em;font-size:0.95em;}
.activo_idioma{padding-right: 0em;font-size: 0.9em;color:#e30513;}
.desactivo_idioma{padding-right: 2em; color:#1C2F5A;}
.der{float:right;margin-top:-3em;}	
.desactivo_idioma:hover{color: #1C2F5A;}

#servicios li{margin-left: 1.8em; margin-right: 1em; font-size:0.9em; max-width:920px; margin-bottom:0.1em;}
#servicios{margin-bottom:0.9em;}

#inicio{margin-top: 0.5em;text-align: left;margin-left: 0.9em;
margin-right: 0.9em;}
#inicio h1{text-align: left;}
.bjqs li a img{width:300px;}
ul.bjqs{text-align:center;}
img[alt="logotipo"]{text-align:center;/*equivalen a unos 10px*/width:210px; margin-top: 1.5em;margin-left: 2.5em;}
header span{display:none;}
div.jMyCarousel{max-width:300px;}
footer p{max-width: 300px;}
#facebook{width: 295px;margin-left: 0.9em;
margin-right: 0.9em;}


.pikachoose {width: 300px; margin-bottom:1em; margin-top:1em; clear:both; margin-left:0.5em;}
.pika-stage {width: 300px; height:181px; }
.pika-textnav {width: 300px;}

.jcarousel-skin-pika .jcarousel-container-horizontal {width: 300px;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 70px; }

.pika-thumbs{ height: 66px; }
	.pika-thumbs li{ width: 100px;}

.pika-textnav {position:absolute; bottom: -3.8em; display:none;}
.pika-textnav a { margin-right: 0px; margin-left: 0px;}
	.pika-textnav a.previous {float: left;background: url(prev.png) no-repeat left 45%; top: 10px; left: 10px;}
	.pika-textnav a.next {float: right;background: url(next.png) no-repeat right 35%; top: 10px; right: 10px;}
.pika-stage .caption {width:300px; }


#trabajos li{float: none; display: inline;}
#trabajos {margin-bottom:2em;}


#formulario{max-width:300px; margin-top:25em; margin-left:1em; }
#formulario textarea{
		min-width:290px;
		max-width:290px;
		}

	

		#mail, #tel, #nombre{
			width: 290px;
			font-size: 0.9em;
		}

#direccion{max-width:300px; float:left; margin-left:1em;margin-top:0em;}

#googlemaps{ width:290px; height:200px;}
}