/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Rosario:400,400italic,700,700italic);

*{ margin:0;  padding:0;}
body { background:#FFF;margin:0 auto 0 auto;}
div {width:960px;margin:0 auto 0 auto; height:0px auto; float:none;}
header {width: 960px; height: 120px; margin: 60px 0 0 10px; margin:0 auto 0 auto}
header nav {width:960px; height: 120px;margin:0 auto 0 auto;}
header nav ul { width:960px; height: 120px; display:inline;margin:0 auto 0 auto;}
header nav ul li {float:left; list-style-type: none;margin:0 auto 0 auto;}
header nav ul li a { text-decoration:none; color:#000; margin:0 auto 0 auto;}




section article {    width:960px;
                     height:200px;
					 position:relative;
					 margin: 20px 0;
					 
					 
					 
					 }

section article h1 { font-size:100px;
                     width:960px;
					 color: #D51C3E;
					 font-family: 'Rosario', sans-serif;
					 text-transform: uppercase;
					 margin: 0 auto 0 auto;
					 text-align:center; 
					 position:relative;
					 }
					 
					 
					 
					 
section article p { font-size:15px;
                     color: #ccc;
					 font-family: 'Rosario', sans-serif;
					 text-align:center; 
					 position:relative;
					 margin: 10px 230px;
					 width: 500px;
					 }					 

/* clases */

/*header*/

li.contenedor {width:137px; height:120px;}
li#uno {background:#98CB32}
li#dos {background:#D51C3E}
li#tres {background:#EC7901}
li#cuatro {background:#73ADAB}
li#cinco {background:#F4AF67}
li#seis {background:#E6778B}
li#siete {background:#D6EA99; }

img.icono {display:block; margin:10px auto; width:70px}

p.menu {font-size:14px; text-align:center; font-family: 'Titillium Web', sans-serif;}

li.contenedor:hover {height:140px}
li.contenedor:hover p.menu { padding-top: 20px}


/*divs estructura*/			  

.chico {width:156px;
        height:156px;
		display:block;
		position:relative;
		float:left;
		}

.grande {width:317px;
        height:317px;
		display: block;
		position: relative;
		float:left;
		}

#contenidouno { background-image:url(img/divs-26.jpg);}

#contenidodos {  background-image:url(img/divs-27.jpg); left:5px;}

#contenidotres {  background-image:url(img/divs-28.jpg);left:10px;}

#contenidocuatro { background-image:url(img/divs-29.jpg);left:15px;}
				 
#contenidocinco { background-image:url(img/divs-30.jpg);left:20px;}

#contenidoseis {background-image:url(img/divs-31.jpg);right:785px; top:5px;}

#contenidosiete {background-image:url(img/divs-32.jpg);top:-155px;right:-161px}

#contenidoocho {background-image:url(img/divs-33.jpg); right:-166px; top:5px}

#contenidonueve {background-image:url(img/divs-34.jpg); right:-170px; top:5px}

#contenidodiez {background-image:url(img/divs-35.jpg); right:-176px; top:-156px }

#contenidoonce { background-image:url(img/divs-36.jpg); right:-20px;top:5px}

#contenidodoce { background-image:url(img/divs-37.jpg);left:-317px; top:-150px;}


/* dicen por ahi*/

#dicen { width:961px;
         height:110px;
		 background-image:url(img/dicenporahi.jpg);
		 position:absolute;
		 display:block;
		 float:left;
		 top:844px;
		}
#dicen h1 {font-size:30px;
          width:960px;
		  color: #D51C3E;
		  font-family: 'Rosario', sans-serif;
		  text-align:center;
		  padding:2%;

	      }
 

/*testimonios*/

#contenedortestimonios { width:960px;
                         height:500px;
						 background:#FADFC2;
						 top:600px;
						 position:relative;
						 }
						 
.testimonio { width:410px;
              background:#fff;
			  height:210px;
			  position:relative;
			  float:right;
			  }	
			  
.testimonio h1 {font-size:20px;
                width:410px;
				color: #D51C3E;
				font-family: 'Titillium', sans-serif;
				text-align: left; 
				position:relative;
				padding:2%;
				top:-10px;
	              }				  
			  
.testimonio p {font-size:15px;
                color: #999;
				font-family: 'Titillium', sans-serif;
				text-align: left; 
				position:relative;
				padding:2%;
				top:-26px;
	              }				  

			   
			   
#tuno { background:#fff;top:134px; left:-490px;}
#tdos { background:#fff; right:-355px;}	
#ttres{ background:#fff; left:-55px; top:10px;}	
#tcuatro { background:#fff; left:-80px; top:10px;}				   
			   
			   
						 
/*footer*/

#piecontenedor { width: 960px;
      
	   background:#D51C3E;
	   height:230px;
	   position:relative;
	   top:610px;
	   }
	  
	  
	  
div.pie {width:260px;
         float:left;
		 margin:0 auto 0 auto; 
		 padding:3%;
		 }	  
	  
h1.titulospie { width:200px;
              color:#CCC;
			  font-size:18px;
			  font-family: 'Rosario', sans-serif;
			  position:relative;
			  top:50px;
			  right:-60px
			  }


.pie p { width:220px;
              color:#fff;
			  font-size:12px;
			  font-family: 'Rosario', sans-serif;
			  position:relative;
			  top:50px;
			  right:-60px;
			  }  
			   
			   
.pie img {float:right;
	      position:relative;
		  top:50px;
		  right:73px;
		  padding:1%;
		  }			   
			  
			  
div.pie nav  {      list-style:none;
                    font-size:12px;
			        font-family: 'Rosario', sans-serif;
			        float: none;
					position:relative;
					
                    }				  
			  
div.pie nav ul li { list-style:none;
                    font-size:12px;
			        font-family: 'Rosario', sans-serif;
			        margin: 5px 10px;
					float: none;
					position:relative;
					top:50px;
			        right:-50px;
					}
					
div.pie nav ul li a{color:#fff;
					text-decoration: none;
                    }						 
						 

footer{ width:960px ;
        height:50px;
		float: none;
        }


footer p {width:960px;
          height:50px;
          color: #666;
		  font-size:12px;
		  text-align:center;
		  font-family: 'Titillium Web', sans-serif;
		  position:absolute;
		  top:1700px;
		  }