/*******************ERIC MEYER'S CSS RESET STYLES********************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; }
:focus {outline: 0;}
body {color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*******************FIN ERIC MEYER'S CSS RESET STYLES********************************************/

/*******************LAYOUT********************************************/
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#FFF;
		max-width:1000px;
		min-width:600px;   	/* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:65%;
		font-family:"Trebuchet MS", Verdana, Arial;
	}
	
	div#contenido {
	    width:1000px;
	    position:absolute;
	    left:50%;
        margin-left:-500px;
	}
	
	a {
		color:#369;
		text-decoration:none;
	}

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

	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
		margin:0;
		border:0;
	}
	
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
		height:180px; 
		background-image:url(/images/cabecera.jpg);
	}
	
	#header h1{
		width:25%;
		height:auto;
		line-height:95%;
		font-family:"Trebuchet MS";
		font-size:4em !important;
		color:#FFF;
		font-weight:bold;
		margin:10px 0 0 14%;
	}

	#header h2 
	{
		position:absolute;
		right:6%;
		top:15px;
		padding:0;
    }
    	
	#header p {
		width:220px;
		margin:20px 0 0 14%;
		padding:0;
	}
	
	#header p a {
		font-size:1.3em;
		color:#FFF;
		font-weight:700;
	}
	
	#header p a:hover {
		color:#27A25F;
	}
	
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		margin:0;
		padding:6px 15px !important;
	}

	#layoutdims p {
		padding:.4em 15px 0 15px;
        color:#E20A15;
        font-weight:700;
        font-style:italic;
        font-size:1.2em;
        text-align:center;
    }

	#layoutdims p span {
        color:#000;
        font-weight:700;
        font-style:italic;
    }


	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
	}

	.col1,
	.col2 {
		float:left;
		position:relative;
		padding:0 0 1.2em 0;
		overflow:hidden;
	}

	/* 2 Column (right menu) settings */
	.rightmenu {
		background:#fef5f6 url(/images/fondo-lateral.gif) repeat;		/* right column background colour */
		margin-top:15px;
	}
	
	.rightmenu .colleft {
		right:25%;			    /* right column width */
		background:#fff;		/* left column background colour */
	}
	.rightmenu .col1 {
		width:71%;			/* left column content width (left column width minus left and right padding) */
		left:27%;			/* (right column width) plus (left column left padding) */
	}
	
	.rightmenu .col1 h2 {
        color:#E20A15;
        font-size:2em;
        font-weight:700;
	}

	.rightmenu .col1 div.post_fecha{
	    font-size:1.2em;
	}
	    
	.rightmenu .col1 div.parrafo {
	    margin:1.5em 0 0 3.5em;
	    float:left;
	    line-height:140%;
	    width:93% !important;
	    width:590px;
    }
    	
	.rightmenu .col1 div.parrafo div {
	    float:left;
	    margin:0 0 0 15px;
	    font-size:1.2em;
	    text-align:justify;
	    font-weight:400;
	    width:94% !important;
	    width:600px;
	}

	.rightmenu .col1 div.parrafo div img{
		display:block;
	    clear:both;
	    margin:0 0 15px 0;
	}

	.rightmenu .col1 div.parrafo div ul, li{
	    margin:1em 0 0 1.5em;
	}

	.rightmenu .col1 div.parrafo div.seguir-leyendo {
	    float:left;
	    margin:1em 0 0 2.9em;
	}

	.rightmenu .col1 div.parrafo div.seguir-leyendo a {
	    font-size:1em;
	    font-weight:400;
        color:#27A25F;
	}

	.rightmenu .col1 div.parrafo div.seguir-leyendo a:hover {
        color:#E20A15;
	}

	.rightmenu .col1 div.parrafo img {
	    float:left;
	}
	
	.rightmenu .col1 div.parrafo div.comentarios{
	    float:left;
	    margin:1em 0 0 3em;
	    font-weight:400;
        color:#E20A15;
	}
	
	.rightmenu .col1 div.parrafo div.comentarios a{
	    font-size:1.2em;
	    font-weight:400;
        color:#E20A15;
	}

	.rightmenu .col1 div.parrafo div.comentarios a:hover{
        color:#27A25F;
	}

	.rightmenu .col1 div.parrafo div h3{
	    font-size:1.2em;
        color:#E20A15;
        margin:0;
        padding:0;
	}

	.rightmenu .col1 div.comentario {
	    margin:1em 1.5em 0 6.8em;
	    float:left;
	    line-height:140%;
	    width:88%;
    }

	.rightmenu .col1 div.comentario div.linea {
		float:left;
	    clear:both;
	    display:block;
	    background:#B4DFC7 url(/images/linea.gif) repeat-x;
	    height:2px;
	    line-height:2px;
	    margin:10px 0;
	    width:99%;
    }

	.rightmenu .col1 div.comentario div.datos_autor {
	    float:left;
	    line-height:140%;
	    width:15.5em;
	    clear:both;
	    font-size:1.1em;
    }

	.rightmenu .col1 div.comentario div.datos_comentario {
	    float:right;
	    line-height:140%;
	    width:35em;
	    font-size:1.2em;
	    text-align:justify;
    }

	.rightmenu .col1 div.comentario div.datos_comentario img {
	    float:left;
    }

	.rightmenu .col1 div.comentario div.datos_comentario div {
	    float:left;
	    margin-left:10px;
	    width:90%;
    }

	.rightmenu .col1 div.comentario div.datos_comentario p {
	    float:left;
	    margin-left:0px;
	    width:90%;
    }

	.rightmenu .col1 div.comentario div.datos_comentario p a {
	    font-size:1em;
        color:#27A25F;
    }

	.rightmenu .col1 div.comentario div.datos_comentario p a:hover {
	    font-size:1em;
        color:#E20A15;
    }

	.rightmenu .col1 div.comentario div.datos_comentario div div {
	    float:left;
	    margin-left:0px;
	    width:100%;
    }

	.coment_autor span	{
        color:#E20A15;
	}

	.coment_autor a	{
        color:#27A25F;
	}
	
	.coment_email a	{
        color:#E20A15;
	}

	.coment_fecha span {
        color:#E20A15;
	}

	.coment_fecha {
        color:#27A25F;
	}

	.rightmenu .col1 div.area-tematica {
	    margin:1.5em 1.5em 0 3.5em;
	    float:left;
	    line-height:140%;
	    width:93%;
    }
    	
	.rightmenu .col1 div.area-tematica p {
		clear:both;
        float:left;
        color:#E20A15;
        font-size:1.1em;
        margin-left:42px;
	}

	.rightmenu .col1 div.area-tematica p.pie {
		clear:both;
        float:left;
        color:#E20A15;
        font-size:1.1em;
        margin:10px 0 0 42px;
        width:92%;
        text-align:justify;
	}

	.rightmenu .col1 div.area-tematica img {
	    float:left;
	}
	
	.rightmenu .col1 div.area-tematica div.area_subtitulo {
	    float:left;
	    margin:0 0 5px 15px;
        color:#E20A15;
	    font-size:1.2em;
	    font-weight:700;
	    width:92%;
	}

	.rightmenu .col1 div.area-tematica div.area_descripcion {
	    float:left;
	    margin:0 0 0 15px;
	    font-size:1.2em;
	    text-align:justify;
	    font-weight:400;
	    width:92%;
	}
	

	.rightmenu .col1 div.area-tematica div.area_foto {
		clear:both;
	}
	
	.rightmenu .col1 div.area-tematica div.area_video,
	.rightmenu .col1 div.area-tematica div.area_foto,
	.rightmenu .col1 div.area-tematica div.area_fichero,
	.rightmenu .col1 div.area-tematica div.area_enlace {
		clear:both;
	    float:left;
	    margin:1.5em 0 0 4em;
	}

	.rightmenu .col1 div.area-tematica div.area_enlace p {
        color:#E20A15;
        font-size:1.1em;
	}

	.rightmenu .col1 div.area-tematica div.area_enlace p a {
        color:#27A25F;
        text-decoration:underline;
	}

	.rightmenu .col1 div.area-tematica div.area_enlace p a:hover {
        color:#E20A15;
	}
	
	.rightmenu .col1 div.area-tematica div.area_fichero a {
        color:#27A25F;
        display:block;
        width:300px;
        font-size:1.1em;
	}

	.rightmenu .col1 div.area-tematica div.area_fichero a:hover {
        color:#E20A15;
	}

	.rightmenu .col1 div.area-tematica div.area_fichero a img {
		float:none;
	}
	
	.rightmenu .col1 div.area-tematica div h3{
	    font-size:1.2em;
        color:#E20A15;
        margin:0;
        padding:0;
	}
	
	.rightmenu .col2 {
		width:21%;			/* right column content width (right column width minus left and right padding) */
		left:32%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}

	.rightmenu .col2 h2 {
        margin-top:2em;
        color:#27A25F;
        font-size:1.2em;
        font-weight:700;
    }    

    .rightmenu .col2 ul {
        margin:0 0 0 1.5em;
        padding:0;
    }

	.rightmenu .col2 ul li {
		list-style:none;
        color:#E20A15;
        font-size:1.2em;
        font-weight:700;
        margin-top:1em;
        padding-left:10px;
    }    
	
	.rightmenu .col2 ul.lista1 li {
		list-style-image:url(/images/icono-lista1.gif);
    }
    
	.rightmenu .col2 ul.lista2 li {
		list-style-image:url(/images/icono-lista2.gif);
    }

	.rightmenu .col2 ul.lista3 li {
		list-style-image:url(/images/icono-buzon.gif);
    }

	.rightmenu .col2 ul li a {
        color:#E20A15;
        font-size:1em;
        font-weight:700;
    }    

	.rightmenu .col2 ul li a:hover {
        color:#27A25F;
    }    

	.rightmenu .col2 ul li a.activo {
        color:#27A25F;
    }    

	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		margin-top:10px;
	}

    .formulario {
		font-size:1.1em;
        margin:0 10px 0 0;
    }
    
    .formulario div {
        clear:both;
        float:right;
        margin:15px 0 0 0;
    }

    .formulario div input {
        background-color:#E20A16;
        color:#FFF;
        font-weight:700;
        font-size:11px;
        border:none;
        width:70px;
        height:18px;
        padding:0;
        margin-right: 8px;
        
    }
    
    .formulario fieldset {
        width:425px;
        float:right;
        margin:2.5em 0 0 0;
        border:none;
    }
    
    .formulario fieldset legend {
        color:#E20A15;
        font-size:1.3em;
        font-weight:700;
    }
        
    .formulario fieldset ol {
	    margin: 0;
	    padding: 0;
	}
	
	.formulario fieldset li {
        list-style: none;
        padding: 5px 0 5px 15px;
        margin: 0;
    }
    
    .formulario fieldset label {
	    display: inline-block;
	    line-height: 1.8;
	    vertical-align: top;
	    width:100px;
    }
    
    .formulario fieldset input {
        background-color:#FCE6E8;
        width:300px;
        height:15px;
        border:solid 1px #E20A15;
    }

    .formulario fieldset input#captchacode{
        width:100px;
    }

    .formulario fieldset input#email_publico{
        width:15px;
    }
    
    .formulario fieldset label.email_publico{
        width:388px;
    }

    .formulario fieldset textarea {
        background-color:#FCE6E8;
        width:300px;
        height:115px;
        border:solid 1px #E20A15;
        overflow: auto;
    }

	.linea {
		display:block;
	    background:#B4DFC7 url(/images/linea.gif) repeat-x;
	    height:4px;
	    line-height:4px;
	    margin-top:10px;
	    width:98%;
	}

	.limpiar {width:0; height:0; clear:both; float:none; display:block; overflow:hidden;}
	
	#capaFondo1 {
		background-color: #888;
		position: absolute;
		visibility:hidden;
		top:0px;
		bottom:0px;
		left:0px;
		right:0px;
		width:100%;
		height:100%;
		padding-bottom: 10000px;
		margin-bottom: -10000px; 
		z-index:2;
	}