html {
	height: 100%;
	width: 100%;		
}
	

body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #FFFF99;
	font: 0.8em Arial,Verdana;
	min-width: 800px;
        text-align: center;
}

#container {
	border: 10px solid #666666;
	margin-top: 20px;
	margin-left: 5%;
	margin-right: 5%;
	background-color:#FFFFFF;
        min-width: 800px;
}

/* Layout cabereca, contenido, barra lateral y pie */
/* Cabecera*/
#masthead {
	padding:0px;	
	background-color:#fff;
	height: 60px;
}
/* Contenido */
#content {
        float:left;
	padding:10px;
	border:5px solid #FFFFFF;        
	background-color:#F4F7FC;
        font-size: 1.2em;
        color: #9CA1A4;
        width: 54%;        
        margin-bottom:10px;
        text-align: left;
}
/* Barra lateral */
#sidebar {
	float:right;
	padding:10px;	
        background-color:#FFFFFF;	
        text-align: left;
        width: 36%;
        margin-bottom:10px;	
}
/* pie */
#footer {
        clear:both;
	padding:10px;	
	background-color:#FFFFFF;
        text-align: center;
        font-size: 1em;
        border:1px solid #000;
}

/* Otros layouts */
#content-all {
        float: left;
	padding:10px;
	border:5px solid #FFFFFF;        
	background-color:#F4F7FC;
        font-size: 1.2em;
        color: #9CA1A4;
        width: 95%;        
        margin-bottom:10px;
        text-align: left;
}

#footer2 {
	color: #666666;
        font-size: 0.9em;
        padding: 10px;
        text-align: center;
}



#menu-content {
	padding: 0px;	
	background-color:#FFFFFF;        
        height: 50px;        
}

#leftright {
        background-color: #FFFFFF;
}

#flashcontent {
	float:left;
	width:55%;	
}

#logo {
	float:right;	
	padding: 0px;	
	width: 42%;
	background-color: #FFFFFF;
	height: 100%;
}

#footer-head {
        clear:both;	
}


#imglogo {        
        height: 169px;
	background: url(../images/logo.jpg) center no-repeat;
        position: relative;
        top: 50%;
        margin-top: -85px;
}

/* Elementos del menu */
#col_one {        
        width: 16%;
        float: left;        
        text-align:center;        
}

#col_two {                
        width: 15%;
        float: left;        
        text-align:center;        
}

#col_three {        
        width: 15%;
        float: left;        
        text-align:center;        
}

#col_four {                
        width: 15%;
        float: left;        
        text-align:center;
}

#col_five {                
        width: 15%;
        float: left;        
        text-align:center;        
}

.active {
        background-color: #E65B24;        
        font-size: 1.2em;
        margin: 5px 2% 10px 2%;        
}

.nodo {        
        background-color:#F4F7FC;
        font-size: 1.2em;
        margin: 10px 2% 10px 2%;        
}

.nodo a {
        text-decoration: none;
        color: #000000;
}

.active a {
        text-decoration: none;
        color: #FFFFFF;
}

.nodo a:hover {
        background-color: #E65B24;
        color: #FFFFFF;        
        margin: 5px 2% 10px 2%;        
}

/* Imágenes de Títulos */
#quienes {        
        height: 34px;
	background: url(../images/quienes.png) left no-repeat;
        margin-bottom: 20px;        
}

#noticias {        
        height: 34px;        
        background: url(../images/noticias.png) left no-repeat;
        margin-bottom: 20px;        
}

#colaboradores {        
        height: 34px;        
		background: url(../images/colaboradores.png) center no-repeat;
        margin-top: 20px;
        margin-bottom: 20px;        
}

#catalogo {        
        height: 34px;
	background: url(../images/catalogo.png) left no-repeat;
        margin-bottom: 20px;        
}

#ideal {        
        height: 34px;
	background: url(../images/ideal.png) left no-repeat;
        margin-bottom: 20px;        
}

#clientes {        
        height: 34px;
	background: url(../images/clientes.png) left no-repeat;
        margin-bottom: 20px;        
}

#montajes {        
        height: 34px;
	background: url(../images/montajes.png) left no-repeat;
        margin-bottom: 20px;        
}

#contacto {        
        height: 34px;
	background: url(../images/contacto.png) left no-repeat;
        margin-bottom: 20px;        
}

#localizacion {        
        height: 34px;
	background: url(../images/localizacion.png) left no-repeat;
        margin-bottom: 20px;        
}


/* Tablas para el catálogo de productos */
div.tabla {
	clear: none;
	overflow: auto;
        width: 100%;
}

div.fila  {
	clear: both;
}

div.col {
	float: left;
	padding: 5px;
	border-color: #F0E0A0;
	border-style: solid;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;px
	border-bottom-width: 1px;        
}

div.texto {
        text-align: justify;        
}

div.titulonoticia {
        color: green;
        font-size: 1em;
        padding-bottom: 16px;
}

div.infonoticia {
        float: right;
        width: 60%;
        text-align: justify;
        padding-right: 20px;
        padding-top: 30px;        
}


div.textonoticia {        
        font-size: 0.9em;
        text-align: justify;
}


div.infocatalogo {
        float: right;
        width: 55%;
        text-align: justify;
        padding-right: 20px;
}

div.titulocatalogo {
        color: green;
        font-size: 0.9em;
}

div.textocatalogo {
        font-size: 0.8em;
}

/* Imágenes de colaboradores */
#carpastenerife {        
	background: url(../images/colaboradores/carpastenerife.png) center no-repeat;        
}
#carpastenerife a {        
        display: block;
        height: 80px;     
        margin-top: 20px;
        margin-bottom: 20px;        
}

#carpastenerife a span  {
        display: none; 
}

#casafito {        
	background: url(../images/colaboradores/casafito.png) center no-repeat;        
}
#casafito a {        
        display: block;
        height: 130px;     
        margin-top: 20px;
        margin-bottom: 20px;        
}

#casafito a span  {
        display: none; 
}



/* Imágenes de noticias (carteles, etc) */
div#imgaroferia {
        float: left;
        background: url(../images/carteles/aroferia.png) left no-repeat;        
}

div#imgaroferia a {        
        display: block;
        width: 80px;
        height: 113px;
	margin-top: 10px;
        margin-bottom: 10px;        
}

div#imgaroferia a span  {
        display: none; 
}


div#imgrutagastronomica {
        float: left;
        background: url(../images/carteles/rutagastronomica.png) left no-repeat;        
}

div#imgrutagastronomica a {        
        display: block;
        width: 80px;
        height: 113px;
	margin-top: 10px;
        margin-bottom: 10px;        
}

div#imgrutagastronomica a span  {
        display: none; 
}

div#imgaronacreativa {
        float: left;
        background: url(../images/carteles/aronacreativa.png) left no-repeat;        
}

div#imgaronacreativa a {        
        display: block;
        width: 80px;
        height: 172px;
	margin-top: 10px;
        margin-bottom: 10px;        
}

div#imgaronacreativa a span  {
        display: none; 
}


/* Imágenes del catálogo */
div#imgsillanegra {
        float: left;
        width: 80px;
        height: 80px;
	background: url(../images/catalogo/sillanegra.png) left no-repeat;        
}

div#imgsillablanca {
        float: left;
        width: 80px;
        height: 80px;
	background: url(../images/catalogo/sillablanca.png) left no-repeat;        
}

div#imgmesacuadrada {
        float: left;
        width: 80px;
        height: 80px;
	background: url(../images/catalogo/mesacuadrada.png) left no-repeat;        
}

div#imgmesaredonda {
        float: left;
        width: 80px;
        height: 80px;
	background: url(../images/catalogo/mesaredonda.png) left no-repeat;        
}

div#imgtablero {
        float: left;
        width: 80px;
        height: 80px;
	background: url(../images/catalogo/tablero.png) left no-repeat;        
}

div#imgbarbacoa {
        float: left;
        width: 80px;
        height: 80px;
	background: url(../images/catalogo/barbacoa.png) left no-repeat;        
}

div#imgcastillo {
        float: left;
        width: 80px;
        height: 80px;
	background: url(../images/catalogo/castillo.png) left no-repeat;        
}

/* Clientes */
div.infoclientes {
        float: right;
        width: 65%;
        text-align: left;
        padding-top: 20px;
}

div.tituloclientes {
        color: green;
        font-size: 1em;
        height: 100%;
}

/* Imágenes de clientes*/
div#imggobierno {
        float: left;
        width: 60px;
        height: 60px;
	background: url(../images/clientes/gobiernoespanya.png) left no-repeat;        
}


div#imgadeje {
        float: left;
        width: 60px;
        height: 60px;
	background: url(../images/clientes/aytoadeje.png) left no-repeat;        
}

div#imgarafo {
        float: left;
        width: 60px;
        height: 60px;
	background: url(../images/clientes/aytoarafo.png) left no-repeat;        
}

div#imgarico {
        float: left;
        width: 60px;
        height: 60px;
	background: url(../images/clientes/aytoarico.png) left no-repeat;        
}

div#imgarona {
        float: left;
        width: 60px;
        height: 60px;
	background: url(../images/clientes/aytoarona.png) left no-repeat;        
}

div#imgfasnia {
        float: left;
        width: 60px;
        height: 60px;
	background: url(../images/clientes/aytofasnia.png) left no-repeat;        
}

div#imggranadilla {
        float: left;
        width: 60px;
        height: 60px;
	background: url(../images/clientes/aytogranadilla.png) left no-repeat;        
}

div#imgguia {
        float: left;
        width: 60px;
        height: 60px;
	background: url(../images/clientes/aytoguia.png) left no-repeat;        
}

div#imgguimar {
        float: left;
        width: 60px;
        height: 60px;
	background: url(../images/clientes/aytoguimar.png) left no-repeat;        
}

div#imgsanmiguel {
        float: left;
        width: 60px;
        height: 60px;
	background: url(../images/clientes/aytosanmiguel.png) left no-repeat;        
}

div#imgsantacruz {
        float: left;
        width: 60px;
        height: 60px;
	background: url(../images/clientes/aytosantacruz.png) left no-repeat;        
}

div#imgsantiagoteide {
        float: left;
        width: 60px;
        height: 60px;
	background: url(../images/clientes/aytosantiagoteide.png) left no-repeat;        
}

div#imgceplasgalletas {
        float: left;
        width: 60px;
        height: 60px;
		background: url(../images/clientes/ceplasgalletas.png) left no-repeat;        
}

/* Montajes */
div.infomontaje {
        width: 100%;        
        text-align: left;
        padding-top: 20px;
}

div.titulomontaje {
        float: left;
        width: 35%;
        color: green;
        font-size: 1em;
        height: 80px;
        padding-top: 20px;
}


/* Visor de fotos */
div#fotocontainer {
	border: 10px solid #666666;
	margin: 20px auto 0 auto;
	width: 600px;
        height: 450px;
	background-color:#FFFFFF;        
}

/* Visor de carteles */
div#cartelcontainer {
	border: 10px solid #666666;
	margin: 20px auto 0 auto;
	width: 800px;
        height: auto;
	background-color:#FFFFFF;        
}

/* Contacto */
input.contacto {
	width: 70%;
	color: #666666;	
}

textarea.contacto {
	width: 70%;
	color: #666666;	
	height: 150px;
}

input.boton { 
	border: 1px solid 666666;
	color: #FFFFFF;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	background-color: #666666;
}