@charset "utf-8";

body{margin:0px; padding:0px;}
*{ padding:0px; margin:0px; border:0px; }
a{text-decoration:none; color:#000}
.center{margin:0px auto 0px auto}
.clear{clear:both}

.top{width:100%;}

.header {
	background-image: url(../img/logo.png);
	background-position:center;
	background-repeat: no-repeat;
	height: 100px;
	margin:10px auto;
	position: relative;
 	width: 100%; 
 	font-family:Tahoma, Geneva, sans-serif; 
 	font-size:12px; 
}

.header2 {
	height: 80px;
	margin:20px auto 30px auto;
	
 	width: 100%;
	max-width:800px; 

}
 
.logo{
	width:77px; 
	height:80px;
	background-image:url(../img/logo.png);
	margin:0 auto; 
	display:block;
	}

.categorias{width:98%; height:auto; padding:1%;}

.contenedor{width:98%; overflow:hidden}

.thumbs{width:100%; max-width:800px;  overflow:hidden;  margin:5px auto;}

.thumbs img{margin-bottom:10px!important;  width:98%!important; display:block; overflow:hidden; border-radius:10px}

.conceptos{width:96%; max-width:800px; margin:10px auto; padding:10px; font-family:Verdana, Geneva, sans-serif; font-size:10pt!important;
	color: grey; line-height:20px}
.conceptos strong{ font-weight:bold}

.palabras{
	width:100%; 
	max-width:800px;  
	margin:0px auto 60px auto ; 
	border-bottom:#333 1px solid; 
	padding-bottom:20px; 
	font-family:Verdana, Geneva, sans-serif; 
	font-size:9pt!important;
	color: grey;
	}
.palabras strong{ font-weight:bold}

.about{
	width:96%; 
	margin:30px auto 20px auto ; 
	font-family:Verdana, Geneva, sans-serif; 
	font-size:9pt!important;
	font-style:italic;
	text-align:left;
	color: grey;
	line-height:18px;
	}


.volver{
	width:26px; 
	height:100%;
	position:absolute; 
	top:0px; 
	right:0; 
	text-align:center; 
	background-image:url(../img/logo2.png);
	background-color:grey;
	background-repeat:no-repeat;
	background-position:top;
	}

.cat1{background-image:url(../img/cat1/007.jpg); background-size: cover; background-position:center center;}
.cat1:hover{background-image:url(../img/cat1/006.jpg); box-shadow:1px 3px 3px #000}
.cat1:hover h3{color: #FFF}

.cat2{background-image:url(../img/cat2/006.jpg); background-size: cover; background-position:center center;}
.cat2:hover{ box-shadow:1px 3px 3px #000; background-image:url(../img/cat2/009.jpg)}
.cat2:hover h3{color: #FFF}


.cat3{background-image:url(../img/cat3/009.jpg); background-size: cover; background-position:center center;}
.cat3:hover{background-image:url(../img/cat3/005.jpg); box-shadow:1px 3px 3px #000}
.cat3:hover h3{color: #FFF}

.cat4{background-image:url(../img/cat4/002.jpg); background-size: cover; background-position:center top;}
.cat4:hover{background-image:url(../img/cat4/005.jpg); box-shadow:1px 3px 3px #000}
.cat4:hover h3{color: #FFF}


h3{ margin: 20px 10px 0 10px; color:#b9b9b9; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold; letter-spacing:1 }

.boxgrid {
	color: #fff;
	float: left;
	height: 300px;
	margin:1%;
	overflow: hidden; 
	position: relative; 
	width: 23%;}
.boxgrid a{text-decoration:none}

.boxcaption{ float: left; position: absolute; height: 70px; width: 100%;  background-image:url(../img/bg_oscuro.png); text-align:left; bottom:0 }
.captionfull .boxcaption {top: 300;left: 0;}
.caption .boxcaption {top: 220;left: 0;}
.boxgrid p{padding:0px 10px 10px 10px; font-size:10px; text-decoration:none; }

#scrollbar1 {width:310px}
#scrollbar1 .viewport {width:280px; height:420px; overflow:hidden; position:relative}
#scrollbar1 .overview {list-style:none; position:absolute; left:0; top:0; padding:0; margin:0}
#scrollbar1 .scrollbar{background:transparent url(../img/bg_black.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px;}
#scrollbar1 .track {background: transparent url(../img//bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb {background: transparent url(../img//bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px;}
#scrollbar1 .thumb .end {background:transparent url(../img//bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable {display:none;}

.pie{font-family:Verdana, Geneva, sans-serif;
font-size:8pt!important;width:96%; border-top:1px solid grey; text-align:center; padding:1%; margin-top:20px;line-height:14px; color:grey}

/* MEDIA QUERIES*/
@media only screen and (max-width : 1920px){
}
@media only screen and (max-width : 1440px){
}
@media only screen and (max-width : 1366px){
}
@media only screen and (max-width : 1280px){
}
@media only screen and (max-width : 1100px){
}
@media only screen and (max-width : 1024px){

.boxgrid {
	color: #fff;
	float: left;
	height: 400px!important;
	margin:0 1% 2% 1%;
	overflow: hidden; 
	position: relative; 
	width: 48%;}
	
	.thumbs img{margin:0.5%; width:31%}

}
@media only screen and (max-width : 900px){
}
@media only screen and (max-width : 940px){
}
@media only screen and (max-width : 820px){
			
}
@media only screen and (max-width : 767px){

}
@media only screen and (max-width : 720px){
	
}

@media only screen and (max-width : 640px){

.boxgrid {
    color: #fff;
    float: left;
    height: 450px;
    margin:0 1% 4% 0;
    overflow: hidden;
    position: relative;
    width: 98%;
}

}

@media only screen and (max-width : 530px){

.thumbs img{margin:0.5%; border-radius:3px; width:48%}

}

@media only screen and (max-width : 450px){
   

}
@media only screen and (max-width : 360px){
 

}
@media only screen and (max-width : 320px){

}