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

@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{background:#FFFFFF; }
div{ max-width: 960px; position:relative; margin: 10px auto 0px auto; }
header{ background-color: #FFFFFF; padding: 10px 10px 30px 10px; margin-bottom: 10px;  }

header img {float:left; margin: 0px 0px 0px 10px;}
header div {float:right; margin: 150px 0px 0px 0px;}
 
#iconos { opacity:0.7;}



nav{margin:20px auto 0 auto; display: table; width: 100%; }
nav ul li{ display: inline-table;
width: 19.6%;
text-align: center;
background: #F4F4F4; 
white-space: nowrap;
list-style-type:none; 
radius:-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
font-size:12px; padding-top:5px; padding-bottom:5px; }
nav ul li a{ color: #888888; font-family: Rosario; font-weight:400; text-decoration:none; }

section{ max-width: 100%; background:#FFF; min-height:400px; padding:0%; margin: 40px 0px 0px 0px; padding-bottom:0%; }








.seccion2 {margin-top: 15px; float: left; max-width: inherit; position:inherit; }
.divisorseccion2 { color: #9bd6ce; max-width: 311px; height: 4px; background-color: #9bd6ce; border-style: none; }
.titulotab { margin-bottom: 3px; margin-top: 0px; font-family: Oswald; font-weight:300; font-size:25px; color: #FF5353   }
.textotab { font-family: Rosario; font-weight:400; font-size:11.5px; max-width: 311px; padding-right: 27px; color: #888888;  letter-spacing: -0.3px; margin-top: 10px;}
section h1 {float: left; padding-right: 0.70%; max-width: 311px;  }
section h1 div {float: inherit; margin-top: 40px; }
section h1 div div { margin-top: 0px;}



section h2 {float: left; padding-right: 0.70%; padding-left: 0.70%; max-width: 311px; }
section h2 div {float: inherit; margin-top: 40px; }
section h2 div div { margin-top: 0px;}
section h3 {float: left; padding-left: 0.70%; max-width: 311px;  }
section h3 div {float: inherit; margin-top: 40px; }
section h3 div div { margin-top: 0px;}
.ocultarresp { font-family: Rosario; font-weight:400; font-size:11.5px; max-width: 311px; padding-right: 27px; color: #888888;  letter-spacing: -0.3px; margin-top: 10px;}


#box    {  width:311px;
           height:205px;
           box-shadow:inset 1px 1px 40px 0 rgba(0,0,0,.45);
           margin:15px 12px 12px 0px; 
           background-image:url(img/body_sec.png);
  		   overflow:hidden;
		   opacity:0.9;
		   float:left}

#box:hover #overlay {
           opacity:0.9;}
		   
		   
#overlay    {  background:#96dfd5;
			   width:311px;
           	   height:205px;
               text-align:left;
               padding:0px 0 0px 0;
               opacity:0;
               -webkit-transition: opacity .25s ease;
			   padding:0px 0px 0px 120px;}

#plus       { font-family:Oswald;
               font-weight:700;
			   margin-top:0px;
			   margin-left:10px;
               color:rgba(255,255,255,1);
               font-size:125px;}
		   
#box2    {  width:311px;
           height:205px;
           box-shadow:inset 1px 1px 40px 0 rgba(0,0,0,.45);
           margin:15px 12px 12px 0px; 
           background-image:url(img/body_sec2.png);
  		   overflow:hidden;
		   opacity:0.9;
		   float:left}

#box2:hover #overlay2 {
           opacity:0.9;}
		   	
#overlay2    {  background:#96dfd5;
			   width:311px;
           	   height:205px;
               text-align:left;
               padding:0px 0 0px 0;
               opacity:0;
               -webkit-transition: opacity .25s ease;
			   padding:0px 0px 0px 120px;}

#plus2       { font-family:Oswald;
               font-weight:700;
			   margin-top:0px;
			   margin-left:10px;
               color:rgba(255,255,255,1);
               font-size:125px;}


#box3    {  width:311px;
           height:205px;
           box-shadow:inset 1px 1px 40px 0 rgba(0,0,0,.45);
           margin:15px 12px 12px 0px; 
           background-image:url(img/body_sec3.png);
  		   overflow:hidden;
		   opacity:0.9;
		   float:left}

#box3:hover #overlay3 {
           opacity:0.9;}
		   	
#overlay3    {  background:#96dfd5;
			   width:311px;
           	   height:205px;
               text-align:left;
               padding:0px 0 0px 0;
               opacity:0;
               -webkit-transition: opacity .25s ease;
			   padding:0px 0px 0px 120px;}

#plus3       { font-family:Oswald;
               font-weight:700;
			   margin-top:0px;
			   margin-left:10px;
               color:rgba(255,255,255,1);
               font-size:125px;}	
			  
	

.nofloat { clear:both;}
footer{ width:100%;display:table; margin: 50px 0 10px 0; outline-color: #C63; }
footer hr { color: #888888; max-width: 100%; height: 3px; background-color: #888888; border-style:none; }
footer p{ font-family: Rosario; font-size:10px; color:#888888; text-align: left; } 
footer span{ font-family: Rosario; font-size:12px; color:#888888; text-align: left; } 



@media screen and (max-width: 480px)  {

header {max-width: 480px; padding: 10px 0px 10px 0px; margin-bottom: 10px; }
header img {float:left; margin: 0px 0px 0px 0px;}
header div {float:right; margin: 150px 0px 0px -30px;}
#iconos { opacity:0.7; }

body {max-width: 480px; background-color: #FFF; margin-left:0px; margin-right: 0px; }
div{ max-width: 960px; position:relative; margin: 30px 0 0px 0; }

nav{margin:20px auto 0 auto; display: table; max-width: 100%; }
nav ul li{ display: inline-table;
max-width: 16.6%;
text-align: center;
background: #F4F4F4; 
white-space: nowrap;
list-style-type:none; 
radius:-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
 font-size:11px; padding-top:5px; padding-bottom:5px; padding-left: 4px; padding-right: 4px; }

nav ul li a{ color: #888888; font-family: Rosario; font-weight:700; text-decoration:none; letter-spacing: -0.4px;}
.abc {display: none; }

section {max-width: 480px; }
section h1 {margin-left: 15%; padding-right: 0.70%; max-width: 311px;  }
section h2 {margin-left: 15%;  padding-right: 0.70%; max-width: 311px;  }
section h3 {margin-left: 15%;  padding-right: 0.70%; max-width: 311px;  }

.seccion2 {margin-top: 15px; float: left; max-width: 311px; max-height: auto; position:inherit; }


.nofloat { clear:both;}
footer{ width:100%;display:table; margin: 50px 0 10px 0; outline-color: #C63; }
footer hr { display: none; }
footer p{ display: none; } 
footer span{ display: none; } 




@media screen and (max-width: 320px)  {

header {max-width: 480px; padding: 10px 0px 10px 0px; margin-bottom: 10px; }
header img {float:left; margin: 0px 0px 0px 5%;}
header div {float:left; margin: 10px 0px 0px 5%;}
#iconos { float: left; margin-left: 5%; opacity:0.7; }

body {max-width: 480px; background-color: #FFF; margin-left:0px; margin-right: 0px; }
div{ max-width: 960px; position:relative; margin: 20px 0 0px 0; }

nav{ margin:20px auto 0 5%; display: table; max-width: 100%; }
nav ul li{ display: inline-table;
max-width: 17%;
text-align: center;
background: #F4F4F4; 
white-space: nowrap;
list-style-type:none; 
radius:-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
 font-size:11px; padding-top:5px; padding-bottom:5px; padding-left: 4px; padding-right: 4px;
 margin-top: 10px; }

nav ul li a{ color: #888888; font-family: Rosario; font-weight:700; text-decoration:none; letter-spacing: -0.4px;}
.abc {display: none; }

section {max-width: 480px; }
section h1 {margin-left: 5%;  padding-right: 0.70%; max-width: 250px;  }
section h1 div {float: inherit; margin-top: 20px; }
section h2 {margin-left: 5%;  padding-right: 0.70%; max-width: 250px;  }
section h2 div {float: inherit; margin-top: 20px; }
section h3 {margin-left: 5%;  padding-right: 0.70%; max-width: 250px;  }
section h3 div {float: inherit; margin-top: 20px; }

.seccion2 {margin-top: 15px; float: left; max-width: 250px; max-height: auto; position:inherit; }



.divisorseccion2 { color: #9bd6ce; max-width: 250px; height: 4px; background-color: #9bd6ce; border-style: none; }
.titulotab { margin-bottom: 3px; margin-top: 0px; font-family: Oswald; font-weight:300; font-size:18px; color: #FF5353   }
.textotab { font-family: Rosario; font-weight:400; font-size:11.5px; max-width: 311px; padding-right: 27px; color: #888888;  letter-spacing: -0.3px; margin-top: 10px;}
.ocultarresp {display: none;}


.nofloat { clear:both;}
footer{ width:100%;display:table; margin: 50px 0 10px 0; outline-color: #C63; }
footer hr { display: none; }
footer p{ display: none; } 
footer span{ display: none; }