@charset "utf-8";

/* RESET */
	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, 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,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 21px;
		/*line-height: 12px;*/
		line-height: auto;
		color: #9D9C9C;
		vertical-align: baseline;
		font-family: 'open_sanslight', Arial, Helvetica, sans-serif;
	}
	ul, ul li{list-style: none;}
	a{text-decoration: none;}
	body{background: #fff;}

/* CLASES */
	/* open_sanslight open_sanssemibold open_sansbold */
	.mob{display: block !important;}
	.nomob{display: none !important;}
	.c{clear: both;}

	#page_effect{
	  position: fixed;
	  z-index: 99999;
	  background: #fff;
	  width: 100%;
	  height: 100%;
	  top: 0;
	  left: 0;
	}

	h1,h2,h3{text-transform: uppercase;}
	
	h1{ font-size: 60px; }
	h1.small{ font-size: 48px; }
	.actividad h1{
		letter-spacing: 2px;
	}
	.actividad footer{
		display: none;
	}
	.actividad .conte.notop, .actividad .bloque.notop{
		margin: 0 auto;
	}
	.actividad .bloque.notop{
		padding: 40px 0;
	}
	.actividad .bloque.m40{
		margin: 40px auto
	}
	.home h1{
		font-size: 92px;font-family: 'open_sansbold', Helvetica, Arial, sans-serif;
		line-height: 80px;
	}
	
	h2{
		font-family: 'open_sanssemibold', Helvetica, Arial, sans-serif;
		letter-spacing: 1px;
		/*font-size: 21px;*/
	}
	.home h2{font-size: 40px;font-family: 'open_sanslight', Arial, Helvetica, sans-serif;}
	
	h3{
		font-family: 'open_sansbold', Helvetica, Arial, sans-serif;
		/*font-size: 21px;*/
	}
	
	p{

	}
	.home p{ font-size: 27px; }
	
	a{color:#C00D0D; font-size: 12px; text-transform: uppercase; }
	a.nored{color: inherit; font: inherit; text-transform: inherit;}

	.white{color:#fff}
	.gris{color:#9D9C9C}
	.bggris{background-color:#9D9C9C}
	.bgwhite{background-color:#fff}
	.red{color:#C00D0D}
	.bgred{background-color:#C00D0D}

	/* actividad */
	.actividad .proje{font-size: 18px;}
	/* fancy */
	.fancy *{color: #666;}
	.fancy .tit{ font-size: 18px; }
	.fancy p{ font-size: 14px; }

	body.proyecto{
		background: #ececec;
	}
	.proyecto .bloque{
		margin: 0;
		width: 100%;
		max-width: 900px;
	}
	.proyecto .bloque img{
		width: 100%;
		height: auto;
	}
	.proyecto p.tit{
		font-size: 18px;
		margin-bottom: 8px;
	}
	.proyecto .data{
		padding: 10px 30px;
	}
	.proyecto p{
		font-size: 14px;
		margin-bottom: 10px;
	}
	.proyecto .right{
		text-align: right;
	}
	.proyecto a{
		margin-bottom: 20px;
	}

	/* contacto */
	/*.contacto p, label{font-size: 21px;}*/

	.sep{
		height: 1px;
		width: 70%;
		display: block;
		margin: 5px 0 10px 0
	}
	.col .sep{
		width: 100%
	}

	/* bgs */
	.bg{
		position: fixed;
		width: 100%;
		height: 100%;
		z-index: 1;
		display: block;
		top: 0;
		left: 0
	}
	.home .bg{
		background: url(../images/bg/home.jpg) no-repeat center center;
		background-size: cover;
		-moz-background-size: cover;
	}
	.equipo .bg{
		background: url(../images/bg/equipo.jpg) no-repeat center center;
		background-size: cover;
		-moz-background-size: cover;
	}
	.actividad .bg{
		background: url(../images/bg/actividad.jpg) no-repeat center center;
		background-size: cover;
		-moz-background-size: cover;
	}


	

/* LAYOUT */
	#wr{ width: 100%; position: relative; z-index: 2  }
	.cnt{
		max-width: 1120px;
		max-width: 900px;
		width: 100%;
		margin: 0 auto;
	}
	.conte{ margin-top: 110px }
	.home .cnt{ max-width: 900px; }
	.clientes .cnt{ max-width: 960px; }
	
/* FOOTER */
	footer{
		height: 10px;
		width: 100%;
	}	

/* HEADER */
	header{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 90px;
		background: #c00d0e;
	}
	header .conte > *{
		height: 60px;
		margin-top: 30px;
		display: inline-block;
		vertical-align: top;
		/*background: whiteÇ*/
	}
	header .conte{
		max-width: 900px;
		margin: 0 auto;
		/*background: white*/
	}
	#logo{
		width: 100px;
		height: 50px;
		margin-right: 20px;
		background: url(../images/logo.png) no-repeat;
	}
	nav{
		width: auto;
		/*background: green*/
	}
	nav ul{
		
	}
	nav ul li{
		display: inline-block;
		height: 60px;
		vertical-align: top;
	}
	nav ul li.bgred{
		width: 1px;
		margin: 0 20px;
		background: #7c1e1a !important
		
		/*opacity: .6*/

	}
	nav ul li a{
		font-size: 14px;
		font-family: 'open_sansbold', Helvetica, Arial, sans-serif;
		/*height: 60px;*/
		line-height: 60px;
		
		color: #7c1e1a !important
		/*background: blue*/
	}
	nav ul li a:hover, nav ul li a.sel{
		color: #fff !important
	}

	


/* SEXIONES */
	.conte{
		max-width: 900px
	}
	.home .cnt .conte{
		position: relative;	
		margin-top: 300px;
		/*margin-top: 0;*/
		max-width: 600px;
	}
	.nosotros .cnt .conte,
	.equipo .cnt .conte{
		max-width: 660px;
	}
	.home .cnt .conte p{
		margin-top: 30px;
	}

	.nosotros p{
		margin-bottom: 60px
	}
	.nosotros p:last-child{
		margin: 0
	}
	.nosotros .sep, .equipo .sep{
		width: 100%;
	}

	.equipo h1, .equipo h3, .equipo p, 
	.twhite h1, .twhite h3, .twhite p{
		color: #fff;
	}
	.bloque{
		margin-bottom: 20px
	}

	.form{
		margin-top: 10px;
		margin-bottom: 30px;
	}
	.col{
		width: 48%;
		display: inline-block;
		vertical-align: top;
	}
	.col:last-child{
		margin-left: 1%;
	}
	.col70{width: 69%;}
	.col30{width: 30%}
	input{
		height: 20px;
		margin-bottom: 18px;
		border: 0;
		outline: 0;
		border-bottom: 1px solid #ccc;
		display: block;
		width: 100%;
		padding-bottom: 4px;
		color: #ccc;
		font-family: 'open_sanslight', Arial, Helvetica, sans-serif;
	}
	textarea{
		margin-bottom: 10px;
		border: 0;
		outline: 0;
		border-bottom: 1px solid #ccc;
		display: block;
		width: 100%;
		color: #ccc;
		height: 65px;
		font-family: 'open_sanslight', Arial, Helvetica, sans-serif;
	}

	#stt{
		font-size: 13px;
		color: #ccc;
		width: 50%;
		display: inline-block;
	}
	button{
		width: auto;
		padding: 10px;
		background: #fff;
		color: #666;
		border: 1px solid #ccc;
		float: right;
	}

/* Actividad */
	.actividad .row{font-size: 0}
	.actividad .fullcont .bloque ul{font-size: 0; margin-top: 30px;}
	.actividad .fullcont .bloque ul li{
		display: inline-block;
		/*margin-right: 50px;*/
		margin: 0 2%;
		width: 30%;
		text-align: center;
	}
	.actividad .fullcont ul li:first-child{
		text-align: left;
		margin-left: 0%;
		margin-right: 3%;
	}
	.actividad .fullcont ul li:last-child, .actividad .col30{
		text-align: right;
	}
	.actividad .fullcont ul li:last-child{
		margin-left: 3%;
		margin-right: 0%;
	}
	.actividad ul li img{
		/*border: 8px solid #fff;*/
		transition: .5s all;
		width: 100%;
		height: auto;
		max-width:270px;
		/*height:200px;*/
	}
	.actividad ul li img:hover{
		opacity: .7
	}
	.actividad h3{
		margin-top: 20px;
	}
	.actividad h3, .actividad p{
		margin-bottom: 20px;
	}
	.actividad .col{
		vertical-align: middle;
	}

/* Clientes */
	.clientes{
		text-align: center;
	}
	.clientes .conte{
		/*margin-top: 60px;*/
		max-width: 1100px;
	}
	.clientes img{
		/*width: 100%;*/
		height: auto;
		margin:0 8px;
		display: inline-block;
		vertical-align: middle;
	}
	.clientes .sep{
		max-width: 580px;
		margin: 20px auto;
	}
	

/* MEDIAS Q */
	@media screen and (max-width: 1024px){
		.cnt{
			width: 98%;
		}
		nav ul li.bgred{
			margin: 0 5px;
		}
		textarea{padding: 0;}
		h1{font-size: 40px;}
		h1.small{font-size: 30px;}
		.home h1{font-size: 40px; line-height: 36px}
		.home h2{font-size: 20px}
		.home p{font-size: 16px}
		.home .cnt .conte p{margin-top: 12px}
		.home .cnt .conte{margin-top: 160px;}

		.clientes .sep{display: none;}
		.clientes img{
			margin: 20px;
		}

	}
	@media screen and (max-width: 768px){
		.actividad .fullcont .bloque ul li, .actividad .fullcont .bloque ul li:last-child, .actividad .fullcont .bloque ul li:first-child{
			margin: 0;
			width: 100%;
			display: block;
			text-align: center !important;
			margin-bottom: 20px;
		}
		.actividad .col70, .actividad .col30{
			display: block;
			width: 100%;
		}
		.actividad .col30{text-align: center;}
		.cnt{
			width: 94%
		}
		.sep.bggris{width: 100%;}
	}
	@media screen and (max-width: 680px){
		nav ul li.bgred{
			margin: 0 2px;
		}
		nav ul li a{
			font-size: 11px
		}
		#logo{
			margin-right: 5px;
		}
	}
	@media screen and (max-width: 550px){
		header{ height: auto; }
		#logo{display: block; margin: 5px auto}
		nav{margin: 0 auto !important; width: 100%; text-align: center;}
		nav ul li, nav{ height: 30px !important;}
		nav ul li a{line-height: 30px;}


		.col{
			width: 100%;
			/*display: block;*/
			/*margin: 0 auto;*/
		}



	}
	@media screen and (max-width: 430px){
		nav ul li.bgred{background: transparent !important;}
		nav{ height: auto !important;}
		.conte{margin-top: 130px}
		.mob{display: none;}
		.nomob{display: block;}

	}