body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        min-width:650px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
		background:#423B36;
		font-family:"Century Gothic", Arial, Helvetica, sans-serif; 
		text-align:justify;

   }
   
    #header,#nav{height:0px;padding:0px;margin:0px;border-style:none;border-width:0px;}

	#container, #main, #footer {width:100% !important;} /* sobreescribir valores activ.css */
    #footer{position:absolute;top:70em !important}
    #footer p .credit{padding-right:3em !important}
    
	h1,h1  a, h1 a:hover {font-size: 2em; font-weight:normal;text-decoration:none;line-height:0%;}
	h2{font-size:1.5em;font-variant:small-caps;color:white;font-weight:bolder;text-align:center;line-height:90%;letter-spacing:0.1em;}
	h3{font-size:1.5em; font-weight:normal;letter-spacing:0.15em;}
	h3 a{text-decoration:none;color:white;}
	h4{font-size:1.6em; font-weight:bold;line-height:100%;}

	h5{font-size:1.5em; font-weight:normal;line-height:100%;}

	a:hover img {filter:none;}
	
	img {
		margin:0px 0 5px;
		border-style:none;
	}
	p {	color:white;}
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#423B36;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* maqueta 3 column settings */
	.maqueta {
	    background:#423B36;    	/* Right column background colour */
	}
    .maqueta .colmid {
        float:left;
        min-width:400px;
        width:200%;
        margin-left:-12em; 		/* Width of right column */
        position:relative;
        right:100%;
        background:#423B36;    	/* Centre column background colour */
    }
    .maqueta .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:26em;         		/* Left column width + right column width */
        background:#423B36;    	/* Left column background colour */
    }
    .maqueta .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:14em;        		/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.maqueta .col1 {
        margin:0 10em;     		/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
    .maqueta .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:14em;        		/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:-0.5em;         		/* Width of the left-had side padding on the left column */
        color:white;
        padding-top:2em;
        overflow:visible;
    }
    .maqueta .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:14em;        		/* Width of right column content (right column width minus left and right padding) */
        margin-right:0.5em;  		/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
        text-align:right;
		padding-top:2em;  
        overflow:visible;
 	}
	/* pie styles */
	#pie_pagina {
        clear:both;
		position:relative;
        width:100%;
        font-size: 1.3em;
        letter-spacing:0.4em;
        text-align:center;
        color:white;
        padding:10px;
        padding-bottom:14em;
        margin:0;
    }
    
    #header_centro{width:80%;margin:0 auto 0 auto;text-align:center;margin-top: 1em;}
    #header_portada{text-align:center;margin-top: 6em;}
	#marco_contenidos{width:100%;} 
	#foto_principal{float:left; width:60%; overflow:hidden;padding-top:6em;}
	#foto_principal img {width:60%;height:auto;}
	#foto_principal ul li {text-align:right;}
	#marco_texto{float:left; width:35%; overflow:hidden;padding-top:4em;margin-left:2em;text-align:justify;}
    
	#lista_galeria {float:left; width:30%; overflow:hidden;padding-top:2em;text-align:right;}
	#lista_galeria ul {
	list-style-type:none;
	line-height:130%;
	font-weight:bold;
	font-size:1.3em;
		}

	#fotos_galeria{float:left; width:65%; overflow:hidden;margin-left:2em;text-align:left;}
    

	.col1 #header_centro img.img_centro {position:relative; top:-0.2em;}
	#header_centro img.img_centro {position:relative; top:0.3em;padding-right:0.1em;}
 
/* parametros menu principal  */
	span {display:none;}
	
/* menu a la izquierda */
	.a1{display:none;}
	.col2 .foto_portada , .col3 .foto_portada {height:10em;}
	.col2 .foto_portada img, .col3 .foto_portada img {height:100px;width:61px;}
	#col_izq .foto_portada img, #col_der .foto_portada img {height:130px;width:79px;}
	.foto_portada:hover .a1 {top:5px;text-decoration:none;overflow:visible;	font-size:1.1em;font-weight:bold;padding-bottom:0.5em;}
	.foto_portada a:hover .a1{display:block;}
	
	.a1 {
	position:relative;
	text-align:center;
	line-height:130%;
	letter-spacing:0.1em;
	display:none;
	}


	.foto_portada .a2, .foto_portada .a3 {display:none}
	.foto_portada:hover .a2, .foto_portada:hover .a3 {display:block;text-decoration:none;font-size:1.1em;font-weight:normal;}
	
	.a2 {
	position:relative;
	bottom:100px;
	left:65px;
	text-align:left;
	line-height:130%;
	padding-bottom:0.3em;
	display:inline;
	}
 

	.a3 {
	position:relative;
	bottom:100px;
	right:65px;
	text-align:right;
	line-height:130%;
	padding-bottom:0.3em;
	display:inline;
	}

	.menu_local_izq {
	position:relative;
	top:-105px;
	left:65px;
	text-align:left;
	line-height:130%;
	padding-bottom:0.3em;
	}
 
	.menu_local_der {
	position:relative;
	top:-100px;
	right:65px;
	text-align:right;
	line-height:130%;
	padding-bottom:0.3em;

	}

	.menu_local_izq ul,.menu_local_der ul {
	list-style-type:none;
	line-height:110%;
		}

	.menu_local_izq a,.menu_local_der a {
	text-decoration:none;
	font-weight:normal;
}

	.menu_local_izq a:hover,.menu_local_der a:hover {
	font-weight:bold;
	}
	#lista_galeria ul li span,.menu_local_izq ul li span, .menu_local_der ul li span, h2 span, p span {display:inline;}


	#col_izq .foto_portada img, #col_der .foto_portada img {width:79px;height:130px;}
	.col2 .foto_portada img, .col3 .foto_portada img {width:61px;height:100px;}
	.foto_portada a img {background:#000;
		text-decoration:none;
		filter:alpha(opacity=100);
		opacity: 1;
}
	.foto_portada a:hover img {
		
		filter:alpha(opacity=50);
		opacity: 0.5;
}

	#formulario{
	position:absolute;
	left:50px;
}

/* fin parametros menu principal  */

/* parametros pagina de inicio */
	#cabecera {
		padding-top:2em;
		text-align:center;
		overflow:hidden;
	}
	#cabecera h1, #cabecera h1 a, #header_portada h1 a, #header_centro h1 a{
		font-size:1em;
		line-height:150%;}

	#cabecera p {
		margin-left:5%;
		padding-right:5%;
	}
	
	/* pagina de inicio - Start of Column CSS */
	#contenedor2 {
		clear:left;
		float:left;
		width:100%;
		overflow:hidden;
	}
	#contenedor1 {
		float:left;
		width:100%;
		position:relative;
		right:50%;
	}
	#col_izq{
		float:left;
		width:46%;
		position:relative;
		left:53%;
		overflow:hidden;
		text-align:right;
		padding:4em 0em 0em 0em;
	}
	#col_der {
		float:left;
		width:46%;
		position:relative;
		left:56%;
		overflow:hidden;
		text-align:left;
		padding:4em 0em 0em 0em;
	}
       
	#col_izq .foto_portada {float:right;margin-top:0.7em;padding-right:0.5em;}
	#col_der .foto_portada {float:left;margin-top:0.7em;padding-left:0.5em;}

/* maquetacion alternativa 3 columnas */ 
.titulo {
	width:70%;
	padding-top:4em;
	padding-bottom:4em;
	margin:0 auto 0 auto;
}

.titulo h2{
	margin-top:2em;
}

.titulo img {
	margin-top:0.7em;
}

.titulo table{
	margin: 0 auto; 
	text-align: center;
}

.titulo table img{
	height: 30px;
	width:auto; 
	text-align: center;
	vertical-align:bottom;
}


.titulo p  {
	text-align:justify;
	font-size:1.1em;
	line-height:130%}

.titulo ul {
	list-style-type:none;
		}
		
.titulo ul li {
	text-align:justify;
	font-size:1.2em;
	line-height:110%;
		}

	
#contenedor5 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	font-size:1em;
}
#contenedor4 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:40%;
}
#contenedor3 {
	float:left;
	width:100%;
	position:relative;
	right:19.9%;
}
#col_alt1 {
	float:left;
	width:35%;
	position:relative;
	left:63%;
	overflow:hidden;
	font-size:1em;
	text-align:left;
	color:white;
}
#col_alt2 {
	float:left;
	width:16%;
	position:relative;
	left:66%;
	overflow:hidden;
	text-align:center;
	font-weight:bold;
	color:white;
	padding-bottom:3em;
}
#col_alt3 {
	float:left;
	width:35%;
	position:relative;
	left:73%;
	overflow:hidden;
	font-size:1em;
	text-align:left;
	color:white;
}


.contenedor8 {
	width:75%;
	margin:0 auto 0 auto;
	overflow:hidden;
}
.contenedor7 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:33.333%;
}
.contenedor6 {
	float:left;
	width:100%;
	position:relative;
	right:33.33%;
}
.col6 {
	float:left;
	width:29.33%;
	position:relative;
	left:70.67%;
	overflow:hidden;
	text-align:center;
	font-weight:bold;
}
.col7 {
	float:left;
	width:29.33%;
	position:relative;
	left:75%;
	overflow:hidden;
	text-align:center;
	font-weight:bold;
}
.col8 {
	float:left;
	width:29.33%;
	position:relative;
	left:79%;
	overflow:hidden;
	text-align:center;
	font-weight:bold;
}

.unaimagen {	
	width:100%;
	height:auto;
	margin-top:2em;
	top:0em;
}

.dosimagenes {	
	width:27%;
	height:auto;
	margin-top:2em;
	margin-left:1em;
	top:0em;
}

.tresimagenes {	
	width:30%;
	height:auto;
	margin-top:6em;
	margin-left:auto;
	margin-right:auto;
	padding-left:0.2em;
	padding-right:0.2em;
	bottom:0em;
}
.cincoimagenes {	
	width:18%;
	height:auto;
	margin-top:4em;
	margin-left:auto;
	margin-right:auto;
	padding-left:0.2em;
	padding-right:0.2em;
	bottom:0em;
}

	#menu_pie {
        clear:both;
        position:absolute;
        width:100%;
        top:45em;}
    #menu_pie_contenidos{
        letter-spacing:0.3em;
        text-align:center;
/*        background-color:black; */
        padding-top:5px;
        padding-bottom:1px;
        margin:0px;
    }
    #menu_pie_contenidos span, #marco_texto span {text-align:left;display:inline;}
    #menu_pie_contenidos a {text-decoration:none;}
    #menu_pie_contenidos p {font-size:small;}
    #pie_pagina span {display:inline;}

/* fin pagina de inicio */

#form_contact{
position: absolute;
left: -75px;
}
.centrar {
border:0px;
background-color:#423B36;
}

/****************************   colores   ***************************************/
.amarillo, .amarillo a{color:#fbfbbf;}
.fondo_amarillo {background-color:#fbfbbf;}
.cielo, .cielo a {color:#c0e7e6;}
.fondo_cielo {background-color:#c0e7e6;}
.naranja, .naranja a {color:#dfb891;}
.fondo_naranja {background-color:#dfb891;}
.verde, .verde a, .fondo_verde {color:#a7e779;}
.fondo_verde {background-color:#a7e779;}
.verde_mad, .verde_mad a {color:#009800;}
.morado, .morado a, .fondo_morado {color:#ac00de;}
.fondo_morado {background-color:#ac00de;}
.destacado {color:#B2AA9F;font-weight:bolder}
.fondo_pagina{background-color:#423B36;}
.fondo_destacado{background-color:#78736F;}
.dorado, .dorado a {color:#6C6451;}