/* GRID---*/

.grid {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}

.grid li {
	display: block;
	float: left;
	padding: 0 0 10px 10px;
	width: 25%;
	 opacity: 0;
	/* REGESTO */

}

body.page-template-page_regesto-php .grid li {
	opacity: 100;

}

.grid li.shown,
.no-js .grid li,
.no-cssanimations .grid li {
	opacity: 1;
}

.grid li a,
.grid li img {
	outline: none;
	border: none;
	display: block;
	width: 100%;
	
}

.grid li img {
	
		border-top:5px solid #000;
}

/* Effect 1: opacity */
.grid.effect-1 li.animate {
	-webkit-animation: fadeIn 0.65s ease forwards;
	-moz-animation: fadeIn 0.65s ease forwards;
	animation: fadeIn 0.65s ease forwards;
}

@-webkit-keyframes fadeIn {
	to { opacity: 1; }
}

@-moz-keyframes fadeIn {
	to { opacity: 1; }
}

@keyframes fadeIn {
	to { opacity: 1; }
}









/* CAROUSEL---*/

	.box_text_main { clear:both; overflow:hidden; width:100%; margin:0;  position:relative; float:left; }
    .box_text { width:100%; float:left;}    
    .box_text .column { margin-right:30px; width:100%;  float:left; }
    .jcarousel-container { float:left; width:100%; }
    .jcarousel-clip { overflow: hidden; }
    .jcarousel-clip-horizontal {width:100%; }
    .jcarousel-button { display:block; float:left; height:28px;  display:none; margin-top:20px; }
    .jcarousel-prev-horizontal, .jcarousel-next-horizontal { width:7px; height:11px; float:left; cursor:pointer; display:none; }
    .jcarousel-prev-horizontal { background:url(../images/arrow_prev.png) no-repeat; margin-left:0;}
    .jcarousel-next-horizontal { background:url(../images/arrow_next.png) no-repeat; }
	
	/* TAB ---*/

.hide { position: absolute; top: -9999px; left: -9999px; }
#content-tab div { }
#content-tab .nav { overflow: hidden; margin-bottom:30px; }
#content-tab .nav li {float: left; margin: 0 15px 0 0; font-weight:normal; text-transform:uppercase;}
#content-tab .nav li a { display: block; color:#afb1b2; font-size: 13px; text-align: center; border: 0; text-decoration:none; line-height:16px; }

#content-tab li a.current,#content-tab li a.current:hover {  color: black;}
#content-tab .nav li a:hover, #content-tab .nav li a:focus {  color: black;}


/* BACK TO TOP ---*/

#back{ width:100%; height:100px; float:left;}
#toTop {
	    width:100px;
        padding:0;
        position: absolute; /* this is the magic */
        bottom:50px; /* together with this to put the div at the bottom*/
        cursor:pointer;
        display:none;
        color:#333;
		font-family:Helvetica,, Arial, sans-serif;
        font-size:14px;
		left:38%;
	
}


	
	





@media screen and (max-width: 900px) {
	.grid li {
		width: 25%;
	}
	.grid { margin:0; width:100%}
}

@media screen and (max-width: 479px) {
	.grid li {
		width: 50%; padding: 0 8px 10px 2px;}
	
	 #content-tab .nav li {margin: 0 10px 0 0; }
	  #content-tab .nav li a { font-size: 12px; }
	  
}