/* 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:10px; font-size:14px; font-family: 'Rosario', sans-serif; color:#888 }
div.general div.contenedor div.col div#box {margin-bottom: 20px;}
div.general div.contenedor div.col div.tit {font-size:30px; font-family: 'Oswald', sans-serif; font-weight:300 ; color:#f1655b;}

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


div.general div.contenedor div.col p.destacado {font-size:14px; color:#58585b; font-weight:700;}

div. general section article { margin:auto;}


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

div.general div.contenedor div.col div.top p span{margin-left:10px;}

div.general div.contenedor div.col div.vots p {width:300px;
height:25px; ; margin:5px 0px 0px 10px; font-size:12px; color:#58585b; font-family: 'Rosario', sans-serif;}



.clearfix {clear: both;} 




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


#box    {  width:300px;
           height:200px;
           box-shadow:inset 1px 1px 40px 0 rgba(0,0,0,.45);
           margin:0px 12px 12px 0; 
           background-image:url(img/columna2a.jpg);
  		   overflow:hidden;
		   opacity:0.9;
		   float:left}
		   
#box:hover #overlay {
           opacity:0.9;}
		   
#overlay    {  background:#f1655b;
			   width:300px;
           	   height:200px;
               text-align:left;
               padding:2px 0 2px 0;
               opacity:0;
               -webkit-transition: opacity .25s ease;
			   padding-top: 10px;} 

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


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

#plus3       { font-family:Oswald;
               font-weight:300;
			   margin-top:50px;
			   margin-left:15px;
               color:rgba(255,255,255,1);
               font-size:25px;}
			   
#plus4		{ font-family:Rosario;
			  font-weight:200;
			  margin-top:10px;
			  margin-left:15px;
			  color:rgba(255,255,255,1);
			  font-size:15px;}
			  
			  
			  
#box3    { width:300px;
           height:413px;
           box-shadow:inset 1px 1px 40px 0 rgba(0,0,0,.45);
           margin:0px 12px 12px 0; 
           background-image:url(img/columna3.jpg);
  		   overflow:hidden;
		   opacity:0.9;
		   float:left}
		   
#box3:hover #overlay3 {
           opacity:0.9;}
		   
#overlay3    {  background:#f1655b;
			   width:300px;
           	   height:413px;
               text-align:left;
               padding:2px 0 2px 0;
               opacity:0;
               -webkit-transition: opacity .25s ease;
			    padding-top: 175px;} 

#plus5       { font-family:Oswald;
               font-weight:300;
			   margin-top:50px;
			   margin-left:15px;
               color:rgba(255,255,255,1);
               font-size:30px;}
			   
#plus6		{ font-family:Rosario;
			  font-weight:200;
			  margin-top:10px;
			  margin-left:15px;
			  color:rgba(255,255,255,1);
			  font-size:15px;}
			  
			  
			  
#box4    { width:300px;
           height:429px;
           box-shadow:inset 1px 1px 40px 0 rgba(0,0,0,.45);
           margin:0px 12px 12px 0; 
           background-image:url(img/3.jpg);
  		   overflow:hidden;
		   opacity:0.9;
		   float:left}
		   
#box4:hover #overlay4 {
           opacity:0.9;}
		   
#overlay4    {  background:#f1655b;
			   width:120px;
           	   height:429px;
               text-align:left;
               padding:2px 0 2px 0;
               opacity:0;
               -webkit-transition: opacity .25s ease;
			    padding-top: 175px;} 

#plus7       { font-family:Oswald;
               font-weight:300;
			   margin-top:50px;
			   margin-left:15px;
               color:rgba(255,255,255,1);
               font-size:25px;}		  			   
			   
#plus8		{ font-family:Rosario;
			  font-weight:200;
			  margin-top:10px;
			  margin-left:15px;
			  color:rgba(255,255,255,1);
			  font-size:15px;}

.texto { font-family: Rosario; font-weight:400; font-size:12px; color: #888888; letter-spacing: -0.3px; }			  
			  
			  
			  
			  
footer{ width:100%;display:table; margin: 10px 0px 10px 0px; 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; }