@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{background:#FFFFFF; }
div { max-width:960px; position:relative; margin: 0px auto 0px auto; }
header{ background-color: #FFFFFF;  }
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 40px 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; }
.imgbienvenidos { max- width: 340px; float: right;  top: inherit;  }


section aside{ width:45%;}

#box    {  width:379px;
           height:755px;
           box-shadow:inset 1px 1px 40px 0 rgba(0,0,0,.45);
           margin:0px 12px 12px 0; 
           background-image:url(img/villagra.jpg);
  		   overflow:hidden;
		   opacity:0.9;
		   float:left}

#box:hover #overlay {
           opacity:0.7;}


#overlay    {  background:#f1655b;
			   width:340px;
           	   height:755px;
               text-align:left;
			   float: left;
               padding:2px 0 2px 0;
               opacity:0;
               -webkit-transition: opacity .50s ease;}

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

	   
section aside h1 { margin-top: 25px;}	
		   		   		
section aside h3 { margin-top: 350px;}

section p img { margin:20px 15px 0px 0px;}

#cosito {float:right; margin-bottom:500px;}

	
section article 	{ width:55%;
					 
					 float: right;}
					 
					 
section article h5 { float:right;
					 font-family:Oswald;
					 font-weight:300;
					 margin-right:10px;
					 margin-top:5px;
					 color:#f1655b;
					 font-size:70px;
					 text-align:justify;
					 width:85%; }
					 
					 
section article h6 { float:right;
					 font-family:Rosario;
					 font-weight:400;
					 margin-right:10px;
					 margin-top:30px;
					 color:#58585b;
					 font-size:12px;
					 text-align:justify;
					 width:85%; }

section article h7 { float:right;
			 		 font-family:Oswald;
              		 font-weight:400;
			 		 margin-right:10px;
					 margin-top:25px;
					 color:#f1655b;
            		 font-size:15px;
					 text-align:justify;
					 width: 85%;}

section article h8 { float:right;
			 		 font-family:Rosario;
             		 font-weight:400;
					 margin-right:10px;
			 		 margin-top:10px;
            		 color:#58585b;
            		 font-size:12px;
					 text-align:justify;
					 width:85%; }
					 
section article h9 { float: right;
					 color: #9bd6ce;
					 font-size:30px;
					 margin-top:74px; }
					 
section article span {  float: left; }		 
			 



.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; margin: 20px 0px 0px 0px ; }
footer p{ font-family: Rosario; font-size:10px; color:#888888; text-align: left; }