/* Global */
@import url("fonts/aller.css");
body {
	font-family: 'allerregular';
	font-size: 1em;
	color: #8a8683;
	background-color:#ffffff;
}
img {
	max-width: 100%;
}
a:link {
	color: #6d9d31;
	text-decoration: none;
}
a:hover {
	color: #8DC63F;
	text-decoration: none;
}
a:visited {
	color: #8DC63F;;
	text-decoration: none;
}

.col { width:45%; float:left; clear:none; margin-left:10%; vertical-align:middle; margin-top:auto; margin-bottom:auto;}
.nm { margin-left:0;}

#aside { font-size:12px; position:relative;}

#aside form { clear:none; float:right;}
#aside .boton { background-color:#d6d6d6; border:none; padding:8px 10px; color:#999999; margin:0px!important;}
.boton:hover {background-color:#000;}
input, textarea { 
margin:0 5px;  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0,0.1);
  border-radius: 10px;
  padding:8px 6px;
  font-size:13px;
  color:#898989;
  padding-left:10px;
    }

.mobile { display:none;}	
.boton {
	background-color: #8dc63f;
	border: none;
	padding: 12px 15px;
	color: #FFF;
	border-radius: 10px;
	margin-top: 30px;
	-webkit-transition: all 300ms ease-in-out 0s;
	-moz-transition: all 300ms ease-in-out 0s;
	-ms-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
	font-size:14px;
}

#registro { clear:both; display:block; position:relative; margin-top:30px;}
#registro .text { float:left; clear:none; margin-top:10px; display:inline-block; font-family:'aller_lightregular';}
#registro form { clear:none; float:right; display:inline-block; font-family:'allerregular';}
#registro input { padding-top:12px;padding-bottom:12px;-webkit-box-shadow: inset 1px 0px 20px 0px rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 0px 20px 0px rgba(0, 0, 0, 0.1); font-family:'allerregular'; }
#registro .boton{ margin-top:0; font-size:14px;font-family:'allerregular';}
a.morelink {
	text-decoration:none;
	outline: none;
	color:#6d9d31;
}
a.morelink:hover { text-decoration:underline; }
.morecontent span {
	display: none;
}
.servicio { padding-left:90px; background-image: url(../images/servicio2.png); background-repeat:no-repeat; background-position:left; margin-left:-90px;
}
.fadein { position:relative; float:right;}
.fadein img { position:absolute; right:0;}
.margen { margin-top:100px;}
footer { margin-top:30px; margin-bottom:25px;}
#pager { width:100%; position:absolute; margin-top:-80px; z-index:3000;}
#pager ul {
	margin: 0;
	width: 100%;
	text-align: center;
	padding: 5px;
	border-radius: 5px;
	background-image: -webkit-gradient(linear, 100.00% 41.18%, 0.00% 58.82%, color-stop( 0% , rgba(0,0,0,0.00)),color-stop( 34.20% , rgba(40,40,40,0.43)),color-stop( 49.74% , rgba(85,85,85,0.70)),color-stop( 64.76% , rgba(63,63,63,0.67)),color-stop( 100% , rgba(0,0,0,0.00)));
	background-image: -webkit-linear-gradient(190deg,rgba(0,0,0,0.00) 0%,rgba(40,40,40,0.43) 34.20%,rgba(85,85,85,0.70) 49.74%,rgba(63,63,63,0.67) 64.76%,rgba(0,0,0,0.00) 100%);
	background-image: linear-gradient(260deg,rgba(0,0,0,0.00) 0%,rgba(40,40,40,0.43) 34.20%,rgba(85,85,85,0.70) 49.74%,rgba(63,63,63,0.67) 64.76%,rgba(0,0,0,0.00) 100%);
}
#pager li { display:inline-block; clear:none; text-align:left; margin-right:5%; margin-left:1%; position:relative; }
#pager li a{ color:#FFF; padding:0 5px;font-size:15px; }
#pager li a:hover { text-decoration:underline;}

.circulo { position:absolute; height:10px; width:10px; border-radius:5px; background-color:#000; bottom:0; top:0; margin:auto; left:-15px;}
.mas { display:block; position:absolute; color:#FFF; z-index:5000; margin-top:-120px; margin-left:50px; padding:10px; font-size:15px; background-color:transparent; font-family:'allerbold';}
.mas:hover{ background-color:transparent; text-decoration:underline; cursor:pointer;} 
/* Navigation */

.menu {
	position:fixed;
	top:0px;
	width:100%; 
	height:auto; 
	background-color:#ffffff;
	background-image: url(../images/debut_light.png);
	z-index:9999;
	min-height:150px;
}
#logo {
	text-align: left;
	margin: 10px 0;
	position:absolute;
}
#nav {
	text-align: right;
	margin: 30px 0 0 0;
}
.navigation{
	float: right;
	list-style: none;
	margin-top:40px;
	margin-bottom:26px;
	clear:both;
}
.navigation li{
	float: left;
	padding:0 0 0 50px;
		-webkit-transition: all 300ms ease-in-out 0s;
	-moz-transition: all 300ms ease-in-out 0s;
	-ms-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
}
.navigation li:hover{
	cursor:pointer;
	color: #cbdb2a;
}

.navigation .active{
	cursor:pointer;
}

	#login {
	display: none;
	position: absolute;
	width: auto;
	background-color: #F2F5F5;
	padding: 5px;
	right: 0px;
	top: 30px;
	z-index: 9000;
	border:1px solid rgba(204,204,204,0.2);
	border-radius:15px;
}

#show_login { cursor:pointer; z-index:6000; position:relative;}

#login .boton{ font-size:12px;border-radius:7px; float:left; margin-left:10px!important;}
#login .boton:hover { background-color:#000; color:#FFF; }
#login input { clear:both!important; margin:5px 5px;}
.siguenos { clear:none; float:right; margin-top:12px; margin-right:5px; font-family:'aller_lightregular';}
.siguenos a{ color:#333;}
.siguenos a:hover { color:#8DC63F;}
#facebook { display:inline-block; width:35px; height:33px;clear:none; float:right; margin:0px;cursor:pointer; position:relative; margin-right:15px;}
#twitter { display:inline-block; width:35px; height:33px; clear:none; float:right; margin:0px;cursor:pointer; position:relative;margin-right:10px;}
#facebook img, #twitter img {
	position:absolute;
  left:0;
  z-index:8000;
  -webkit-transition: opacity 200ms ease-in-out;
  -moz-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
	}
#twitter img.top:hover, #facebook img.top:hover {
  opacity:0;
}

.linea { margin:60px 0; width:100%;}
.fondo { background-image:url(../images/debut_light2.png); padding:0!important; }
#registro { margin-top:0!important; padding-top:60px; }
.morelink { color: #8DC63F!important;}
.resuelve { position:absolute; left:180px; top:25px;}
/* General Slides */ 

.slide{
	background-attachment: fixed;
	width:100%;
	height:auto;
	position: relative;
	padding:100px 0;
}
.back_grey { background-color:#f8f8f8!important;}

/* Slide 0 */ 

#slide0{
	background-image: url(../images/textura.jpg);
	padding-bottom:0px!important;
	padding-top:125px;
}
#slide0 ul{ margin:0;}
#slide0 h1 {font-family:'allerbold';
	font-size: 50px;
	letter-spacing: -2px;
	color:#8a8683;
	margin-top:0px;
	font-weight:normal;

}
#slide0 h2 {font-family:'allerbold';
	font-size: 20px;
	color: #8a8683;

		font-weight:normal;
}

#slide0 p{ font-family:'aller_lightregular'; font-size:15px; font-weight:normal; line-height:20px; margin-top:10px; margin-bottom:30px; }

#slide0 a{ color:#8a8683;}

/* Slide 1 */ 

#slide1{
	background-color:#ffffff;
	background-image: url(../images/debut_light2.png);
	padding-top:0px;
}
#slide1 h1 {font-family:'allerbold';
	font-size: 50px;
	letter-spacing: -2px;
	color:#8a8683;
	margin-top:0px;
	font-weight:normal;

}
#slide1 h2 {font-family:'allerbold';
	font-size: 20px;
	color: #8a8683;

		font-weight:normal;
}

#slide1 p{ font-family:'aller_lightregular'; font-size:15px; font-weight:normal; line-height:20px; margin-top:10px; margin-bottom:30px; }

#slide1 a{ color:#8a8683;}
.panel {display:none;}
/* Slide 2 */ 

#slide2{
	background-image:url('../images/patron1.png');
	background-color:#009899;
	color:#ffffff;
	text-align:center;
}
#slide2 h1 {font-family:'allerbold';
	font-size: 3.8em;
	letter-spacing: -3px;
	color:#ffffff;

		font-weight:normal;
}
#slide2 h2 {font-family:'allerbold';
	font-size: 2em;
	color: #ffffff;
	font-weight:normal;
	padding-bottom:20px;

}

#slide2 img { margin-top:50px; margin-right:5%;}


/* Slide 3 */ 

#slide3{
	background-color:#ffffff;
	text-align:center;
}
#slide3 h1 {font-family:'allerbold';
	font-size: 3.8em;
	letter-spacing: -3px;
	color:#8a8683;

		font-weight:normal;
}
#slide3 h2 {font-family:'allerbold';
	font-size: 2.5em;
	color: #007071;
	padding-bottom:20px;
	font-weight:normal;
	font-style:italic;
}
.bajas { font-size:23px; }
#slide3 .contenedor_ul { 

}
#slide3 ul {
 clear:left;
    list-style:none;
   position:relative;
   text-align:center;
   	}
#slide3 ul li{
 display:inline-block;
   list-style:none;
   padding:10px 20px;
   background-color:#009899;
   margin-right:10px;
   border-radius:10px;
   color:#FFF;
   margin-bottom:10px;
   		-webkit-transition: all 200ms ease-in-out 0s;
	-moz-transition: all 200ms ease-in-out 0s;
	-ms-transition: all 200ms ease-in-out 0s;
	-o-transition: all 200ms ease-in-out 0s;
	transition: all 200ms ease-in-out 0s;
	}	
#slide3 ul li:hover{ background-color:#cbdb2a; cursor:pointer;
}


/* Slide 4 */

#slide4{
	background-image:url('../images/patron-sobres.png');
	background-color:#cbdb2a;
	color:#ffffff;
	text-align:left;
}
#slide4 h1 {font-family:'allerbold';
	font-size: 3em;
	letter-spacing: -3px;
	color:#ffffff;
		font-weight:normal;
	margin-top:20px;
}
#slide4 h2 {
	font-size: 2em;
	color: #ffffff;
font-family:'allerbold';
	padding-bottom:20px;
		font-weight:normal;
}
#slide4 input, textarea { clear:both; display:block;margin-left:0px; margin-bottom:10px; width:80%; margin-top:5px;}
#slide4 .boton { width:auto!important; margin-top:20px;}


/* Slide 5 */

#slide5{
	background-image:url('../images/patron-preguntas.png');
	background-color:#8a8683;
	color:#ffffff;
}
#slide5 p { line-height:22px; font-size:16px; font-family:'aller_lightregular'; color:#FFF;}
#slide5 h2 { font-size:20px; margin-top:30px;font-family:'allerbold';}
#slide5 h1 { margin-bottom:50px;font-size: 3em;
	letter-spacing: -3px;
	color:#ffffff;
	font-weight:normal;
	margin-top:20px;font-family:'allerbold';}
#slide5 a{  font-family:'allerbold'; cursor:pointer;color:#CBDB2A;}
#slide5 a:hover { text-decoration:underline; color:#FFF;}	

/* Tablet */
@media screen and (max-width: 1024px) {
#pager {  margin-top:-100px;}
.mas { margin-top:-110px; margin-left:30px;}
.bx-wrapper .bx-caption span { font-size:28px!important;}
.circulo { width:5px; height:5px; left:-5px;}
#registro .text { float:left; display:block; text-align:left;  }
#registro form { clear:both; float:left; display:inline-block; text-align:left; margin-top:0;}
#registro input { margin-top:12px; width:auto!important; margin-left:0px; }
#registro .boton{ margin-top:12px; width:auto!important;}	
#slide4 input, textarea { width:98%;}
.fadein { min-height:500px; margin-top:30px;}	
.fadein img {  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;}
.servicio {background-image:none!important;}

nav { padding-top:0px; position:relative; }


.mobile { display:block;}

.slide{
	background-attachment: fixed;
	width:100%;
	position: relative;
	padding:150px 0;
}

.decorative {
	display:none;
}
.margen { margin-top:0;}
#content {
	width:100%;
}
#slide4 { text-align:left!important;}
#slide1 h1 {
	line-height: 1em;
}
#slide1 h2 {
	line-height: 1em;
}
#slide2 h1 {
	line-height: 1em;
}
#slide2 h2 {
	line-height: 1em;
}
#slide3 h1 {
	line-height: 1em;
}
#slide3 h2 {
	line-height: 1em;
}
#slide4 h1 {
	line-height: 1em;
}
#slide4 h2 {
	line-height: 1em;
}
.col { width:100%; float:none; clear:both; margin-left:0%;}

}




/* Mobile */
@media screen and (max-width: 480px) {
	#nav { margin-top:7px;}
	.menu-collapser {
	padding-top:70px!important;}
#redes{ clear:both;}
#facebook { margin-top:10px; margin-right:0;}
#twitter { margin-top:10px;}
	
	.grid_9 { width: 100%; float:right; } 
.ns_mobile { display:none;}	
.mas { display:none;}
.bx-wrapper .bx-caption span { font-size:20px!important;}
.nd {display:none;}
#registro input { margin-left:0!important; margin-top:12px; width:95%!important;}
#registro .boton{ margin-top:12px; width:100%!important;}	

 
.slide{
	background-attachment: fixed;
	width:100%;
	position: relative;
	padding:150px 0;
}


#slide1 h1 {
	line-height: 1em;
	font-size:25px;
	letter-spacing: 0px;
}
#slide1 h2 {
	line-height: 1em;
}
#slide2 h1 {
	line-height: 1em;
	font-size:25px;
		letter-spacing: 0px;
}
#slide2 h2 {
	line-height: 1em;
}
#slide3 h1 {
	line-height: 1em;
	font-size:25px;
		letter-spacing: 0px;
}
#slide3 h2 {
	line-height: 1em;
}
#slide4 h1 {
	line-height: 1em;
	font-size:25px;
		letter-spacing: 0px;
}
#slide4 h2 {
	line-height: 1em;
}

#slide5 h1 {
	line-height: 1em;
	font-size:25px;
		letter-spacing: 0px;
}
#slide5 h2 {
	font-size:18px;
		letter-spacing: 0px;
}
}
@media screen and (max-width: 769px) {
.navigation { margin:0; padding-bottom:20px;}
.navigation li{ padding:4px 0;}
}
.registerForm .feedbackPanel {
	width: 400px;
}
#login .feedbackPanel li, .registerForm .feedbackPanel li {
  list-style: none !important;
}