@charset "UTF-8";
/* CSS Document */

/* FONTS */

@import url(http://fonts.googleapis.com/css?family=Trocchi);


/* fuentes para redes sociales
@font-face {
    font-family: Socialico;
	src:url(../font/Socialico.otf);
	src:url(../font/Socialico.ttf);
	src:url(../font/socialico-webfont.woff);
}

@font-face {
    font-family: Socialico Plus;
	src:url(../font/SocialicoPlus.otf);
	src:url(../font/SocialicoPlus.ttf);
	src:url(../font/socialico_plus-webfont.woff);
}*/
/* Language Selection Page */


h1, h2, h3, h4, h5, h6 {
	font-family:"Trocchi", serif;
	}
	
h2 {
	font-size:2.75em;
}

.social-inicio {
	font-family:"Socialico";
	font-size:5em;
	color:#293588;
}

.social-inicio-plus {
	font-family:"Socialico Plus";
	font-size:5em;
	color:#293588;
}

.social-inicio:hover, .social-inicio-plus:hover {
	color:#ec2a39;
}

.social-team {
	font-family:"Socialico";
	font-size:2.5em;
	color:#FFF;
	padding-left:11px;
	padding-right:11px;
}




.social-team-plus {
	font-family:"Socialico Plus";
	font-size:2.5em;
	color:#293588;
	padding-left:11px;
	padding-right:11px;
}



.social-team:hover, .social-team-plus:hover, .social-foot:hover {
	color:#ec2a39;
}

.red {
	color:#ec2a39;
}

.blue {
	color:#293588;
}

.white {
	color:#FFFFFF;
}

.lgray {
	color:#CCC;
}

.lblue {
	color:#8fa2ff;
}

.idiomas a:hover, a:focus{
	color: #FFFFFF;
	background-color: rgba(51,51,51,0.75);
	padding:0.6em;
}

a, li {
text-decoration: none;


-webkit-transition: background-color .3s ease-out, color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease, padding .2s ease-out;
-moz-transition: background-color .3s ease-out, color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease, padding .2s ease-out;
-ms-transition: background-color .3s ease-out, color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease, padding .2s ease-out;
-o-transition: background-color .3s ease-out, color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease, padding .2s ease-out;
transition: background-color .3s ease-out, color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease, padding .2s ease-out;


}



#fr {
	-moz-animation-delay: 0.15s;
	-moz-animation-duration: 2s;
	
	-webkit-animation-delay: 0.15s;
	-webkit-animation-duration: 2s;
	
	-ms-animation-delay: 0.15s;
	-ms-animation-duration: 2s;
	
	-o-animation-delay: 0.15s;
	-o-animation-duration: 2s;
	}

#en {
	-moz-animation-delay: 0.55s;
	-moz-animation-duration: 2s;
	
	-webkit-animation-delay: 0.55s;
	-webkit-animation-duration: 2s;
	
	-ms-animation-delay: 0.55s;
	-ms-animation-duration: 2s;
	
	-o-animation-delay: 0.55s;
	-o-animation-duration: 2s;
	}

#es {
	-moz-animation-delay: 1.05s;
	-moz-animation-duration: 2s;
	
	-webkit-animation-delay: 1.05s;
	-webkit-animation-duration: 2s;
	
	-ms-animation-delay: 1.05s;
	-ms-animation-duration: 2s;
	
	-o-animation-delay: 1.05s;
	-o-animation-duration: 2s;
	}
	
.secciones {
	padding-top:4em;
	padding-bottom:4em;
	}
	
.mini-secciones {
	padding-top:2em;
	padding-bottom:2em;
	}
	
.separador{
	height: 20px;
}
	
#home {
	background-image:url(../es/img/bg/daimond_eyes.png);
	background-repeat:repeat;
}

#about-us {
	background-image:url(../es/img/bg/darth_stripe.png);
	background-repeat:repeat;
	color:#FFFFFF;
}


#our-work {
	background-image:url(../es/img/bg/cream_pixels.png);
	background-repeat:repeat;
}

.audio {
	margin-top:1em;
	margin-bottom:1em;
	width:100%;
}

#about-us h2 {

	color:#FFFFFF;
}

#contact {
	background-image:url(../es/img/bg/zwartevilt.png);
	background-repeat:repeat;
	color:#FFFFFF;
}



#contact h2 {

	color:#FFFFFF;
}

/* IMAGENES */
.mask {
	border-radius: 900px;
	border:solid 10px;
	border-color:#CCC
	-webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
-moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
-ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
-o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
}

.mask-square {
	border-radius: 20px;

	-webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
-moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
-ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
-o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
}

.press-img {
	margin-bottom:1.5em;
}

.mask-img {
	border-radius: 900px;
	margin-bottom:1.5em;
	border:solid 0px;
	border-color:#CCC
	-webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
-moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
-ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
-o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
}

.mask-circle:hover {
	background-color:#00F;
	border:solid 10px #293588;
}

.team {
	border-radius: 10px;
	border:#666 4px solid;
	margin-bottom:12px;
}

.member {
	background-color:rgba(41,53,136,0.4);
	padding-top:25px;
	padding-left:5px;
	padding-right:5px;
	border-radius:15px;
	padding-bottom:10px;
}


/* Navegacion */


#nav1 section.top-bar-section {
display: inline-block;
}

nav.top-bar {
text-align: center;
}

#nav_g {
	-webkit-box-shadow: 0px 7px 5px -2px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 7px 5px -2px rgba(0,0,0,0.35);
box-shadow: 0px 7px 5px -2px rgba(0,0,0,0.35);

-webkit-animation-duration:1.3s;
-moz-animation-duration:1.3s;
-o-animation-duration:1.3s;
-ms-animation-duration:1.3s;
	}

	

.cabeza {
	background-image:url(../es/img/doc.png);
	background-repeat:no-repeat;
	color:#FFF;
	padding-left:15px;
	margin-top:2.5em;
	margin-bottom:2.25em;
	}
	
.cabeza h3 {
	color:#FFF;
}

.sub-cabeza {
	background-image: url(../es/img/banner-1200-r.png);
	background-repeat:no-repeat;
	color:#FFF;
	padding: 8px 0 8px 12px;

	}
	
.sub-cabeza h5 {
	color:#FFF;
}

.sub-cabeza-radio, .sub-cabeza-radio-2 {
	background-image: url(../es/img/banner-1200-r.png);
	background-repeat:no-repeat;
	color:#FFF;
	padding:0.25em 0 1em 1.25em;
	height:3.5em;
	margin-top:0.5em;
	margin-bottom:1.25em;
	font-size:97%;
	text-align: center;
	}

.sub-cabeza-radio h5 {
	color:#FFF;
}

.sub-cabeza-radio-2 h5 {
	color:#FFF;
	margin-top:0.5em;
}

.pull-right {
float: right;
}

.pull-left {
float: left;
}

.work-wrap {
	margin-bottom:3.5em;
	margin-top:2em;
}

.espacio-sup {
	margin-top:2em;
	}
	
.espacio{
	margin-top:1em;
	margin-bottom:1em;
}
	
.salto-sup{
	margin-top:1em;
}

.botones-radio {
	margin-right:0.75em;
}

input.send_message:hover{
	background-color: #cc0000;
	-webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
	-moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
	-ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
	-o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
	transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
}

.error_message {
		background-color: #FFE9E9;
		border-color: #FBC4C4;
		border-image: none;
		border-style: solid;
		border-width: 1px 1px 1px 5px;
		color: #DE5959;
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 15px;
		padding: 15px 40px 15px 18px;
		position: relative;
		float:none;
		width:auto;
	}
	#message {
		color: #f6c52a;
	}
.card {
	font-size:1.2em;
	color:#FFF;
}

.card-2 {
	font-size:0.75em;
	color:#FFF;
}


footer {
	background-color:#293588;
	color:#FFF;

}

.social-foot {
	font-family:"Socialico";
	font-size:6em;
	color:#FFF;
	font-weight:100;
	padding-left:11px;
	padding-right:11px;
}

#forma {
	margin-top:-1.5em;
}

.doc{
	margin-bottom:1.5em;
}