@import url(http://fonts.googleapis.com/css?family=Bree+Serif);
html, body {margin:0;height: 100%;min-height: 100%;position: relative;}
body{color:#343434;font-size:1em;font-family:"Trebuchet MS";background: url(../imagenes/entorno/fondofx.png) repeat left top;}

header{width:100%;min-height:50px;float:left;background-color:#333;}
header .cont{max-width:960px;margin:0 auto;display:block;}
header .cont .logo{float:left;margin-top:10px;padding-left:5px;}
header nav ul{position:relative;float:right;margin:8px 0 8px 15px;padding:0;}
header nav ul li{float:left;margin:0 15px 0 0;padding:0;list-style:none;}
header nav ul li strong{display:block;color:#9e9e9e;}
header nav a:link, header nav a:active, header nav a:visited{color:#fff!important;}
	header a:hover{color:orange!important;}
header nav  ul li ul {margin:0px 0 0 -5px;padding:5px;display:none;background-color:#343434;}
header nav ul li ul li {padding:5px 0;float:none!important;font-size:0.8em;}
header nav ul li a:hover ul, header nav ul li:hover ul {display: block!important;position: absolute;left: 0px;z-index:5;}
header nav ul li ul li a {width: 160px;
padding: 6px 0px 8px 0px;
border-top-color: #000;
}
header nav ul li ul li a:hover {border-top-color: #000;
position: relative;color:#009ae1!important;
}
.marca1{padding-bottom:5px;border-bottom:solid 2px #0082b4;}
.cont{max-width:960px;margin:0 auto;display:block;}
.cont_100{width:100%;float:left;}
.cont_70A{width:70%;padding-right:20px;float:left;}
	.cont_70B{width:30%;float:left;}
.col3{column-count:3;-webkit-column-count:3;-moz-column-count:3;-ms-column-count:3;-o-column-count:3;}
.break30px{width:100%;height:30px;float:left;}
a:link, a:active, a:visited{color:#f4f2b3;text-decoration:none;}
	a:hover{color:orange;}
h1, h2, h3, h4, h5, h6{margin:0;}
	h1{font-size:3em!important;}
	h2{font-size:1.6em;}
	h3{font-size:1.1em;margin-bottom:15px;}
	h6{font-size:1em;}
.txt_especial{line-height:0.8em;font-size:12em;font-family: 'Bree Serif', serif, Arial;}
.txt_especial2{font-size:2em!important;}
.txt_norm{font-size:1em!important;}
.txt_min{font-size:0.5em!important;}
.txt_interior{color:#b6e0f6!important;}
.txt_interior h1, .txt_interior h2, .txt_interior h3{font-family: 'Bree Serif', serif, Arial;}
.txt_interior h1{line-height:1em;}
.txt_interior h1{font-size:5em;margin-bottom:20px;padding-bottom:20px;color:#062f46;text-shadow: 0px 1px 0px #077cbd;background: url(../imagenes/entorno/h1-linea2.png) repeat-x left bottom;}
.txt_interior h2{font-size:1.5em;}
.txt_interior h3{font-size:2em;color:#fff;text-shadow: 0px 1px 0px #000;}
.txt_interior p{}
.intro{color:#fff;}
.txt_aling_center{text-align:center;}
.icoserv_web{padding:0 0 10px 60px;background: url(../imagenes/entorno/ico-sec-web2.png) no-repeat left top;}
.icoserv_ilustracion{padding:0 0 10px 60px;background: url(../imagenes/entorno/ico-sec-ilustracion2.png) no-repeat left top;}
.icoserv_multimedia{padding:0 0 10px 60px;background: url(../imagenes/entorno/ico-sec-multimedia2.png) no-repeat left top;}
.icoserv_diseno{padding:0 0 10px 60px;background: url(../imagenes/entorno/ico-sec-disenografico2.png) no-repeat left top;}
.tit_servicios{padding:110px 0 30px 0;text-align:center;color:#fff;background: url(../imagenes/entorno/break-servicios.png) no-repeat center top;}
.tit_proyectos{padding:110px 0 30px 0;text-align:center;color:#fff;background: url(../imagenes/entorno/break-proyectos.png) no-repeat center top;}
a.color2:link, a.color2:active, a.color2:visited{color:#f4f2b3!important;}
	a.color2:hover{color:#fff!important;}
.btn, a.btn:link, a.btn:visited, a.btn:active button.btn {
	text-transform:uppercase;
	padding: 8px 15px;
	display: inline-block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border:solid 1px #01496f;
	color: #a7c9dc!important;
 	background-color:#006294;
	/*text-shadow:0px 1px 1px #fff!important;*/
	box-shadow:0px 1px 0px #015a89;
}
a.btn:hover, button.btn a:hover {
	color: #454545!important;
 	background-color:#fff;
	text-shadow:0px 1px 1px #c2c2c2!important;
	box-shadow:none;
}
.btn_form, a.btn_form:link, a.btn_form:visited, a.btn_form:active button.btn_form {
	font-size:8px;
	text-transform:uppercase;
	padding: 8px 10px;
	display: inline-block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #597e90!important;
	background: -moz-linear-gradient(top,#f4f8fc 0%,#e3eaf2);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#f4f8fc),
		to(#e3eaf2));
 	background-color:#b0d4e7;
	border: 1px solid #aacee1;
	text-shadow:0px 1px 1px #e7f2f8!important;
}
a.btn_form:hover, button.btn_form a:hover {
	color: #7d510c!important;
	background: -moz-linear-gradient(top,#f9e6c8 0%,#f2d09c);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#f2d09c),
		to(#ddb26d));
	background-color:#f9e6c8;
	border: 1px solid #f2d09c;
	text-shadow:0px 1px 0px #fff3df!important;
}
.list0{margin:0;padding:0;}
	.list0 li{display:inline;margin-right:10px;}
.list1, list ul{margin:5px 0 0 10px;padding:0;}
.list1 li{margin-bottom:10px;list-style:none;}
.colorfx{background: url(../imagenes/contenido/fondillo.png) no-repeat center center;background-size:100% 100%;}
	.colorfxB{background: url(../imagenes/contenido/fondilloB.png)repeat left top;}
.colorfx1{background: url(../imagenes/contenido/fondillo1.jpg) no-repeat center center;background-size:100% 100%;}
.colorfx2{background: url(../imagenes/contenido/fondillo2.jpg) no-repeat center center;background-size:100% 100%;}
.colorfx3{background: url(../imagenes/contenido/fondillo3.jpg) no-repeat center center;background-size:100% 100%;}
.colorfx4{background: url(../imagenes/contenido/fondillo4.jpg) no-repeat center center;background-size:100% 100%;}
.colorfx5{background: url(../imagenes/contenido/fondillo5.jpg) no-repeat center center;background-size:100% 100%;}
.previo{position:relative;width:100%;float:left;min-height:100%;}
.conteneddor{max-width:900px;height:auto;margin:100px auto;display:block;color:#fff;}
.dibu{width:40%;padding-right:3%;float:left;}
.dibu img{width:100%;}
.datos{width:60%;float:left;}
.datos h1{margin:0 0 10px 0;}
.datos p{margin:0 0 10px 0;}

.proyectos{width:100%;margin-bottom:3%;float:left;}
.proyectos .item{width:45%;float:left;margin-right:2%;font-size:0.7em;}
.proyectos .item:last-child{margin-right:0;}
.proyectos .item img{float:left;margin-right:2%;}
.proyectos .item strong{display:block;}
.item_x3 .item{width:30%;text-align:center!important;display:inherit;}
.item_x3 .item img{float:none!important;}


.bajar{position:absolute;width:100%;height:50px;bottom:50px;text-align:center;}

.noticias{width:960px;margin:15px auto 20px auto;padding:0;}
	.noticias article{width:300px;margin-right:30px;float:left;color:#a7c9dc!important;}
	.noticias article:last-child{margin-right:0;}
	.noticias article img{margin-bottom:15px;float:left;}
	.noticias article .txt{float:left;}

.contenedor{max-width:960px;margin:15px auto 20px auto;padding:2%;}
	
footer{width:100%;padding:15px 0;float:left;background-color:#014b72;font-size:0.6em;}
footer a{text-decoration:none;color:#2f96cd!important;}
	footer div a:hover{color:#fff!important;}
footer .cont{color:#b8dbee;}
.sub_pie1{width:30%;margin-right:4%;float:left;}
.sub_pie2{width:30%;margin-right:4%;float:left;}
.sub_pie2 .btn{width:95%;text-align:center;}
.sub_pie3{width:30%;float:left;}

.formu_contacto_pie{}
.formu_contacto_pie label{width:100%;margin-bottom:3px;float:left;}
.formu_contacto_pie input, .formu_contacto_pie textarea{width:100%;padding:5px;border:solid 1px #e3e2e2;}
.formu_contacto_pie .btn{width:auto!important;}

.img_fx img{opacity: 0.4;filter: alpha(opacity=40);max-width:100%;}
.img_fx img:hover{opacity: 1;filter: alpha(opacity=40);}
.red_fb, .red_tw, .red_gp, .red_li, .red_yt, .red_vi, .red_pt, .red_fr{
width:32px;height:32px;margin:5px 2px;float:left;background: url(../imagenes/entorno/redes-sociales-logos.png) -40px top;}
.red_fb{background-position:0px top;}
.red_tw{background-position:-40px top;}
.red_gp{background-position:-80px top;}
.red_li{background-position:-120px top;}
.red_yt{background-position:-160px top;}
.red_vi{background-position:-200px top;}
.red_pt{background-position:-240px top;}
.red_fr{background-position:-280px top;}

.pie_prefin, .pie_fin{width:100%;float:left;padding:10px 5px;text-align:center;font-size:0.7em;color:#9e9e9e; background-color:#024365;}
.pie_fin{font-size:0.5em;background-color:#013855;}
.pie_logos{display:block;margin-bottom:5px;}
.pie_logos img{vertical-align:middle;}

.localizador{width:100%;margin-bottom:20px;padding:8px 5px;float:left;color:#a7c9dc;}
	.localizador .cont{font-size:0.7em;}

.previo_interior{width:100%;padding:8px 0;display:inline-block;background: url(../imagenes/contenido/fondillo.jpg) no-repeat center center;background-size:100% 100%;}
	.previo_interior .cont{font-size:0.7em;color:#fff;}
	
.xtra_home{width:100%;margin:0px auto;padding:0 0 20px 0;/*border:solid 1px red;*/background: url(../imagenes/entorno/fondofx.png) repeat left top;}
	.xtra_home article{max-width:930px;margin:0 auto;padding-top:40px;display:block;color:#c7edfc;background: url(../imagenes/entorno/linea-doble.png) repeat-x left 30px;}
	.xtra_home .foto{margin-top:20px;float:left;}
	.xtra_home article .txt{position:relative;width:auto;margin:20px 0 20px 180px;}
.xtra_home_proyectos{}
.item_proyecto{width:30%;display:inline-block;margin:0% 2% 2% 0%;font-size:0.7em;}
.item_proyecto:last-child{margin-right:0;}
.item_proyecto img{float:left;margin-right:2%;}
.item_proyecto strong{display:block;}

.servi_x3{max-width:960px;margin:15px auto 20px auto;padding:0;}
	.servi_x3 h3{text-align:center;}
	.servi_x3 article{width:300px;margin-right:30px;float:left;}
	.servi_x3 article:last-child{margin-right:0;}
	.servi_x3 article img{display:block;margin:auto;}
	.servi_x3 article .txt{float:left;}

.xtra_cont{width:100%;margin:0px auto;padding:20px 0 30px 0;float:left;background: url(../imagenes/entorno/fondofx.png) repeat left top;}
.xtra_cont h4{margin:-30px 0 20px 0;font-size:0.7em;text-align:center;}
.categorias{max-width:960px;margin:0 auto;display:block;}
.categorias div{width:25%;padding:111px 10px 20px 10px;float:left;text-align:center;}
.categorias h3{color:#fff;}
.categorias p{color:#a7c9dc;padding-bottom:15px;}
.cat_disenoweb{background: url(../imagenes/entorno/ico-sec-web.png) no-repeat top center;}
.cat_ilustracion{background: url(../imagenes/entorno/ico-sec-ilustracion.png) no-repeat top center;}
.cat_disenomultimedia{background: url(../imagenes/entorno/ico-sec-multimedia.png) no-repeat top center;}
.cat_disenografico{background: url(../imagenes/entorno/ico-sec-disenografico.png) no-repeat top center;}

.transicion, .transicion img{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.carrusel{width:100%;float:left;background: url(../imagenes/entorno/fondofx.png) repeat left top;}
.imagenfx{position:relative;width:25%;color:transparent;display:block;float:left;overflow:hidden;}
	.imagenfx:hover{}
	.imagenfx img{width:100%;float:left;
					-webkit-filter: grayscale(70%);
					transform:scale();-moz-transform:scale();-ms-transform:scale();-webkit-transform:scale();-o-transform:scale();}
	.imagenfx img:hover{-webkit-filter: grayscale(0%);
						transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.5);-o-transform: scale(1.1);}
	.imagenfx .txt{position:absolute;bottom:0px;left:0;width:100%;padding:10px;background: url(../imagenes/entorno/fondofx2.png) repeat left top;}
	.imagenfx .txt h3{margin:0;padding:0;float:left;font-size:0.8em;text-shadow: 1px 1px 2px #000;}
.controlfx{padding:1%;}
.controlfx .txt{width:92%;margin:0 4%;}

.imagenfx2{position:relative;width:23%;margin:1%;color:transparent;display:block;float:left;overflow:hidden;}
	.imagenfx2:hover{}
	.imagenfx2 img{width:100%;float:left;
					-webkit-filter: grayscale(70%);
					transform:scale();-moz-transform:scale();-ms-transform:scale();-webkit-transform:scale();-o-transform:scale();}
	.imagenfx2 img:hover{-webkit-filter: grayscale(0%);
						transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.5);-o-transform: scale(1.1);}
	.imagenfx2 .txt{position:absolute;bottom:0px;left:0;width:100%;padding:10px;background: url(../imagenes/entorno/fondofx2.png) repeat left top;}
	
.muestra1{width:38%;margin-right:2%;float:left;}
	.muestra1 h1{text-align:left;}
.muestra2{width:60%;margin-bottom:20px;float:left;}
	.muestra2 img{max-width:100%;}
	
.listado_proyectos, .listado_proyectos ul{position:relative;width:100%;margin:0 0 20px 0;padding:0;float:left;}
.listado_proyectos li{width:25%;margin-bottom:20px;padding:10px;float:left;list-style:none;box-sizing:border-box;color:#a7c9dc;}
.listado_proyectos li img{width:100%;}
.listado_proyectos li a{display:block;}
@media screen and (max-width:960px){
	.localizador{margin-bottom:10px;}
	.noticias{width:100%;margin:20px auto;padding:30px 0;}
	.noticias article{width:100%;margin:0 0 20px 0;display:block;}
	.noticias article img{width:40%;}
	.noticias article .txt{width:58%;margin-left:2%;}
	.xtra_home article{width:100%;}
	.item_proyecto{width:44%;}
}
@media screen and (max-width:768px){
.cont_70A, .cont_70B{width:100%;margin-bottom:20px;padding:10px;float:left;}
.col3{column-count:2;-webkit-column-count:2;-moz-column-count:2;-ms-column-count:2;-o-column-count:2;}
.cont{width:100%;}
header .cont .logo{width:100%;text-align:center;}
header nav ul{width:100%;display: inline-block;float:none;margin:8px auto;}
header nav ul li{width:25%;margin:0;}
.txt_especial{ display:block;margin:0 auto;text-align:center;}
.contenedor{margin:2%;}
.dibu{width:100%;display:block;text-align:center;}
.dibu img{width:60%;}
.datos{width:100%;float:left;text-align:center;}
.proyectos .item{text-align:left;}
.bajar{display:none;}
.noticias article img{width:40%;}
.noticias article .txt{width:58%;margin-left:2%;}
.item_proyecto{width:40%;}
.categorias div{width:50%;}
.imagenfx{width:48%;margin:1%;border-bottom:solid 2px #000;}
.imagenfx2{width:31%;}
.muestra1, .muestra2{width:100%;margin:0 0 20px 0;}
	.muestra2{text-align:center;}
.listado_proyectos li{position:relative;width:100%;display:block!important;}
.listado_proyectos img{max-width:125px;}
.listado_proyectos span{position:absolute;top:0;padding:5px 0;left:150px;}
}
@media screen and (max-width:480px){
header{font-size:0.8em;}
header nav ul li strong{display:none;}
.txt_especial{font-size:6em;}
.dibu img{width:80%;}
.proyectos .item{width:100%;margin:0 0 20px 0;}
.item_x3 .item{width:30%;text-align:center!important;display:inherit;}
.noticias article img{width:100%;}
.noticias article .txt{width:100%;margin-left:0;}
.sub_pie1, .sub_pie2, .sub_pie3{width:100%;margin-bottom:10px;padding:5px;float:left;}
.formu_contacto_pie label, .formu_contacto_pie input, .formu_contacto_pie textarea{width:97%;}
.sub_pie1{column-count:2;}
.xtra_home_proyectos{margin-left:-170px;}
.item_proyecto{width:100%;margin:4% 0;}
.categorias div{width:100%;padding:10px 10px 10px 111px;text-align:left;}
.cat_disenoweb, .cat_ilustracion, .cat_disenomultimedia, .cat_disenografico{min-height:120px;background-position:left top;}
.imagenfx{width:98%;}
.imagenfx2{width:48%;}

}
@media screen and (max-height:600px){
	.bajar{display:none;}
}