/* CSS Document */

*{margin:0; padding:0;}
body{background:#FFFFFF; }

div.general{width:960px; position:relative; margin:auto;}

header{background-color: #FFFFFF ; padding: 10px 10px 30px 10px;}
header img {float:left; margin: 0px 10px 0px 0px;}

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; text-decoration:none; }





div.general div.contenedor div.col {width:300px; float:left; padding: 0px; margin:20px 10px 10px 10px; font-size:14px; font-family: 'Rosario', sans-serif; color:#888 }

div.general div.contenedor div.col div.tit2 {font-size:25px; font-family: 'Oswald', sans-serif; font-weight:300 ; color:#f1655b;}

div. general section article { margin:auto;}

div.general div.contenedor div.col div.top p {width:300px;
height:25px; background-color:#96dfd5; margin:40px 0 40px 0; font-size:18px; color:#FFF; font-family: 'Oswald', sans-serif;}

div.preg2 { font-size:15px; font-family: 'Oswald', sans-serif; font-weight:300 ; color:#f1655b;}



.clearfix {clear: both;} 



.divisor { float: left; color: #94E2D7; width: 960px; height: 4px; background-color: #94E2D7; border-style: none;  }




.texto { font-family: Rosario; font-weight:400; font-size:12px; color: #888888; letter-spacing: -0.3px; }



			  
#box4    { width:300px;
           height:295px;
           box-shadow:inset 1px 1px 40px 0 rgba(0,0,0,.45);
           margin:0px 12px 12px 0; 
           background-image:url(img/clase.jpg);
  		   overflow:hidden;
		   opacity:0.9;
		   float:left}
		   
#box4:hover #overlay4 {
           opacity:0.9;}
		   
#overlay4    {  background:#96dfd5;
			   width:120px;
           	   height:295px;
               text-align:left;
               padding:170px 0 2px 0;
               opacity:0;
               -webkit-transition: opacity .25s ease;} 

#plus1       { font-family:Oswald;
               font-weight:300;
			   margin-top:50px;
			   margin-left:10px;
               color:#58585b;
               font-size:20px;}
			   
#plus2		{ font-family:Rosario;
			  font-weight:200;
			  margin-top:10px;
			  margin-left:10px;
			  color:rgba(255,255,255,1);
			  font-size:12px;}
			  
			  
			  
			  
#box5    { width:300px;
           height:295px;
           box-shadow:inset 1px 1px 40px 0 rgba(0,0,0,.45);
           margin:0px 12px 12px 0; 
           background-image:url(img/conectados.jpg);
  		   overflow:hidden;
		   opacity:0.9;
		   float:left}
		   
#box5:hover #overlay5 {
           opacity:0.9;}
		   
#overlay5    {  background:#96dfd5;
			   width:120px;
           	   height:295px;
               text-align:left;
               padding:170px 0 2px 0;
               opacity:0;
               -webkit-transition: opacity .25s ease;} 

#plus1       { font-family:Oswald;
               font-weight:300;
			   margin-top:50px;
			   margin-left:10px;
               color:rgba(255,255,255,1);
               font-size:20px;}
			   
#plus2		{ font-family:Rosario;
			  font-weight:200;
			  margin-top:10px;
			  margin-left:10px;
			  color:rgba(255,255,255,1);
			  font-size:12px;}



.nube1 {margin: auto 0px auto 0px; float: left; width: 601px; height: 152px; 
font-family: Oswald; font-weight: 400; font-size: 50px; text-align: center; color:#f1655b; }


.nube2 {margin: auto 10px auto 10px; float: left; width: 299px; height: 69px; 
font-family: Oswald; font-weight: 400; font-size: 20px; text-align: center; color:#888888; }

.nube3 {margin: auto 10px auto 10px; float: left; width: 201px; height: 45px; 
font-family: Oswald; font-weight: 400; font-size: 17px; text-align: center; color:#f1655b; }


.nube4 { margin: 10px 10px 10px 10px; float: left; width: 144px; height: 35px;
font-family: Oswald; font-weight: 400; font-size: 12px; line-height: 17px; text-align: left; color:#888888; opacity: 0.7;  }

.nube5 {margin: 40px 10px 10px 10px; float: left; width: 144px; height: 24px; 
font-family: Oswald; font-weight: 400; font-size: 10.5px; line-height: 16px; text-align: center; color:#f1655b; opacity: 0.7;}

.nubefilaA {float:left;  margin: 20px 190px 20px 190px;}
.nubefilaB {float:left; }
.nubefilaC {float:left; margin: 20px 150px 10px 150px; }		


.arriba { float: left; margin: 20px 880px 10px 0; }
.abajo { float: right;  margin: 5px 0 50px 880px; }			  
			  
footer{ width:100%;display:table; margin: 0px 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; }