@font-face {
  font-family: "ballet";
  font-weight: 400;
  font-style: italic;
  src: url("../font/BalletHarmony.ttf");
  font-display: swap;
}

/* SOCIAL LINKS  */
.sociaLinks{
	background: 		none repeat scroll 0 0 #a40134;
    float: 				left;
	padding: 			27px 0;
    width: 				100%;
	clear:				both;
	margin:				-62px 0 0 0;
}@font-face {
  font-family: "ballet";
  font-weight: 400;
  font-style: italic;
  src: url("../font/BalletHarmony.ttf");
  font-display: swap;
}

/* SOCIAL LINKS  */
.sociaLinks{
	background: 		none repeat scroll 0 0 #a40134;
    float: 				left;
	padding: 			27px 0;
    width: 				100%;
	clear:				both;
	margin:				-62px 0 0 0;
}

.sociaLinks strong{
	padding: 0;
	color:#000;
	font-family:roboto, sans-serif;
	font-size: 15px;
	margin: -5px 0 5px 0;
	display: block;
	}
.sociaLinks  ul li{
	display:			block;
	float:				left;
}

.sociaLinks  ul li a{	
	background-image: 	url("../img/social_icons.png");
	width:				47px; 
	height:				47px; 
	display:			block; 
	float:				left;
	margin:				5px 5px 5px 2px;
	opacity:			0.6;
	border:				none;
	transition: 		0.5s all ease;
}

.touch  .sociaLinks a,
.sociaLinks a:hover{ 
	opacity:		1;
	border:			none; 
	transform: 		rotate(360deg);
	-moz-transform:	rotate(360deg);
	-ms-transform:	rotate(360deg); /* IE 9 */
	-webkit-transform:rotate(360deg);
}

.sociaLinks ul li a.sp{ background-position:-52px -1px;width: 48px;}
.sociaLinks ul li a.li{ background-position:-104px -1px;width: 48px;}
.sociaLinks ul li a.tw{ background-position:-156px -1px;width: 48px;}
.sociaLinks ul li a.vi{ background-position:-209px -1px;}
.sociaLinks ul li a.yo{ background-position:-261px -1px;}
.sociaLinks ul li a.go{ background-position:-52px -53px;width: 48px;}
.sociaLinks ul li a.fa{ background-position:-105px -53px;}
.sociaLinks ul li a.in{ background-position:-156px -53px;width: 48px;}
.sociaLinks ul li a.fl{ background-position:-209px -53px;}
.sociaLinks ul li a.pi{ background-position:-261px -53px;}
.sociaLinks ul li a.bl{ background-position:-1px -53px;}
.sociaLinks ul li a.rs{ background-position:-1px -1px ;}
.sociaLinks ul li a span{display:none;}



@media only screen and (min-width: 1300px) {.sociaLinks strong{margin-left: -20%;font-size:17px}}

@media only screen and (max-width: 470px) {
	.sociaLinks{	padding: 20px 0;}
	.sociaLinks  ul li a{	
	background-image: 	url("../img/social_icons-mini.png");
	background-repeat:	no-repeat;
	width:				31px;
	height:				31px;
	}
	.sociaLinks ul li a.sp{ background-position: -38px -3px;width: 31px;}
	.sociaLinks ul li a.li{ background-position:-73px -3px;width: 31px;}
	.sociaLinks ul li a.tw{ background-position: -109px -3px;width: 31px;}
	.sociaLinks ul li a.vi{ background-position: -144px -3px;width: 32px;}
	.sociaLinks ul li a.yo{ background-position: -180px -3px;width: 32px;}
	.sociaLinks ul li a.go{ background-position: -38px -39px; width: 30px;}
	.sociaLinks ul li a.fa{ background-position:-73px -39px;width: 31px;}
	.sociaLinks ul li a.in{ background-position: -109px -39px;width: 31px;}
	.sociaLinks ul li a.fl{ background-position: -144px -39px;width: 32px;}
	.sociaLinks ul li a.pi{ background-position: -180px -39px;width: 32px;}
	.sociaLinks ul li a.bl{ background-position: -1px -39px;width: 32px;}
	.sociaLinks ul li a.rs{ background-position: -1px -3px; width: 32px;}
}


		html, body {min-height:100%!important;height:auto;width: 100%;overflow-x: hidden;}
		html{background:transparent;}
		html body {
			margin: 0;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cbd0d3+1,fff9f9+64 */
background: rgb(203,208,211); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(203,208,211,1) 1%, rgba(255,249,249,1) 64%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(203,208,211,1) 1%,rgba(255,249,249,1) 64%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(203,208,211,1) 1%,rgba(255,249,249,1) 64%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbd0d3', endColorstr='#fff9f9',GradientType=0 ); /* IE6-9 */

		}
		html strong, body strong{font-family: Roboto, sans-serif}
		html strong em, body strong em{font-family: Roboto, sans-serif; font-style: italic;}
		.wrapper{margin:0 auto;max-width:1200px;padding:0 10px;position: relative;
    z-index: 2;}
		canvas{position: absolute;top: 0;}
		
		.mainnav{
			position:fixed;
			top:0;
			background:rgba(254,254,254,0.33);
			padding: 10px;
		}
		html body h1{
			font-size: 2em;
			padding: 10px 50px;
			box-sizing: border-box;
			font-family: ballet, sans-serif;
		}
		    
		
		.stopfade { 
		   opacity: .5;
		}

		#header { 
		  font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif;
		  font-weight:100; 
		  width: 210px;
		  margin:0 auto;
		  padding-bottom: 40px;
		  padding-top: 30px;
		  font-size: 1.2rem;
		  width:100%;
		  float:left;
		  min-height:130px;
		  clear:both;
		}
		#header img{width:258px;max-width:33%;float:right;margin:37px 49px 19px 19px;}
		h1 {
		  font-family:Roboto, sans-serif;
		  font-weight:100;
		  font-size:53px;
		  font-size: 3.8rem;
		  color:#222;
		  width:52%;
		  float:left;
		  margin: 40px 26px 0 0;
		  letter-spacing:-0.02em;
		  text-align:left;
		}
		#video h1{margin-left:20px;margin-right:-20px;}
		h1 span{
			font-size: 23px;
			font-size: 4.62rem;
			line-height: 1.1;
			line-height: normal\9;
			display:block;
			/* font-family:Roboto, sans-serif; */
			/* font-weight:700; */
			letter-spacing:normal;
			text-align:left;
			color: #c2002f;
		}
		.ejemplos h1 span{text-align:right;  margin-right: 12%;}
		h2{
			font-size: 65px;
			margin: 10px 0;
			text-align: center;
			font-family: ballet, Roboto, sans-serif;
			font-weight:300;
			color: #c2002f;
			letter-spacing: 1px;
		}
		h2 span{font-size:70%;display:block;}
		
		h3{
			    text-align: center;
    font-size: 1.4em;
    color: #c2002f99;
    transition: color 0.5s ease;
		}
		h3:hover{
			color:#c2002f;
		}
		html .video{
			float:left;
			width:100%;
			padding:0;
			opacity:1;
			transition:2s ease all;
			overflow:hidden;
		}
		html .video:hover{
			opacity:1;
			box-shadow:0 0 100px #fff,0 0 100px #fff,0 0 100px #fff; 
		}
		html .video img{width:100%;height:auto;}
		
		.video-flexible.widescreen {
    padding-bottom: 37.43%;
}
		a.button {
		  display: inline-block;
		  color: #fff;
		  text-decoration: none;
		  background:rgba(0,0,0,0.5);
		  padding: .5rem;
		  transition: .6s background; 
		}
		a.button:hover{
		  background:rgba(0,0,0,0.9);
		}
		

		a#bajar{
			color: #444;
			font-family: sans-serif;
			font-size: 29px;
			position: absolute;
			top: -53px;
			margin-left: 50%;
			background: rgba(250, 250, 250, 0.9);
			padding: 20px 20px 0 20px;
			border-radius: 30px 30px 0 0;
		}
		#group1{    
			width: 90%;
    		padding: 50px 5% 40px;
    	}
		#home #group1 p{padding: 4px;}
		#group1 p{
			margin: 0 0;
			text-align: left;
			font-size: 16px;
			color: #888;
			font-family: Roboto, sans-serif;
			font-weight:300;
		}

#home #group1 p em {font-family: Roboto, sans-serif; font-style: italic}
		#group1.contrato p{text-align:left;margin: 10px;}
		#group1.contrato img.contrato{float:left;width:40%; margin-right:5%;}		
		 p.descripcion{
			max-width: 56%;
			margin: auto!important;
		}
		p.descripcion span{
			font-size: 14px;
			font-family: Roboto, sans-serif;
			font-weight:300;
			font-style:italic;
			display:block;
		}
		p.descripcion span strong{
			font-size: 23px;
			font-family: serif;
		}
		p.descripcion img{
			margin-top:20px
		}
		#group1 .tres{
			width:30%;
			margin:10px 1.5%!important;
			float:left;
		}
		.tres img{
			width:100%;
			height:auto;
			margin:20px 0;
			border-radius:50%;
			transition:all 0.5s ease;
		}
		.tres img:hover{border-radius:15px}
		.tres strong{font-family: RobotoCondensed, sans-serif; background:#fff;padding:3px 5px;line-height: 2;}
		.tres em{font-family: RobotoCondensedItalic, sans-serif;}
		#group1 .tres p{
			padding:15px;
		}
		#group1.contrato .mini{font-size:16px;}
		#group1.home a,#group1.equipo div{
			width:46.3%;
			margin:10px 1.51%;
			float:left;
			display:block;
			position:relative;
			color:#777;
			transition:0.5s ease all;
		}
		#group1.equipo div.middle{margin-left: 25%}
		hr{
			border: none;
			max-width: 60%;
			background: #ddd;
			height: 0px;
			border-top: 2px solid;
		}
		#group1.home a strong,#group1.equipo div a{color:#444;font-size:19px; line-height:24px}
		#group1 a img,#group1.equipo div img{
			width:100%;
			height:auto;
			border-radius: 15px;
			margin-bottom: 20px;
			transition:0.5s ease all;
		}
		#group1 a span em,#group1.equipo div span em{font-family: Roboto, sans-serif; font-style: italic}
		#group1 a span,#group1.equipo div span{
			opacity:0;
			display:block;
			font-size: 20px;
			display:none\9;
			position:absolute;
			left:0;
			bottom:0;
			padding:55% 4.5% 0 5%;
			overflow:hidden;
			width:90.5%;
			height: 37%;
			border-radius:0 0 15px 15px;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+76 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 76%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(76%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 76%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 76%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 76%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 76%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
transition:0.7s ease all;
			}
		#equipo #group1.equipo div span{
			color: #c2002f;
			padding-top: 17%;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+1,1+54 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 54%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 54%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 54%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

		}
		#equipo #group1.equipo div span a,#equipo #group1.equipo div span>strong{
			font-size: 0.66em;
			color: #444;
		    line-height: 1.35;
		    display: block;
		    padding: 5px 0 3px 3px;
		    border-bottom: 1px solid #ddd;
		    transition: 0.5s ease all;
		}
		#equipo #group1.equipo div span a:hover{background: #ffffff;border-bottom: 1px solid #c2002f;}
		#equipo #group1.equipo div span{     height: auto;padding-bottom: 20px}

		#group1 a:hover,#group1.equipo div:hover {box-shadow: 0 0 36px rgba(0, 0, 0, 0.1);}
		#group1 a:hover img,#group1.equipo div:hover img{
			padding-bottom:10px;
			margin-top:-10px;
			opacity:1;

		}
		#group1 a:hover span,#group1.equipo div:hover span{
			display:block\9;
			opacity:1;
			}
		#group1.home a,#group1.equipo div{border-radius:15px;}
		#group1.home a::after{
			content:' ';
			display:block;
			background: url(../img/play.png) 0 0 transparent no-repeat;
			height:72px;
			width:90px;
			position:absolute;
			left:50%;
			margin-left:-45px;
			top:35%;
			opacity:0.3;
			transition:0.5s ease all;
		}
		#group1.home a:hover::after{
			top:25%;
			opacity:1;
		}
		#group1.home a.pic:hover::after{
			background: url(../img/pic.png) 0 0 transparent no-repeat;
		}
		#group1.home a.contrato{border-radius:50%;float:none;width:40%;max-width:400px;margin:auto}
		#group1.home a.contrato:hover {box-shadow: 0 0 0;}
		#group1.home a.contrato:hover::after{display:none}
		
/*FORMULARIO
.........................................*/


input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="phone"], input[type="time"], input[type="url"], textarea{
	border:none;
	border-radius: 4px;
	font-family:Roboto, sans-serif;
			font-weight:300;
	font-size: 14px;
	height: 35px;
	margin-top: 7px;
}

#form {
	width:90%;
	position:relative;
	margin-top:0px;
	padding:11px 5% 70px 5%;
	float:left;
}
#form div.campo{float:left}
#form div.campo,div.condiciones{margin:0 1%}


#form_in {
	margin:0 auto;
	padding-top:20px ;
}

form {
	padding:0px ;
	margin: 0px auto ;
	max-width: 957px;
}

label {
	color:#333;
	font-size:15px;
	font-weight:300;
}
div.condiciones{margin-top:19px}
label.condiciones{
	padding: 0px;
	float:left;
}
label.condiciones a{
	color: #000;
	text-decoration: none;
	border-bottom: 1px dashed #888;
	padding-bottom: 3px;
	font-size: 14px;
	font-family: Roboto, sans-serif;
	font-weight:300;
	transition: all 0.8s ease;
}
label.condiciones a:hover{
	color:#fff;
	border-bottom-style:solid
}

.form-control {
	border-radius:0px ;

}

.form-group {
	padding-right:10px;
	margin-bottom: 0px ;
}

#aviso_legal{
	width: 33px;
	height: 22px;
	margin-top: 12px;
}

.btn, .btn default {
	border-radius: 4px;
	margin-top:19px;
	background:#c5013b;
	color:#fff ;
	border:none ;
	padding:14px 22px 14px 23px ;
	border-color: transparent ;
	text-shadow: 0 0px 0 #fff;
	box-shadow:#9d002e 0px 5px 0px ;
	vertical-align:middle ;
	cursor:pointer;
	font-size:14px;
	transition:all ease 0.5s;
}
.btn:hover, .btn:hover default {
	box-shadow:#9d002e 0px 8px 0px ;
	margin-top:16px;
}
.btn:focus, .btn:focus default {
	box-shadow:#9d002e 0px -5px 0px ;
	margin-top:22px;
}

.btn, .btn default:not(*:root) {
	color:white ;
}
p.obligatorios{
	float: right;
	padding: 0;
	margin: 10px 0px;
	font-size: 14px;
}


.palante, .patras{
	color: #666;
	font-size: 30px;
	background: #fff;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	padding: 10px;
	display: block;
	line-height: 15px;
	position:absolute;
	bottom:130px;
}
.palante{right:10%} 
.patras{left:10%}

.footr{
	padding: 20px 0;
	width: 637px;
	margin:0 auto;
	font:1em Roboto, sans-serif;
	font-weight:300;
	display: flex;
}
.footr a, .footr span{
	display:block;
	float:left;
	padding:5px 14px;
	margin:30px 0;
}
.footr span{font-family: RobotoBold;}
.footr a{
	color:#666;
	border-right:1px solid #fff;
	display: flex;
	flex-grow: 1;
	justify-content: center;
}
.footr a:hover{color:#333;}

.sociaLinks{
	background-color:transparent;
	width:177px;
	margin:auto;
	float:none;
	padding:0;
    width: 165px;
	overflow: hidden;
	}
.sociaLinks ul li a{opacity:0.35}
div.sociaLinks ul{padding:0}

/* Pesta�as */
/*#home .MenuPestanas {  display: none;}*/
.MenuPestanas {  margin-top: 33px;}
body .MenuPestanas .MenuPestanasTitulo ul{background:transparent}
body .MenuPestanas .MenuPestanasTitulo ul li{max-width:50%;}
body .MenuPestanas .MenuPestanasTitulo ul li a { 
    font-size: 16px;
    font-family: Roboto, sans-serif;
	font-weight:300;
    padding: 15px 23px 10px;
    margin: 0 0 0 -1px;
    border-left: 1px solid #ddd;
}
.MenuPestanas .MenuPestanasTitulo ul li a.activado{background-color:#f1f1f1; }
.MenuPestanas .MenuPestanasTitulo ul li a.activado::after, .MenuPestanas .MenuPestanasTitulo ul li:hover a::before {  bottom: -36px;  left: 50%;
  margin-left: -20px;}
  
.conoceMas{
	font-size:16px!important;
	margin-top:20px;
}  
.conoceMas a{
	color: #000;
	display: inline-block;
	width: auto;
	margin: auto;
	padding: 15px 30px 20px 30px;
	border-radius: 30px;
	background: #fff;
	box-shadow: 0px 5px 0px rgba(0,0,0,0.1);
	transition: 0.5s ease all;
}
.conoceMas a:hover{ box-shadow:0px 10px 0px rgba(0,0,0,0.1)!important;}
.conoceMas a:focus{ box-shadow:0px 0px 0px rgba(0,0,0,0.1)!important;}


/* FORMULARIO FIXED */
#gracias .formularioFixed{display:none}
.formularioFixed{
	position: fixed;
    z-index: 4;
    right: 0%;
    top: 335px;
    clear: both;
    opacity: 0.91;
	filter: alpha(opacity=91);
	font: 16px/22px Roboto, 'Trebuchet MS', Verdana, Arial;
	font-weight:300;	
	transition:0.7s ease all;
	width:275px;
}
.formularioFixed:hover{
	opacity:1;
	filter: alpha(opacity=100);
}

.formularioFixed.masinfo{
	/* background: 	url("../img/info.png") no-repeat scroll 3px 4px #c2002f; */
	/* box-shadow:-3px 3px 0 rgba(0,0,0,0.07); */
	/* width:100px; */
	/* height:100px; */
}
.formularioFixed iframe{ height:350px}
.formularioFixed.masinfo iframe, .formularioFixed.masinfo h2{display:none}

.formularioFixed h2 {
	background: #c2002f;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    padding: 22px 16px;
    text-align: left;
    font-family: Roboto, sans-serif;
	font-weight:100;
	margin:0;
	letter-spacing:normal;
}
.formularioFixed span.masinfo {display:none}
.formularioFixed.masinfo span.masinfo {display:block}

.formularioFixed div.modal-close,
.formularioFixed div.modal-close:link,
.formularioFixed div.modal-close:active,
.formularioFixed div.modal-close:visited {
	color:#000; 
	font-size:37px; 
	cursor:pointer;	
	position:absolute; 
	right:14px; 
	top:15px;
	font-family:Roboto, sans-serif;
	font-weight:300;
	transition:0.5s ease all
}
.formularioFixed div.modal-close:hover {color:#fff;}

.formularioFixed.masinfo div.modal-close{
    width: 90%;
    top: 0;
    right: 0;
    padding: 5%;
}
.formularioFixed.masinfo div.modal-close span {display:none}
.formularioFixed.masinfo div.modal-close span.masinfo {
	display:block;
	font-size: 29px;
    padding-top: 51px;
	text-align:center;
}

  
/* Mediaqueries */
@media screen and (min-width: 1240px) {
	#group1.equipo div{width:30.3%;}
	#group1.equipo div span{font-size: 19px}
	#group1.equipo div.dos{margin-left: 18%}
	#group1.equipo div.middle{margin-left: 1.51%}
}
@media screen and (min-width: 1070px) {
	#group1 p{font-size:20px}
	
}
@media screen and (max-width: 1070px) {
	#form div.campo,div.condiciones{width: 31%;float:left}
	#form div.campo input,#form div.campo button{width: 100%;}
	#group1 a span {font-size: 17px;}
}
@media only screen and (max-width: 996px){
	.MenuPestanas {  margin-top: 18px;}
	body .MenuPestanas .MenuPestanasTitulo ul li a{
		padding: 13px 8px 11px;
		font-size: 14px;
	}
	.formularioFixed div.modal-close span {
		font-size: 26px;
		position: absolute;
		top: -7px;
		right: -8px;
	}
	.formularioFixed.masinfo div.modal-close span.masinfo {
		font-size:22px;
		right: 23px;
		top: 4px;
	}
	.formularioFixed,.formularioFixed  iframe{
		top:295px;	
		width: 180px;
		height: 395px;
	}
	.formularioFixed h2{   	padding: 12px 11px;    font-size: 13px;}
	.formularioFixed.masinfo div.modal-close span.masinfo {
		font-size:22px;
	}
	.sociaLinks { top: 181px;}
	.footr{width: 553px;}
	#group1 a span {font-size: 1.2em;}
	#group1.equipo div span {font-size: 17px;}
}

@media screen and (max-width: 800px) {
	.ejemplos h1 span { margin-right: -5%;}
	div.condiciones{width:100%}
	p.obligatorios {margin: 10px 0}
	.btn, .btn default {min-width:170px;}
	#group1 a span{padding-bottom: 20%;}
	#group1 p {
		font-size: 14px;
		margin: 0 -5%;
	}
	#group1.home a:hover::after{top:20%;}
	.palante, .patras {bottom: 30px;}
	.conoceMas{font-size:15px!important;}
	.sociaLinks {   top: 232px;}
}
@media screen and (max-width: 763px) {
	h1{    font-size: 45px; margin-right: -10%;}
	#group1.equipo div,#group1.equipo div.middle{width:90%;margin-left: 5%}
	#group1.equipo div span {font-size: 19px;}
}
@media only screen and (max-width: 700px){
	.formularioFixed.masinfo div.modal-close span.masinfo {
		font-size:16px;
		right: 11px;
		top: -10px;
	}
	.formularioFixed.masinfo {
		background-position: -18px -3px;
		/* width: 61px; */
		/* height: 71px; */
	}
}
@media screen and (max-width: 620px) {
	h2{font-size: 17px;letter-spacing:normal}

	#group1 a span{
		font-size:90%;
		padding-bottom:11%;
		line-height:1.2;
	    padding-bottom: 0%;
	}
	#group1.home a strong{font-size:14px;}
	.conoceMas{font-size:13px!important;}
	body .MenuPestanas .MenuPestanasTitulo ul li a{
		  font-size: 14px;
		    padding: 15px 10px 15px;
	}
	.footr {
		width:90%;
		}
	.footr a, .footr span {
		padding: 10px 0;
		margin: 0;
		width: 100%;
		text-align: center;
		border-right: 0;
		border-bottom: 1px solid #fff;
		text-align: center;
		}
}

@media screen and (max-width: 550px) {
	html div.video{opacity: 1}
	#video h1{margin-left:0}
	#form div.campo {width: 95%}
	#form input{width:100%}
	#form input#aviso_legal{width:33px}
	.btn, .btn default {width: 100%;}
	div.condiciones {margin-top: 13px;}
	p.obligatorios {
		margin: 11px;
		font-size: 12px;
		float: right;}
	#group1 .tres{
			width:90%;
			margin:10px 2.5%!important;
		}
	#group1 .tres img{width:90%;margin:15px 5%;}
	#group1 a span{display:none}
	#group1.contrato .mini {font-size: 13px}
	#group1.home a {
		width: 45%;
		margin: 0 2.5%;
	}
	#group1.home a.contrato{width:60%;}
	.palante, .patras {bottom: 30px;}
	

	#header img {
		  min-width: 59%;
		  margin-left: 19%;
		  float: none;}
	h1{
		width: 100%;
		text-align: center;
		padding: 0;
		margin: 0;}
	h1 span {text-align:center;    font-size: 18px;}
	.sociaLinks { top: 315px;}
	.formularioFixed, .formularioFixed iframe {top: 358px;}
	#group1.equipo div,#group1.equipo div.middle{width:100%;margin-left:0}
	#group1.equipo div span {font-size: 18px;}
}
@media only screen and (max-width: 460px){
	.formularioFixed  {   
		min-height: 30px;
		overflow: hidden;
		width:100%;
	} 
	.formularioFixed  iframe { width:100%;}
	.MenuPestanasTitulo ul li a {
		font-size: 12px;
		padding: 15px 8px 15px;
	}
	.sociaLinks {
		top: 293px;
		width: 114px;
	}
	.sociaLinks ul li a{
		    margin: 2px;
	}

}
@media only screen and (max-height: 450px) and (max-width: 460px){
	.formularioFixed h2 {  font-size: 15px; line-height: 16px;   padding: 6px 8px;}
	.formularioFixed.masinfo div.modal-close span.masinfo {font-size: 20px;}

}
@media screen and (max-width: 440px) {
	#header{width:96%}

.ejemplos h1 span { margin-right: 9%;}
	h2{font-size:20px;}
	
}
 @media screen and (max-width: 360px) {
	.sociaLinks ul li a {
		margin:1px;
	}
	.sociaLinks {top: 279px;}
	body .MenuPestanas .MenuPestanasTitulo ul li a {
    font-size: 14px;
    padding: 15px 6px 15px;
	}
}
@media only screen and (max-height: 616px){
	.formularioFixed { top:10px;}
}
@media only screen and (max-height: 422px){
	.formularioFixed h2{     padding: 10px 12px;}
	.formularioFixed div.modal-close span {
		font-size: 26px;
		position: absolute;
		top: -7px;
		right: -8px;
	}
}

.sociaLinks strong{
	padding: 0;
	color:#000;
	font-family:roboto, sans-serif;
	font-size: 15px;
	margin: -5px 0 5px 0;
	display: block;
	}
.sociaLinks  ul li{
	display:			block;
	float:				left;
}

.sociaLinks  ul li a{	
	background-image: 	url("../img/social_icons.png");
	width:				47px; 
	height:				47px; 
	display:			block; 
	float:				left;
	margin:				5px 5px 5px 2px;
	opacity:			0.6;
	border:				none;
	transition: 		0.5s all ease;
}

.touch  .sociaLinks a,
.sociaLinks a:hover{ 
	opacity:		1;
	border:			none; 
	transform: 		rotate(360deg);
	-moz-transform:	rotate(360deg);
	-ms-transform:	rotate(360deg); /* IE 9 */
	-webkit-transform:rotate(360deg);
}

.sociaLinks ul li a.sp{ background-position:-52px -1px;width: 48px;}
.sociaLinks ul li a.li{ background-position:-104px -1px;width: 48px;}
.sociaLinks ul li a.tw{ background-position:-156px -1px;width: 48px;}
.sociaLinks ul li a.vi{ background-position:-209px -1px;}
.sociaLinks ul li a.yo{ background-position:-261px -1px;}
.sociaLinks ul li a.go{ background-position:-52px -53px;width: 48px;}
.sociaLinks ul li a.fa{ background-position:-105px -53px;}
.sociaLinks ul li a.in{ background-position:-156px -53px;width: 48px;}
.sociaLinks ul li a.fl{ background-position:-209px -53px;}
.sociaLinks ul li a.pi{ background-position:-261px -53px;}
.sociaLinks ul li a.bl{ background-position:-1px -53px;}
.sociaLinks ul li a.rs{ background-position:-1px -1px ;}
.sociaLinks ul li a span{display:none;}



@media only screen and (min-width: 1300px) {.sociaLinks strong{margin-left: -20%;font-size:17px}}

@media only screen and (max-width: 470px) {
	.sociaLinks{	padding: 20px 0;}
	.sociaLinks  ul li a{	
	background-image: 	url("../img/social_icons-mini.png");
	background-repeat:	no-repeat;
	width:				31px;
	height:				31px;
	}
	.sociaLinks ul li a.sp{ background-position: -38px -3px;width: 31px;}
	.sociaLinks ul li a.li{ background-position:-73px -3px;width: 31px;}
	.sociaLinks ul li a.tw{ background-position: -109px -3px;width: 31px;}
	.sociaLinks ul li a.vi{ background-position: -144px -3px;width: 32px;}
	.sociaLinks ul li a.yo{ background-position: -180px -3px;width: 32px;}
	.sociaLinks ul li a.go{ background-position: -38px -39px; width: 30px;}
	.sociaLinks ul li a.fa{ background-position:-73px -39px;width: 31px;}
	.sociaLinks ul li a.in{ background-position: -109px -39px;width: 31px;}
	.sociaLinks ul li a.fl{ background-position: -144px -39px;width: 32px;}
	.sociaLinks ul li a.pi{ background-position: -180px -39px;width: 32px;}
	.sociaLinks ul li a.bl{ background-position: -1px -39px;width: 32px;}
	.sociaLinks ul li a.rs{ background-position: -1px -3px; width: 32px;}
}


		html, body {min-height:100%!important;height:auto;width: 100%;overflow-x: hidden;}
		html{background:transparent;}
		html body {
			margin: 0;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cbd0d3+1,fff9f9+64 */
			background: rgb(203,208,211); /* Old browsers */
			background: -moz-linear-gradient(top,  rgba(203,208,211,1) 1%, rgba(255,249,249,1) 64%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  rgba(203,208,211,1) 1%,rgba(255,249,249,1) 64%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  rgba(233,158,161,1) 1%,rgba(255,299,249,1) 64%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbd0d3', endColorstr='#fff9f9',GradientType=0 ); /* IE6-9 */
			/* background: linear-gradient(0deg, rgba(255,255,255,1) 7%, rgba(246,217,224,0.7511379551820728) 21%, rgba(194,0,47,1) 100%); */
		}
		html strong, body strong{font-family: Roboto, sans-serif}
		html strong em, body strong em{font-family: Roboto, sans-serif; font-style: italic}
		.wrapper{margin:0 auto;max-width:1200px;padding:0 10px;position: relative;background: transparent;
    z-index: 2;}
		canvas{position: absolute;top: 0;}
		
		.mainnav{
			position:fixed;
			top:0;
			background:rgba(254,254,254,0.33);
			padding: 10px;
		}
		html body h1{
			font-size: 2em;
			padding: 10px 50px;
			box-sizing: border-box;
			font-family: ballet, sans-serif;
		}
		    
		
		.stopfade { 
		   opacity: .5;
		}

		#header { 
		  font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif;
		  font-weight:100; 
		  width: 210px;
		  margin:0 auto;
		  padding-bottom: 40px;
		  padding-top: 30px;
		  font-size: 1.2rem;
		  width:100%; 
		  float:left;
		  min-height:130px;
		  clear:both;
		}
		#header img{width:258px;max-width:33%;float:right;margin:37px 49px 19px 19px;}
		h1 {
		  font-family:Roboto, sans-serif;
		  font-weight:100;
		  font-size:53px;
		  font-size: 3.8rem;
		  color:#222;
		  width:52%;
		  float:left;
		  margin: 40px 26px 0 0;
		  letter-spacing:-0.02em;
		  text-align:left;
		}
		#video h1{margin-left:20px;margin-right:-20px;}
		h1 span{
			font-size: 23px;
			font-size: 4.62rem;
			margin-left: -9px;
			line-height: 1.1;
			line-height: normal\9;
			display:block;
			/* font-family:Roboto, sans-serif; */
			/* font-weight:700; */
			letter-spacing:normal;
			text-align:left;
			/* color: #c2002f; */
			color: #333;
		}
		.ejemplos h1 span{text-align:right;  margin-right: 12%;}
		h2{
			font-size: 70px;
			margin: 10px 0;
			text-align: center;
			font-family: Ballet, Roboto, sans-serif;
			font-weight:300;
			color: #c2002f;
			letter-spacing: 1px;
		}
		h2 span{font-size:70%;display:block;}
		
		html .video{
			float:left;
			width:100%;
			padding:0;
			opacity:1;
			transition:2s ease all;
			overflow:hidden;
		}
		html .video:hover{
			opacity:1;
			box-shadow:0 0 100px #fff,0 0 100px #fff,0 0 100px #fff;
			border-radius: 30px;
		}
		html .video img{width:100%;height:auto;}
		
		.video-flexible.widescreen {
    padding-bottom: 37.43%;
    border-radius: 30px;
}
.video-flexible.widescreen iframe{
	border-radius:30px;
}
		a.button {
		  display: inline-block;
		  color: #fff;
		  text-decoration: none;
		  background:rgba(0,0,0,0.5);
		  padding: .5rem;
		  transition: .6s background; 
		}
		a.button:hover{
		  background:rgba(0,0,0,0.9);
		}
		

		a#bajar{
			color: #444;
			font-family: sans-serif;
			font-size: 29px;
			position: absolute;
			top: -53px;
			margin-left: 50%;
			background: rgba(250, 250, 250, 0.9);
			padding: 20px 20px 0 20px;
			border-radius: 30px 30px 0 0;
		}
		#group1{
			width: 90%;
			padding: 20px 5% 40px;
			}
		#home #group1 p{padding: 15px;}
		#group1 p{
			margin: 0 0;
			text-align: left;
			font-size: 20px;
			color: #333;
			font-family: Roboto, sans-serif;
			font-weight:300;
		}
		#group1 p.firma{
			text-align: right;
			font-weight:600;
		}
		#group1.contrato p{text-align:left;margin: 10px;}
		#group1.contrato img.contrato{float:left;width:40%; margin-right:5%;}		
		 p.descripcion{
			max-width: 56%;
			margin: auto!important;
		}
		p.descripcion span{
			font-size: 14px;
			font-family: Roboto, sans-serif;
			font-weight:300;
			font-style:italic;
			display:block;
		}
		p.descripcion span strong{
			font-size: 23px;
			font-family: serif;
		}
		p.descripcion img{
			margin-top:20px
		}
		#group1 .tres{
			width:30%;
			margin:10px 1.5%!important;
			float:left;
		}
		.tres img{
			width:100%;
			height:auto;
			margin:20px 0;
			border-radius:50%;
			transition:all 0.5s ease;
		}
		.tres img:hover{border-radius:15px}
		.tres strong{font-family: RobotoCondensed, sans-serif; background:#fff;padding:3px 5px;line-height: 2;}
		.tres em{font-family: RobotoCondensedItalic, sans-serif;}
		#group1 .tres p{
			padding:15px;
		}
		#group1.contrato .mini{font-size:16px;}
		#group1.home a,#group1.equipo div{
			width:46.3%;
			margin:10px 1.51%;
			float:left;
			display:block;
			position:relative;
			color:#777;
			transition:0.5s ease all;
		}
		#group1.equipo div.middle{margin-left: 25%}
		hr{
			border: none;
			max-width: 60%;
			background: #ddd;
			height: 0px;
			border-top: 2px solid;
		}
		#group1.home a strong,#group1.equipo div a{color:#444;font-size:19px; line-height:24px}
		#group1 a img,#group1.equipo div img{
			width:100%;
			height:auto;
			border-radius: 15px;
			margin-bottom: 20px;
			transition:0.5s ease all;
		}
		#group1 a span em,#group1.equipo div span em{font-family: Roboto, sans-serif; font-style: italic;}
		#group1 a span,#group1.equipo div span{
			opacity:0;
			display:block;
			font-size: 20px;
			display:none\9;
			position:absolute;
			left:0;
			bottom:0;
			padding:55% 4.5% 0 5%;
			overflow:hidden;
			width:90.5%;
			height: 37%;
			border-radius:0 0 15px 15px;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+76 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 76%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(76%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 76%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 76%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 76%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 76%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
transition:0.7s ease all;
			}
		#equipo #group1.equipo div span{
			color: #c2002f;
			padding-top: 17%;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+1,1+54 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 54%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 54%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 54%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

		}
		#equipo #group1.equipo div span a,#equipo #group1.equipo div span>strong{
			font-size: 0.66em;
			color: #444;
		    line-height: 1.35;
		    display: block;
		    padding: 5px 0 3px 3px;
		    border-bottom: 1px solid #ddd;
		    transition: 0.5s ease all;
		}
		#equipo #group1.equipo div span a:hover{background: #ffffff;border-bottom: 1px solid #c2002f;}
		#equipo #group1.equipo div span{     height: auto;padding-bottom: 20px}

		#group1 a:hover,#group1.equipo div:hover {box-shadow: 0 0 36px rgba(0, 0, 0, 0.1);}
		#group1 a:hover img,#group1.equipo div:hover img{
			padding-bottom:10px;
			margin-top:-10px;
			opacity:1;

		}
		#group1 a:hover span,#group1.equipo div:hover span{
			display:block\9;
			opacity:1;
			}
		#group1.home a,#group1.equipo div{border-radius:15px;}
		#group1.home a::after{
			content:' ';
			display:block;
			background: url(../img/play.png) 0 0 transparent no-repeat;
			height:72px;
			width:90px;
			position:absolute;
			left:50%;
			margin-left:-45px;
			top:35%;
			opacity:0.3;
			transition:0.5s ease all;
		}
		#group1.home a:hover::after{
			top:25%;
			opacity:1;
		}
		#group1.home a.pic:hover::after{
			background: url(../img/pic.png) 0 0 transparent no-repeat;
		}
		#group1.home a.contrato{border-radius:50%;float:none;width:40%;max-width:400px;margin:auto}
		#group1.home a.contrato:hover {box-shadow: 0 0 0;}
		#group1.home a.contrato:hover::after{display:none}
		
/*FORMULARIO
.........................................*/


input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="phone"], input[type="time"], input[type="url"], textarea{
	border:none;
	border-radius: 4px;
	font-family:Roboto, sans-serif;
			font-weight:300;
	font-size: 14px;
	height: 35px;
	margin-top: 7px;
}

#form {
	width:90%;
	position:relative;
	margin-top:0px;
	padding:11px 5% 70px 5%;
	float:left;
}
#form div.campo{float:left}
#form div.campo,div.condiciones{margin:0 1%}


#form_in {
	margin:0 auto;
	padding-top:20px ;
}

form {
	padding:0px ;
	margin: 0px auto ;
	max-width: 957px;
}

label {
	color:#333;
	font-size:15px;
	font-weight:300;
}
div.condiciones{margin-top:19px}
label.condiciones{
	padding: 0px;
	float:left;
}
label.condiciones a{
	color: #000;
	text-decoration: none;
	border-bottom: 1px dashed #888;
	padding-bottom: 3px;
	font-size: 14px;
	font-family: Roboto, sans-serif;
	font-weight:300;
	transition: all 0.8s ease;
}
label.condiciones a:hover{
	color:#fff;
	border-bottom-style:solid
}

.form-control {
	border-radius:0px ;

}

.form-group {
	padding-right:10px;
	margin-bottom: 0px ;
}

#aviso_legal{
	width: 33px;
	height: 22px;
	margin-top: 12px;
}

.btn, .btn default {
	border-radius: 4px;
	margin-top:19px;
	background:#c5013b;
	color:#fff ;
	border:none ;
	padding:14px 22px 14px 23px ;
	border-color: transparent ;
	text-shadow: 0 0px 0 #fff;
	box-shadow:#9d002e 0px 5px 0px ;
	vertical-align:middle ;
	cursor:pointer;
	font-size:14px;
	transition:all ease 0.5s;
}
.btn:hover, .btn:hover default {
	box-shadow:#9d002e 0px 8px 0px ;
	margin-top:16px;
}
.btn:focus, .btn:focus default {
	box-shadow:#9d002e 0px -5px 0px ;
	margin-top:22px;
}

.btn, .btn default:not(*:root) {
	color:white ;
}
p.obligatorios{
	float: right;
	padding: 0;
	margin: 10px 0px;
	font-size: 14px;
}


.palante, .patras{
	color: #666;
	font-size: 30px;
	background: #fff;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	padding: 10px;
	display: block;
	line-height: 15px;
	position:absolute;
	bottom:130px;
}
.palante{right:10%} 
.patras{left:10%}

.footr{
	padding: 20px 0;
	width: 637px;
	margin:0 auto;
	font:1em Roboto, sans-serif;
	font-weight:300;
	display: flex;
}
.footr a, .footr span{
	display:block;
	float:left;
	padding:5px 14px;
	margin:30px 0;
}
.footr span{font-family: RobotoBold;}
.footr a{
	color:#666;
	border-right:1px solid #fff;
	display: flex;
	flex-grow: 1;
	justify-content: center;
}
.footr a:hover{color:#333;}

.sociaLinks{
	background-color:transparent;
	width:177px;
	margin:auto;
	float:none;
	padding:0;
    width: 165px;
	overflow: hidden;
	}
.sociaLinks ul li a{opacity:0.35}
div.sociaLinks ul{padding:0}

/* Pesta�as */
/*#home .MenuPestanas {  display: none;}*/
.MenuPestanas {  margin-top: 33px;}
body .MenuPestanas .MenuPestanasTitulo ul{background:transparent}
body .MenuPestanas .MenuPestanasTitulo ul li{max-width:50%;}
body .MenuPestanas .MenuPestanasTitulo ul li a { 
    font-size: 16px;
    font-family: Roboto, sans-serif;
	font-weight:300;
    padding: 15px 23px 10px;
    margin: 0 0 0 -1px;
    border-left: 1px solid #ddd;
}
.MenuPestanas .MenuPestanasTitulo ul li a.activado{background-color:#f1f1f1; }
.MenuPestanas .MenuPestanasTitulo ul li a.activado::after, .MenuPestanas .MenuPestanasTitulo ul li:hover a::before {  bottom: -36px;  left: 50%;
  margin-left: -20px;}
  
.conoceMas{
	font-size:16px!important;
	margin-top:20px;
}  
.conoceMas a{
	color: #000;
	display: inline-block;
	width: auto;
	margin: auto;
	padding: 15px 30px 20px 30px;
	border-radius: 30px;
	background: #fff;
	box-shadow: 0px 5px 0px rgba(0,0,0,0.1);
	transition: 0.5s ease all;
}
.conoceMas a:hover{ box-shadow:0px 10px 0px rgba(0,0,0,0.1)!important;}
.conoceMas a:focus{ box-shadow:0px 0px 0px rgba(0,0,0,0.1)!important;}


/* FORMULARIO FIXED */
#gracias .formularioFixed{display:none}
.formularioFixed{
	position: fixed;
    z-index: 4;
    right: 0%;
    top: 335px;
    clear: both;
    opacity: 0.91;
	filter: alpha(opacity=91);
	font: 16px/22px Roboto, 'Trebuchet MS', Verdana, Arial;
	font-weight:300;	
	transition:0.7s ease all;
	width:275px;
}
.formularioFixed:hover{
	opacity:1;
	filter: alpha(opacity=100);
}

.formularioFixed.masinfo{
	/* background: 	url("../img/info.png") no-repeat scroll 3px 4px #c2002f; */
	/* box-shadow:-3px 3px 0 rgba(0,0,0,0.07); */
	/* width:100px; */
	/* height:100px; */
	bottom: 20px;
	top: auto;
}
.formularioFixed iframe{ height:350px}
.formularioFixed.masinfo iframe, .formularioFixed.masinfo h2{display:none}

.formularioFixed h2 {
	background: #c2002f;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    padding: 22px 16px;
    text-align: left;
    font-family: Roboto, sans-serif;
	font-weight:100;
	margin:0;
	letter-spacing:normal;
}
.formularioFixed span.masinfo {display:none}
.formularioFixed.masinfo span.masinfo {display:block}

.formularioFixed div.modal-close,
.formularioFixed div.modal-close:link,
.formularioFixed div.modal-close:active,
.formularioFixed div.modal-close:visited {
	color:#000; 
	font-size:37px; 
	cursor:pointer;	
	position:absolute; 
	right:14px; 
	top:15px;
	font-family:Roboto, sans-serif;
	font-weight:300;
	transition:0.5s ease all
}
.formularioFixed div.modal-close:hover {color:#fff;}

.formularioFixed.masinfo div.modal-close{
    width: 90%;
    top: 0;
    right: 0;
    padding: 5%;
}
.formularioFixed.masinfo div.modal-close span {display:none}
.formularioFixed.masinfo div.modal-close span.masinfo {
	display:block;
	font-size: 29px;
    padding-top: 51px;
	text-align:center;
}

  
/* Mediaqueries */
@media screen and (min-width: 1240px) {
	#group1.equipo div{width:30.3%;}
	#group1.equipo div span{font-size: 19px}
	#group1.equipo div.dos{margin-left: 18%}
	#group1.equipo div.middle{margin-left: 1.51%}
}
@media screen and (min-width: 1070px) {
	#group1 p{font-size:20px}
	
}
@media screen and (max-width: 1070px) {
	#form div.campo,div.condiciones{width: 31%;float:left}
	#form div.campo input,#form div.campo button{width: 100%;}
	#group1 a span {font-size: 17px;}
}
@media only screen and (max-width: 996px){
	.MenuPestanas {  margin-top: 18px;}
	body .MenuPestanas .MenuPestanasTitulo ul li a{
		padding: 13px 8px 11px;
		font-size: 14px;
	}
	.formularioFixed div.modal-close span {
		font-size: 26px;
		position: absolute;
		top: -7px;
		right: -8px;
	}
	.formularioFixed.masinfo div.modal-close span.masinfo {
		font-size:22px;
		right: 23px;
		top: 4px;
	}
	.formularioFixed,.formularioFixed  iframe{
		top:295px;	
		width: 180px;
		height: 395px;
	}
	.formularioFixed h2{   	padding: 12px 11px;    font-size: 13px;}
	.formularioFixed.masinfo div.modal-close span.masinfo {
		font-size:22px;
	}
	.sociaLinks { top: 181px;}
	.footr{width: 553px;}
	#group1 a span {font-size: 1.2em;}
	#group1.equipo div span {font-size: 17px;}
}

@media screen and (max-width: 800px) {
	.ejemplos h1 span { margin-right: -5%;}
	div.condiciones{width:100%}
	p.obligatorios {margin: 10px 0}
	.btn, .btn default {min-width:170px;}
	#group1 a span{padding-bottom: 20%;}
	#group1 p {
		font-size: 16px;
		margin: 0 -5%;
	}
	#group1.home a:hover::after{top:20%;}
	.palante, .patras {bottom: 30px;}
	.conoceMas{font-size:15px!important;}
	.sociaLinks {   top: 232px;}
}
@media screen and (max-width: 763px) {
	h1{    font-size: 45px; margin-right: -10%;}
	#group1.equipo div,#group1.equipo div.middle{width:90%;margin-left: 5%}
	#group1.equipo div span {font-size: 19px;}
}
@media only screen and (max-width: 700px){
	.formularioFixed.masinfo div.modal-close span.masinfo {
		font-size:16px;
		right: 11px;
		top: -10px;
	}
	.formularioFixed.masinfo {
		/* background-position: -18px -3px; */
		/* width: 61px; */
		/* height: 71px; */
	}
}
@media screen and (max-width: 620px) {
	h2{font-size: 45px;/* letter-spacing:normal; */}

	#group1 a span{
		font-size:90%;
		padding-bottom:11%;
		line-height:1.2;
	    padding-bottom: 0%;
	}
	#group1.home a strong{font-size:14px;}
	.conoceMas{font-size:13px!important;}
	body .MenuPestanas .MenuPestanasTitulo ul li a{
		  font-size: 14px;
		    padding: 15px 10px 15px;
	}
	.footr {
		width:90%;
		}
	.footr a, .footr span {
		padding: 10px 0;
		margin: 0;
		width: 100%;
		text-align: center;
		border-right: 0;
		border-bottom: 1px solid #fff;
		text-align: center;
		}
}

@media screen and (max-width: 550px) {
	html div.video{opacity: 1}
	#video h1{margin-left:0}
	#form div.campo {width: 95%}
	#form input{width:100%}
	#form input#aviso_legal{width:33px}
	.btn, .btn default {width: 100%;}
	div.condiciones {margin-top: 13px;}
	p.obligatorios {
		margin: 11px;
		font-size: 12px;
		float: right;}
	#group1 .tres{
			width:90%;
			margin:10px 2.5%!important;
		}
	#group1 .tres img{width:90%;margin:15px 5%;}
	#group1 a span{display:none}
	#group1.contrato .mini {font-size: 13px}
	#group1.home a {
		width: 45%;
		margin: 0 2.5%;
	}
	#group1.home a.contrato{width:60%;}
	.palante, .patras {bottom: 30px;}
	

	#header img {
		  min-width: 59%;
		  margin-left: 19%;
		  float: none;}
	h1{
		width: 100%;
		text-align: center;
		padding: 0;
		margin: 0;}
	h1 span {text-align:center;font-size: 53px;color: #c2002f;}
	.sociaLinks { top: 315px;}
	.formularioFixed, .formularioFixed iframe {top: 358px;}
	#group1.equipo div,#group1.equipo div.middle{width:100%;margin-left:0}
	#group1.equipo div span {font-size: 18px;}
}
@media only screen and (max-width: 460px){
	.formularioFixed  {   
		min-height: 30px;
		overflow: hidden;
		width:100%;
	} 
	.formularioFixed  iframe { width:100%;}
	.MenuPestanasTitulo ul li a {
		font-size: 12px;
		padding: 15px 8px 15px;
	}
	.sociaLinks {
		top: 293px;
		width: 114px;
	}
	.sociaLinks ul li a{
		    margin: 2px;
	}

}
@media only screen and (max-height: 450px) and (max-width: 460px){
	.formularioFixed h2 {  font-size: 15px; line-height: 16px;   padding: 6px 8px;}
	.formularioFixed.masinfo div.modal-close span.masinfo {font-size: 20px;}

}
@media screen and (max-width: 440px) {
	#header{width:96%}

.ejemplos h1 span { margin-right: 9%;}
	h2{/* font-size:20px; */}
	
}
 @media screen and (max-width: 360px) {
	.sociaLinks ul li a {
		margin:1px;
	}
	.sociaLinks {top: 279px;}
	body .MenuPestanas .MenuPestanasTitulo ul li a {
    font-size: 14px;
    padding: 15px 6px 15px;
	}
}
@media only screen and (max-height: 616px){
	.formularioFixed { top:10px;}
}
@media only screen and (max-height: 422px){
	.formularioFixed h2{     padding: 10px 12px;}
	.formularioFixed div.modal-close span {
		font-size: 26px;
		position: absolute;
		top: -7px;
		right: -8px;
	}
}