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


body{ margin:0px; font-family: 'futuramedium';
text-align:justify;

}

.left{ float:left;}
.right{ float:right;}

.wMain{ width: 1024px; margin:0px auto;}
.w50{ width: 49%;} .w70{ width: 69%;} .w30{ width:29%;} .w60{ width: 59%;} .w40{ width:39%;}

.clr{ clear:both;}
@font-face {
    font-family: 'futuramedium';
    src: url('../fonts/ufonts.com_futurabt-medium-opentype-webfont.eot');
    src: url('../fonts/ufonts.com_futurabt-medium-opentype-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/ufonts.com_futurabt-medium-opentype-webfont.woff2') format('woff2'),
url('../fonts/ufonts.com_futurabt-medium-opentype-webfont.woff') format('woff'),
 url('../fonts/ufonts.com_futurabt-medium-opentype-webfont.ttf') format('truetype'),
 url('../fonts/ufonts.com_futurabt-medium-opentype-webfont.svg#futuramedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
.lverde{ color:#58C58C; text-decoration:none;}
.lazul{ color:#04537E;}
.lazul1{ color:#04537E; text-align:right;}
.lnegro{ color:#000;}
.frases{ text-align:center;font-size:20px; border-top:#025380 6px solid;color:#025380;}
.span{color:#59C68C;}
.material1{ background-color:#FFF; padding:1%; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; list-style:none;}
.material2{ background-color:#FFF; padding:1%; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; list-style:none; margin-left:4%;}
.material3{ background-color:#FFF; padding:1%; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; list-style:none;}

.linea1{ background-color:#59C68C; width:100%;}
.menu{ float:right; width:60%; padding-top:2%;color:#095A81; font-size:18px;}
.tm{list-style: none; display: inline-flex;}
.parr{ text-align:; font-size:20px;}
.menu a{ text-decoration:none; color:#04537E;}  
.menu a:hover{background-color:#FFF; color:#59C78E;
-webkit-border-radius: 10px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 10px;
-moz-border-radius-topleft: 0;
border-radius: 10px;
border-top-left-radius: 0;} 
.padmenu{padding: 10px;}
.pie{ padding:17px;}
.desing{ font-size:13px; color:#58C58C; text-decoration:none;}

.error{background-color: #FF6600;border:#AA4502 1px solid;padding: 5px 10px;color: #FFFFFF;border-radius:4px;}
.success{background-color: #12CC1A;border:#0FA015 1px solid;padding: 5px 10px;color: #FFFFFF;border-radius:4px;}
.displaynone{display:none;}
.subrayar{ text-decoration:underline;}

.logo{
	background-color: #FFF;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	text-align: center;
}
.textlogo{ background-color:#025380;text-align:center; color:#FFF; padding:6%;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
font-size:22px;
white-space:nowrap;}
.textlogo2{ background-color:#025380;text-align:center; color:#FFF; padding:2%;}
.arealogo{z-index:1; position:absolute; padding: 20px 0px 0px 100px;}
.logoim{padding-top: 10px;}

.linea2{ background-color:#04537E; height:8px;}
.linea3{ background-color:#5AC68C; height:8px;}
.borde1{background-image:url(../images/fondo.png); background-repeat:repeat-y; background-position:right;}
.impie{    z-index: 2;
    position: relative;
	    margin-top: -3%;}
.fondo{background-color:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e2e2e2+47,ededed+100 */
background: #ffffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #e2e2e2 47%, #ededed 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#e2e2e2 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #ffffff 0%,#e2e2e2 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */;}

.flecha_derecha {width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 30px solid #5AC68C;}


.slides img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:90%;
}
#rotador{
 	position: relative;
    /*top: 0;    height: 500px;*/
	z-index:-1;
}
#rotador img{ z-index:1; position:relative;}
#rotador .phrase{
	float:right;
	bottom:0px;
	z-index:2;
	position:absolute;
	margin-bottom:50px;
	margin-right:200px;
	color:#FFF;
	/*border-right:#0CF 15px solid;*/
	/*background-color:rgba(0,0,0,.4);*/
	right:0px;
}
#rotador .phrase span{ 
	font-size:40px;
	float:right;
}
/*#rotador .phrase span:first-child{
	color:#0CF; text-shadow: rgb(3, 3, 3) 3px 3px 3px;
}
#rotador .phrase span:nth-child(3){
	color:#FFF; text-shadow: rgb(3, 3, 3) 3px 3px 3px;
}*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
 .form label{ 
    color: #096; 
    font-size:17px; 
    display: block;
	font-family:"Eras ITC", "Eras Light ITC";
} 
.form input[type=radio], input[type=checkbox]{ 
    margin: 10px; 
    width: 13px; 
} 

.form div{ 
    display: block; 
} 

.form input, form textarea, form select{ 
    border-width: 1px; 
    border-style: solid; 
    border-color: #666666; 
    border-radius: 20px; 
    padding: 5px; 
    width: 100%; 
}


/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
	
	
	.wMain{ width:100%;}
	.w50{ width: 100%;} .w70{ width: 95%;} .w30{ width:100%;} .w60{ width: 100%;} .w40{ width:100%;}
	.arealogo{z-index:0; position:relative; padding: 0px 0px 0px 0px;}
	#rotador .phrase span{ 
	font-size:16px;
	float:right;
}
#rotador .phrase{
	float:right;
	bottom:0px;
	z-index:2;
	position:absolute;
	margin-bottom:15px;
	margin-right:50px;
	color:#FFF;
	/*border-right:#0CF 15px solid;*/
	/*background-color:rgba(0,0,0,.4);*/
	right:0px;
}
.menu{width:80%; padding-top:2%;color:#095A81; font-size:24px;}
.tm{list-style: none;display: inline-block;text-align: center;}
.material2{ background-color:#FFF; padding:1%; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; list-style:none; margin-left:0%;}


}