
/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */

/*.container {
padding-left: 20px;
padding-right: 20px;

}*/

.row {
width: 100%;
/*max-width: 980px;*/
min-width: 770px;
margin: 0 auto;
overflow: visible;
display:block;
clear:both;
}

.onecol, .twocol, .threecol, .cuatromenoscol, .fourcol, .fivecol, .sixcol, .seiscol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 3.8%;
float: left;
min-height: 1px;
}


.row .onecol {
width: 4.85%;
}

.row .twocol {
width: 13.45%;
}

.row .threecol {
width: 22.05%;
}

	.row .cuatromenoscol{
	width: 26.70%;
	}

.row .fourcol {
width: 30.75%;
}

.row .fivecol {
width: 39.45%;
}

.row .sixcol {
width: 48%;
}
	.row .seiscol {
	width: 44%;
	}

.row .sevencol {
width: 56.75%;
}

.row .eightcol {
width: 65.4%;
}

.row .ninecol {
width: 74.05%;
}

.row .tencol {
width: 82.7%;
}

.row .elevencol {
width: 91.35%;
}

.row .twelvecol {
width: 100%;
float: left;
}

.last {
margin-right: 0px;
}

img, object, embed {
max-width: 100%;
}

img {
	height: auto;
}








@media handheld, only screen and (max-width: 768px) {

	body {
	font-size: 120%;
	-webkit-text-size-adjust: none;
	}
	#intro{ display:none;}
	
	#menubuscador{
	top:100px;
	width:95%;
	}
	
	
	#flor{display:none;}
	h6{display:none;}
	.campo{float:left;}
	
	
	body, .container {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	float:none;
	margin:0 auto;
	}
.row{
	width: 96%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	float:none;
	margin:0 auto;
	}
	
	.group1, .group2, .group3, .ficha{
	margin-bottom:10px;
	
	
	}

        .group4{
        margin-top:7px;
        }
		

  .imgppal{
  width:35%;
  top:0px;
	}

.contfoto{
	height:280px;
}
	
	
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .cuatromenoscol, .row .fivecol, .row .sixcol, .row .seiscol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}
	.holder_content1{ 
        margin-top:20px;
}
	/*header{
        height:160px;
}
#cabecera{
	height:200px;
}*/
	nav{
        margin:30px 20px 0 20px; 
        width:94%; 
        top:40px;

}
	
	
	a#logo img{width:100%;}
	#logo{top:0;}
	
	#FooterTree{
	
	text-align:left;
	
	}
footer{

	height:600px;

	}
	
	
	
/*h3{
	font-size: 22px;
	line-height:0.7;
	color:#4c4c4c;
	text-align:center;
	text-shadow: none;
	font-family:'Titillium Web', cursive;
	text-shadow: 2px 3px 3px #EEE8DF;
	margin:6px 0px 15px 0px;
	}*/


	
	
h4{
	font-size: 30px;
	line-height:0.9;
	color:#000000;
	text-align:center;
	text-shadow: none;
	font-family:'Titillium Web';
	text-shadow: 2px 3px 3px #EEE8DF;
	margin:40px 0px 25px 0px;

	}
	
h4 span{
	line-height:1.5;
	color:#E3D8CA;
	font-size:14px;
	text-transform:none;
	display:block;
}

h7 {

line-height:1.1;
}


	}








@media handheld, only screen and (max-width: 480px) {
	
   
  #cabecera{height:80px;}
	
	#menubuscador{
	
	width:96%;
	}
	
	.botonsin{
padding: 20px 0;
width: 90%;
	}
nav{
	  width:100%;
	   height:80px;
	  margin-left:0px;
	  margin-right:0px;
	
	font-size: 12%;
	display:none;
}
#menumovil{
	display:none;}

.botonmenu{
	display:block;
		}
nav ul li a{
   font-size:12px;
   }
   .imgppal{
	display:none;

}
.onecol, .twocol, .threecol, .cuatromenoscol, .fourcol, .fivecol, .sixcol, .seiscol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
	margin-right: 1%;
	margin-left:1%;
	}

}
   
   
   
 @media handheld, only screen and (max-width: 320px) {
	

   
   .group4{
	margin-top:4px;
   }

   .group4{
	   margin-top:30px;
	   margin-bottom:20px; 
}

.contfoto{
	height:140px;
}

#minipbrillo{
	position:absolute;
	width:280px;
	height:158px;
	background:url(../images/minipbrillo2.png);
	
}
#menubuscador{
	
	width:95%;
	}


  
 }
   
   

