@charset "utf-8";
/* CSS Document */
#slideshowd {
    position:relative;
    height:356px;
	width:874px;
	float:left;
	}
#slideshowd IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	}
#slideshowd IMG.active {
    z-index:10;
    opacity:1.0;
	}
#slideshowd IMG.last-active {
    z-index:9;
	}
.btn-servicios{
	float:left;
	margin-top:40px;
	}
.btn-servicios ul li{
	float:left;
	position:relative;
	width:163px;
	margin-left:65px;
	}
.btn{
	float:left;
	position:relative;
	width:163px;
	}
.nombre-ser{
	float:left;
	position:relative;
	text-align:center;
	padding-top:7px;
	padding-bottom:7px;
	background:#000;
	color:#85b224;
	width:100%;
	font-family:"Arista";
	font-size:18px;
	text-transform:uppercase;
	margin-top:20px;
	}
.btn:hover .nombre-ser{
	background-color:#d5d6d1;
	}
.btn-img-ser{
	float:left;
	position:relative;
	width:129px;
	height:129px;
	margin-top:17px;
	margin-left:17px;
	}
.btn-s1{
	background-image:url(../img/botones/h1.png);
	}
.btn:hover .btn-s1{
	background-image:url(../img/botones/h1-h.png);
	}
.btn-s2{
	background-image:url(../img/botones/h2.png);
	}
.btn:hover .btn-s2{
	background-image:url(../img/botones/h2-h.png);
	}
.btn-s3{
	background-image:url(../img/botones/h3.png);
	}
.btn:hover .btn-s3{
	background-image:url(../img/botones/h3-h.png);
	}
.btn-s4{
	background-image:url(../img/botones/h4.png);
	}
.btn:hover .btn-s4{
	background-image:url(../img/botones/h4-h.png);
	}
#scrollbar { 
	width: 490px;
	}
#scrollbar .viewport { 
	width: 445px; 
	height: 350px; 
	overflow: hidden; 
	position: relative; 
	}
#scrollbar .overview { 
	list-style: none; 
	position: absolute; 
	left: 0; 
	top: 0; 
	padding: 0; 
	margin: 0; 
	}
#scrollbar .scrollbar{ 
	background: transparent url(../img/bg-scrollbar-track-y.png) 0 0; 
	position: relative; 
	background-position: 0 0; 
	float: right; 
	width: 25px;
	border-radius:15px;
	}
#scrollbar .thumb { 
	background: transparent url(../img/bg-scrollbar-thumb-y.png) 50% 100%; 
	height: 20px; 
	width: 25px; 
	cursor: pointer; 
	overflow: hidden; 
	position: absolute; 
	top: 0;
	left: 0px;
	border-radius:15px;
	}
#scrollbar .thumb .end { 
	background: transparent url(../img/bg-scrollbar-thumb-y.png) no-repeat 50% 0; 
	overflow: hidden; 
	height: 5px; 
	width: 25px; 
	}
#scrollbar .disable { 
	display: none; 
	}
.noSelect { 
	user-select: none; 
	-o-user-select: none; 
	-moz-user-select: none; 
	-khtml-user-select: none; 
	-webkit-user-select: none;
	 }
.servicios{
	float:left;
	}
.servicios ul li{
	width:466px;
	height:248px;
	}
.complementario{
	float:left;
	margin-top:30px;
	margin-bottom:20px;
	}
.complementario ul li{
	width:960px;
	height:175px;
	float:left;
	position:relative;
	}
.texto-comp{
	float:left;
	position:relative;
	width:685px;
	}
.texto-comp h1{
	font-family:"Arista";
	font-size:42px;
	color:#FFF;
	font-weight:normal;
	text-transform:uppercase;
	text-align:right;
	margin-top:15px;
	margin-right:120px;
	}
.texto-comp p{
	font-family:"Avdira";
	font-size:16px;
	color:#FFF;
	line-height:18px;
	margin-top:18px;
	text-align:right;
	}
.foto-comp{
	float:left;
	position:relative;
	margin-left:50px;
	}
.prev{
	background:url(../img/flechas2.png) no-repeat left top;
	width:78px;
	height:86px;
	position:absolute;
	top:25px;
	left:570px;
	z-index:100;
	}
.prev:hover{
	background:url(../img/flechas2-h.png) no-repeat left top;
	}
.next{
	background:url(../img/flechas2.png) no-repeat right top;
	width:78px;
	height:86px;
	position:absolute;
	top:26px;
	z-index:100;
	left:620px;
	}
.next:hover{
	background:url(../img/flechas2-h.png) no-repeat right top;
	}