﻿@charset "utf-8";

a:link {
	text-decoration: none;
	color:#333;
}
a:visited {
	text-decoration: none;
	color:#333;
}
a:hover {
	text-decoration: none; 
	color:#333;
}
a:active {
	text-decoration: none;
	color:#333;
}
a img {border: 0px; } 
div.imagen img { border:thin solid #DDDDDD; }
body  {
	margin:0px; 
	background-image:url(imagenes/bg.jpg);
	background-position:center;
	background-repeat:repeat-y;
	background-color:#c7dae8;
	background-attachment:fixed;
	}
html {
	font-family:Arial, Helvetica, sans-serif;
	border-bottom-color: #CCCCCC;
	}
h4 {
	margin:0px;
	color:#999999;
	}
h6 {
	margin:0px;	
}
#texto{
}
#sk {background:url(imagenes/fondoskate.png) center top no-repeat scroll #918e8c;}
.general {
		margin:auto;
		height:auto;
		width:915px;
		}
/*HEAD*/
.wrappertopo{
	width:828px;
	height:259px;
	margin:auto;
	padding: 2px;
	}
.header {
	height:32px;
	background-position: center top;
	background-color: #000066;
	}
.headimage {
	height:200px;
	/*background-color:#000066;*/
	text-align: left;
	position:relative;
	}
#bskate{
	position:absolute;
	width: 829px;
	}
.menuwrapepr{
	height:57px;
	background-color:#FFFFFF;
	position: static;
	}
/*MENU RAPIDO*/	
#menuempresa ul{
	margin-left:150px;
	}
#menulang ul{
	margin-left:660px;
	}
.menurapid{
	margin:0px;
	}
.menurapid ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
	}
.menurapid li {
	float:left;
	margin:1em;
	border-right: 1px solid #FFFFFF;
	padding-right:1em;
	}
.menurapid ul li{
	text-decoration: none;
	font-size: 9px;
	}
.menurapid li a:hover{
	text-decoration:underline;
	}
.menurapid li a{
	text-decoration: none;
	color:#FFFFFF;
	}
/*Fin MENU RAPIDO*/

/*MENU*/
#menu {
margin: 0px;
}
#menu ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}

#menu li { 
float: left;
}

#menu ul li a
{
	text-decoration: none;
	font-size: 11px;
	font-weight:bold;
	color:#FFFFFF;
	height: 57px;
	width: 138px;
	display: block;
	margin: 0px;
	padding-top:0px;		
	line-height: 35px;
}


/*botones*/
#playground {
	background:url(imagenes/botone_naranja2.jpg) bottom
	no-repeat;
	}
#playground a:hover{
	background:url(imagenes/botone_naranja2.jpg) top
	no-repeat;
	}
#foam{
	background:url(imagenes/botone_lila2.jpg) bottom
	no-repeat;
	}
#foam a:hover{
	background:url(imagenes/botone_lila2.jpg) top
	no-repeat;
	}
#parques{
	background:url(imagenes/botone_rojo2.jpg) bottom
	no-repeat;
	}
#parques a:hover{
	background:url(imagenes/botone_rojo2.jpg) top
	no-repeat;
	}
#mobiliario{
	background:url(imagenes/botone_verde2.jpg) bottom
	no-repeat;
	}
#mobiliario a:hover{
	background:url(imagenes/botone_verde2.jpg) top
	no-repeat;
	}
#alquiler{
	background:url(imagenes/botone_azul2.jpg) bottom
	no-repeat;
	}
#alquiler a:hover{
	background:url(imagenes/botone_azul2.jpg) top
	no-repeat;
	}
#skatepark{
	background:url(imagenes/botone_gris2.jpg) bottom
	no-repeat;
	}
#skatepark a:hover{
	background:url(imagenes/botone_gris2.jpg) top
	no-repeat;
	}

/*final botones*/
/*FINAL MENU*/

/*FINAL - HEAD*/
/*CONTENIDO*/
.wrappercontenido {
	width:828px;
	height:auto;
	margin:auto;
	background-color:#FFFFFF;
	}
/*CONTENIDO- IZQUIERDA*/
.menuimage {
	width:141px;
	height:60px;
	background-color:transparent;
	background-position: 10px center;
	background-repeat:no-repeat;
	}
#menuimageplayground {

	}
/*MENU- apartados*/
#menubajo{
	background:url(imagenes/menubajo.png) transparent top center no-repeat;
	width:140px;
	height:17px;
	padding:0px;
	margin:0px;
	}
#menutop{
	background:url(imagenes/topmenu.png) transparent top center no-repeat;
	width:140px;
	height:17px;
	/*border-bottom:1px #666 solid;*/
	padding:0px;
	margin:0px;
	}
#menuapartados {
	margin-top:10px;
	margin-bottom:10px;
	width:140px;
	margin-right: auto;
	margin-left: auto;
	
}
#menuapartados div{

}
#menuapartados ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
}
#menuapartados li a{
	text-decoration:none;
	font-size:12px;
	color:#666;
	padding:5px;
	display:block;
	font-weight:lighter;
	background-color:#FFFFFF;
	border-bottom:1px #666 solid;
}
#menualquiler li a:hover{
	color:#666666;
	background-color:#E1E1E1;
	}
#menualquiler li a:active{
	color:#0066CC;
	}
#menuplayground li a:hover{
	color:#333333;
	background-color:#E1E1E1;
	}
#menuplayground li a:active{
	color:#999999;
	}
#menualaempresa li a:hover{
	color:#666666;
	background-color:#E1E1E1;
	}
#menualaempresa li a:active{
	color:#000066;
	}
#menuexteriores li a:hover{
	color:#666666;
	background-color:#E1E1E1;
	}
#menuexteriores li a:active{
	color:#FF0000;
	}
/*Fin MENU- apartados*/
.izquierda {
	width:146px;
	height:100%;
	background-color:#FFFFFF;
	margin-right:15px;
	float:left;
	}
.tablap {
	font-size: 11px;
	font-style: normal;
	color: #666666;
}
.h1tabla {
	font-size: 12px;
	color: #000066;
	font-weight: bold;
}

.izquierda div{
	/*border-bottom-style:dotted;*/
	border-bottom-width:1px;
	margin:2px;
	padding-bottom:5px;
	position:relative;
	}
.izquierda p{
	font-weight:normal;
	font-size:11px;
	display:block;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 5px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
	line-height:95%;
	}
.izquierda h1{
	font-weight:bold;
	font-size:12px;
	color:#000066;
	display:block;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 5px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	}
.izquierda a {
	text-decoration:none;
	color:#666666;
	}
.izquierda a:hover {
	color:#CCCCCC;
	text-decoration:none;
	}
div#izquierdask{
	background-color:#CCCCCC;
	}
#izquierdask h1{
	color:#333;
	}
#izquierdask a:hover{
	color:#333;
	}
/* image swap*/
	
#contenedor_swap div{
	border:none;
	height:30px;
	}
#contenedor_swap {
	position:relative;
	width:180px;
	border:none
	}	
.displayed{
	margin-top:0px;
	width:141px;
	font-size:11px;
	padding-right:10px;
	text-align:left;
}
.mantenimiento {
	float:left;
	display:none;
	width: 50px;
	}
.mantenimiento a {  
	background-image:url(imagenes/mantenimiento_gris.png);
	display:block;
	width:35px;  
	height:30px;
	background-repeat:no-repeat;
	background-position:center;
	}
	
.mantenimiento a:hover {
	background-image:url(imagenes/mantenimiento.png);
	background-repeat:no-repeat;
	background-position:center;
	width:35px;  
	height:30px;
    }
	
.integracion {
	float:left;
	}
.integracion a {  
	background-image:url(imagenes/integracion_gris.png);
	display:block;
	width:35px;  
	height:30px;
	background-repeat:no-repeat;
	background-position:center;
	}
	
.integracion a:hover {
	background-image:url(imagenes/integracion.png);
	background-repeat:no-repeat;
	background-position:center;
	width:35px;  
	height:30px;
	}
	
.certificados_map_icons {
	float:left;
	}
.certificados_map_icons a {  
	background-image:url(imagenes/certificados_gris.jpg);
	display:block;
	width:35px;  
	height:30px;
	background-repeat:no-repeat;
	background-position:center;
	}
	
.certificados_map_icons a:hover {
	background-image:url(imagenes/certificados.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:35px;  
	height:30px;
	}
	
.diseno {
	float:left;
	}
.diseno a {  
	background-image:url(imagenes/diseno_gris.png);
	display:block;
	width:35px;  
	height:30px;
	background-repeat:no-repeat;
	background-position:center;
	}
	
.diseno a:hover {
	background-image:url(imagenes/diseno.png);
	background-repeat:no-repeat;
	background-position:center;
	width:35px;  
	height:30px;
	}
.seguridad {
	float:left;
	}
.seguridad a {  
	background-image:url(imagenes/seguridad_gris.png);
	display:block;
	width:35px;  
	height:30px;
	background-repeat:no-repeat;
	background-position:center;
	}
	
.seguridad a:hover {
	background-image:url(imagenes/seguridad.png);
	background-repeat:no-repeat;
	background-position:center;
	width:35px;  
	height:30px;
	}
	
	.calidad {
	float:left;
	}
.calidad a {  
	background-image:url(imagenes/calidad_gris.png);
	display:block;
	width:35px;  
	height:30px;
	background-repeat:no-repeat;
	background-position:center;
	}
	
.calidad a:hover {
	background-image:url(imagenes/garantia.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:35px;  
	height:30px;
	}
	
.garantia_icono {	float:left;	}
.garantia_icono a {  	background-image:url(imagenes/garantia_gris.jpg);	display:block;	width:35px;  	height:30px;	background-repeat:no-repeat;	background-position:center;	}
.garantia_icono a:hover {	background-image:url(imagenes/garantia.jpg);	background-repeat:no-repeat;	background-position:center;	width:35px;  	height:30px;	}	
	


	
/* fin image swap*/	
/*CONTENIDO- DERECHA*/
.derecha {
	width:667px;
	/*height:auto;*/
	min-height: 500px;
	background-color:#FFFFFF;
	float:left;
	}
.derecha p{
	font-size:11px;
	text-align:justify;
	padding-right:10px;
	}
#splash{
	float:right;
	width: 150px;
	height:130px;
	margin:10px;
	background:url(imagenes/splash.png) center no-repeat center;
	color:#FFFFFF;
	font-size:11px;
	position:relative;
	}
	#splash div{
	width: 101px;
	z-index:2;
	position:absolute;
	left: 33px;
	top: 44px;
	}
.derecha#contenidoempresa span{
	/*font-weight:bold;*/
}

#contenidoempresa{
	/*font-weight:bold;*/
	width: 100%;
	font-size:11px;
}

#contenidoalquiler h3{
	color:#0066CC;
	}

#contenidoplay h3{
	color:#FFCC00;
	}
#contenidoempresa h3{
	color:#000066;
	}
#contenidoexteriores h3{
	color:#FF0000;
	}
	
/*FINAL CONTENIDO*/	
/*FOOTER*/
.foot{
	margin-top:0px;
	background-color:transparent;
	font-size:9px;
	width:800px;
	}
.footertext 
{
	font-size: 10px;
	color:#666666;
}
.footerrv 
{
	font-size: 10px;
	color:#999999;
}

#linkrv a
{
	color:#999999;
}

/*FIN FOOTER*/

/*DIVs Catalogo*/
#wrapcatalogo {
	width:667px;
	position:relative;
	}
#wrapcatalogo  a img{
	border:none;
	}
#catalogoizq {
	float:left;
	width:334px;
	}
#contfoto{
	width:328px;
	height:182px;
	background-color:#003366;
	border:solid 1px #000;
	z-index:0;
	position:relative;
	}
#divdetun{
	background-color:#00FF00;
	width:65px;
	height:44px;
	float:left;
	border: 1px #000000 solid;
}
#divdetdos{
	background-color:#99CCCC;
	width:65px;
	height:44px;
	float:left;
	border: 1px #000000 solid;
}
#divdettres{
	background-color:#996600;
	width:65px;
	height:44px;
	float:left;
	border: 1px #000000 solid;
}
#catalogoderecha {
	float:left;
	width:333px;
	font-size:11px;
	}
#info {
width:333px;
height:18px;
background-color:#E0E0E0;
margin-top:19px;

}
ul#info { 
	list-style-type: none; 
	margin: 0px;
	padding: 0px;
}
ul#info .infonavleft {
	float: left;
	width: 11em;
	margin-left:10px;
}

ul#info .infonavright {
float: right;
width: 5em;
clear:right;
}
ul#info li a {
	display: block;
	color:#666;
	font-size:11px;
	text-decoration:none;
}
ul#info li a:hover {
text-decoration:underline;
font-weight:bold;
}
#componentes{
	width:333px;
	background-color:#CCCCCC;
	}

#infoex {
	clear:both;
	height:100px;
	width:323px;
	margin-left:10px;
	}
	#informacion{
	margin:0px;
	padding:0px;
	}
		#informacion span{
color:#999999;
font-weight:normal;
margin-left:5px;
	}
#informacion li{
	list-style-type:none;
	background-color:#EBEBEB;
	color:#333333;
	margin-top:1px;
		}
#componentesx {
	clear:both;
	height:100px;	
	width:323px;
	margin-left:10px;
	}
#componente{

}
#componente li{
	background-color:#EBEBEB;
	color:#333333;
	}
	
#displaydet1{
	width:328px;
	height:182px;
	z-index:1;
	background-color:#0F0;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	}
#displaydet2{
	width:328px;
	height:182px;
	z-index:2;
	background-color:#9CC;
	position:absolute;
	top:0px;
	left:0px;
	}
#displaydet3{
	width:328px;
	height:182px;
	z-index:3;
	background-color:#960;
		position:absolute;
	top:0px;
	left:0px;
	}
#cerrar a img{
	float:right;
	z-index:4;
	padding:2px;
	}
/*Fin DIVs Catalogo*/
/*galery* alquiler*/
.caption {
	width: 190px;
	height:51px;
	background:url(imagenes/fongo_caption.png) center top no-repeat;
	padding-left:10px;
	padding-top:10px;
	}
.caption_150 {
	width: 150px;
	height:31px;
	background:url(imagenes/fongo_caption_150.png) center top no-repeat;
	padding-left:10px;
	padding-top:0px;
	}	
.caption_150 h5 {margin: 0px; padding: 10px 0px 0px 0px; font-size:0.9em;  }	
.caption p, .caption h5{
margin:0px;
	}
#capteventosdep{
	color:#999999;
	}
.imagen
	{ 
	margin-top:5px;
	}
.medidasGaleria	
{
	font-size: 10px;
}
	
/* fin *galery* alquiler*/
/* Contacto form*/
#page-wrap {
	width: 600px;
	background: white;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#contact-area {
	width: 600px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 400px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1em;
}
/* Fin Contacto form*/
.titulosizq {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 8px;
	padding-left: 2px;
	font-size: 14px;
	margin-bottom: 1px;
	color: #CC0000;
}
.iniciacion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #FFFFFF;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 4px;
}
.titulosp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC0033;
	padding: 4px;
}

/*Estilos de noticias*/

#titularesnoticas{
	margin-left:285px;
	margin-top: 20px;
	width: 400px;
	font-weight: bold;
	color: #003399;
	font-size: 16px;
	background-color: #FFFFFF;
	padding: 6px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.titulares {
	font-size: 14px;
	font-weight: bold;
	color: #003366;
	padding: 5px;
	font-style: normal;
	background-color: #FFFFFF;
}
.parrafost {
	font-size: 12px;
	color: #666666;
	margin-top: 4px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.leermas {
	text-align: right;
}


#contenedornews{
margin-top:8px;
}

/*Estilos para footer*/

#footer{
	background-color:#EBEBEB;
	margin-left: 275px;
	margin-right: 275px;
	padding: 4px;
	margin-top: 20px;
	border: thin solid #999999;
}.tel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	padding: 4px;
	float: right;
	width: 180px;
	margin-left: 10px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #666666;
}
.actualidad {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	margin-right: 500px;
	margin-left: 10px;
	padding: 1px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #666666;
	width: 160px;
	height: 185px;
}
.p2 {
	font-size: 10px;
	color: #333333;
	text-align: left;
}
.rv {
	padding-left: 500px;
}

.confoot {
	margin-right: 20px;
}
.cred {
}

.mantenimiento {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	margin-left: 20px;
	width: 165px;
	float: right;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	padding-left: 8px;
}
h1 {
	font-size: 14px;
}

.garantia{
	width:180px;
	float: right;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #666666;
	margin-left: 20px;
	padding-left: 14px;
	padding-bottom: 1px;
	color: #333333;
	height: 100px;
}

#lateralbottom{background-color:#FFFFFF}

#contenedortabla{
	width: 100%;
}
.borde1 {
	border-right-style: solid;
	border:thin;
	border-right-color: #D3D3D3;
}

#creditos{
	clear:both;
	margin-top: 40px;	
	margin-left:auto;
	margin-right: auto;
	font-size: 10px;
	color: #666666;	
	width:915px;
	text-align:center;
}

#foamkidlogo{position:fixed;}

#detabla{
	padding-left:200px;
}

#eibe{position:fixed;}


.table {
	margin-left: 160px;
}
.creditos {
	padding-right: 40px;
}
.randv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	margin-left: 90px;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	font-size: 9px;
}

#footer_mantenimiento { line-height: 1.5em; }

.altominimo {
    height:500px;
    float:right;
    width:1px;
	/*background-color:#F00;*/
  }
.altominimo750
{
	height:750px;
}

  .clearaltominimo {
    clear:both;
    height:1px;
    overflow:hidden;
  }

