@charset "utf-8";
/* CSS Document */

body {
background-color:#003800;
background-image:url(images/back8.jpg);
background-repeat: repeat;
margin-top:0px;
margin-bottom:0px;
}

a img { border: 0; }

.tabla-main {
background-image:url(images/bck3.jpg);
background-repeat:repeat-x;
background-color:#FFFFFF;
width:700px;
height:%100;
border-collapse: collapse;
}

.tabla-index {
background-image:url(images/circulos2.png);
background-repeat:no-repeat;
border-collapse:collapse;
}
.tabla-info {
border-collapse:collapse;
}

.td-menu{
height:245px;
background-image:url(images/logo2.png);
background-repeat:no-repeat;
}

div.fadehover {
	position: absolute;
	width:72px;
	height:102px;
		}

img.a {
	z-index: 2;
	position: absolute;
	left: 223px;
	top: 80px;
	cursor: pointer;
	}
	
img.a2 {
	position: absolute;
	left: 223px;
	top: 80px;
	}
	

img.b {
	z-index: 2;
	position: absolute;
	left: 348px;
	top: 80px;
	cursor: pointer;
	}
	
img.b2 {
	position: absolute;
	left:348px;
	top: 80px;
	}
	
img.c {
	z-index: 2;
	position: absolute;
	left: 480px;
	top: 80px;
	cursor: pointer;
	}
	
img.c2 {
	position: absolute;
	left: 480px;
	top: 80px;
	}
	

img.d {
	z-index: 2;
	position: absolute;
	left: 605px;
	top: 80px;
	cursor: pointer;
	}
	
img.d2 {
	position: absolute;
	left:605px;
	top: 80px;
	}

.icon-inico {
z-index:3;
position:relative;
top:-10px;
left:450px;
}
	
.icon-contacto {
z-index:4;
position:relative;
top:-18px;
left:458px;
}

.icon-mapa {
z-index:5;
position:relative;
top:-42px;
left:677px;
}
	
	
.mail-png {
position:relative;
top:5px;
left:2px;
}

.board {
z-index:1;
position:absolute;
top:0x;
left:-180px;
}

.proyecto {
z-index:2;
position:absolute;
top:75px;
left:8px;
}

.index-servicios {
z-index:1;
position:absolute;
top:0;
left:0px;
}

.web {
	z-index:2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	position:absolute;
	top:67px;
	left:80px;
}

.grafica {
	z-index:3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	position:absolute;
	top:67px;
	left:278px;
	height: 62px;
	width: 109px;
}
.interactivo {
	z-index:4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	position:absolute;
	top:86px;
	left:460px;
	width: 120px;
	height: 55px;
}



/*-------------------banners publicidad-------------*/


.banner-corp {
z-index:1;
position: absolute;
top:20px;
left:25px;
}

.banner-hotel {
z-index:3;
position: absolute;
top:180px;
left:20px;
}

.label {
	z-index:2;
	position: absolute;
	top:200px;
	left:30px;
}

.asesoramiento {
	z-index:5;
	position: absolute;
	top:370px;
	left:38px;
}

.right-hot {
z-index:1;
position: absolute;
top:10px;
left:10px;
}

.consulta-hottel {
z-index:2;
position:absolute;
top:490px;
left:0px;
}





/*-------------------fonts-------------*/

a:link {
	text-decoration: none;
	color: #003300;
}
a:visited {
	text-decoration:none;
	color: #666666;
}

a:hover {
	color:#006600;
	text-decoration:none;
}

.portfolio {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}
p.portfolio {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

.port-titulo {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
}


.info {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
text-align:justify;
}

.qs {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#000000;
text-align:justify;
}


.extra {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
}

.titulo-circulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #000000;
	font-weight:bold;
}


.texto-circulo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	font-weight: bold;
}

.proceso {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #000000;
}

#proceso a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	text-decoration:none;
}

#proceso a:hover {
	color: #006633;
}

.contacto {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	padding-left:10px;
}

.rojo {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #CC0000;
	
}