/* 
    Document   : CULT
    Created on : 09-jun-2008, 13:49:28
    Author     : nguerras
    Description: Hoja de estilos de Cultura
    Notas      : Hay que tener en cuenta que 
                 la proporcion en este caso es
                 de 1em son 12px. Hay que tener 
                 cuidado con las reglas de la cascada.
*/

@import url(CULT-basic.css);

body {
    margin: 0;
    background-color: #e7ebf0;
    color: #585858;
    font: 0.75em Arial, Helvetica, sans-serif;
    text-align: justify;
}

.oculto { display:none; }
.ocultofx { display:none; }
.negro { color: #000000; font-weight: bold;}
.derecha { text-align: right; }

#MainDiv { 
    margin: 1.25em; 
    background-color: transparent; 
    min-width: 63.33em; 
    width: auto !important; 
    width: 97%; 
}


/* Columna izquierda, logo y menu */
#LeftDiv { 
    float: left; 
    width: 14.16em; 
}
    #LogoDiv h1 { padding: 0; }
    
    .hueco{
	display: none;      
    }

    .no_hueco{
            display: block;
    }				

    #MenuDiv { 
        margin-top: 1.5em; 
        font-size: 75%; 
    }
    #MenuDiv[id] { margin-top: 1.5em;}
    
    #MenuDiv ul li {
        margin:0; 
        padding:0.5em; 
        background-color:#333; color:#fff; 
        border-bottom: 0.12em dashed #99adc2; 
        list-style-type: none; 
        display: block; 
        font-weight:bold;
    }
    #MenuDiv ul li.lastItem { border:none; }
    #MenuDiv ul li a { color:#fff; }
    /*Para los submenus que ahora mismo no hay*/
    /*#MenuDiv ul li ul li { 
        border: none; 
        padding: 0.2em; 
    }*/
    #MenuDiv ul li.subopcion{
        border-bottom: 0em dashed #99adc2;
    }
    
    #LinksDiv { margin: 1.25em 0; }
    #banners {
            width: 14.16em;
            text-align: center;
    }
    #banners h2 {
        width: 95%; 
        background: #333333; 
        color: #FFFFFF; 
        margin: 2em auto 0.42em auto;        
        font: 0.85em Arial, Helvetica, sans-serif; 
        text-align: left; 
        padding-left: 0.42em; 
    }
    #banners div.banner { 
        padding: 0.42em; 
        background: #c8c8c7; 
        margin: auto; 
        padding-bottom:0em; 
        margin-bottom: 0.42em;
    }

    .banner img{ border:0px; margin-bottom:0.5em;}
    .banner div{ margin-bottom:0.5em;}

    div#museumac { 
        background-color: #c8c8c7; 
        margin-bottom: 0;
    }
    div#patrinet { 
        background-color: #c8c8c7; 
        background-image: url(../img/cultura/eventos_destacados/patrinet.jpg); 
        background-repeat: no-repeat; 
        width: 13.42em; 
        height: 7em; 
        /*padding-bottom: 0.42em;*/
    }
    div#patrinet:hover { 
        /*background-color: #ffffff; */
        background-image: url(../img/cultura/eventos_destacados/patrinetc.jpg); 
        background-repeat: no-repeat; 
    }
    div#patrinet:focus { 
        /*background-color: #ffffff; */
        background-image: url(../img/cultura/eventos_destacados/patrinetc.jpg); 
        background-repeat: no-repeat; 
    }    
    div#patrinet a {
        display: block; 
        width: 100%; 
        height: 100%;
    }
    div#ultraperiferia { 
        background-color: #c8c8c7; 
        background-image: url(../img/cultura/eventos_destacados/ultraperiferia.jpg); 
        background-repeat: no-repeat; 
        width: 13.42em; 
        height: 7em; 
        padding-bottom: 0.42em;
    }
    div#ultraperiferia:hover {
        background-color: #c8c8c7; 
        /*background-color: #ffffff; */
        background-image: url(../img/cultura/eventos_destacados/ultraperiferiac.jpg); 
        background-repeat: no-repeat; 
    }
    div#ultraperiferia:focus {
        background-color: #c8c8c7; 
        /*background-color: #ffffff; */
        background-image: url(../img/cultura/eventos_destacados/ultraperiferiac.jpg); 
        background-repeat: no-repeat; 
    }
    div#ultraperiferia a {
        display: block; 
        width: 100%; 
        height: 100%;
    }
    div#interreg { 
        background-color: #c8c8c7; 
        background-image: url(../img/cultura/banners/Interreg_off.jpg); 
        background-repeat: no-repeat; 
        width: 12.66em; 
        height: 12.66em; 
    }
    div#interreg:hover { 
        background-color: #ffffff; 
        background-image: url(../img/cultura/banners/Interreg.jpg); 
        background-repeat: no-repeat; 
    }    
    div#interreg:focus { 
        background-color: #ffffff; 
        background-image: url(../img/cultura/banners/Interreg.jpg); 
        background-repeat: no-repeat; 
    }        
    div#interreg a {
        display: block; 
        width: 100%; 
        height: 100%;
    }
    
/* Columna derecha, cabecera y contenido */
#RightDiv { margin-left:15.4em; }

    #OptionsDiv { 
        height:1.5em; 
        background-color:#99adc2; 
    }
    #OptionsDiv a { 
        float:left;
        margin:0; 
        padding:0.32em 1.5em; 
        color:#000000; 
        font-size:75%; 
        font-weight:bold; 
    }
    #OptionsDiv a.der {
        background-color:#333;
        float:right; 
        color: #ffffff;
    }

    #BannerDiv { 
        height: 6.75em; 
        width: 100%; 
        background-color: #FFFFFF; 
        background-image: url(../img/cultura/banners/generico.jpg); 
        background-position: center right; 
        background-repeat: no-repeat;
    }

    #OptionsDiv2 { 
        height:1.75em; 
        background-color:#99adc2; 
    }
    #OptionsDiv2 a { 
        /*float:left; */
        margin:0; 
        padding:0.32em 1em; 
        color:#000000; 
        font-size:90%; 
    }
    #OptionsDiv2 a.der { 
        background-color:#333; 
        float:right; 
        color: #ffffff;
    }

    fieldset{ 
        border: 0em; 
        padding: 0em; 
        margin: 0em; 
        width: 75%; 
        float: left; 
    }

    p#migas{
        display:block;
        float:left;
        margin:0em;
        padding:0.25em 0em 0em 0em;
    }
    
    #ContentDiv { 
        margin-top: 1.25em; 
        margin-left: auto !important;        
        padding: 0.83em;
        background-color: #fff;
    }
        #ContentDiv h2 { 
            padding: 0.2em 0.5em; 
            background-color: #DBE2E9; 
            color: #036; 
            font-weight: bold; 
        }
        #ContentDiv h3 {
                /*background-color:#333;
                color:#fff;
                text-align:left;
                font-size:90%;
                margin: 2em 1em 1em 1em;
                padding-top: 0.2em;*/
                background-color:transparent;
                color:#003366;
                font-size:150%;
                margin:0;
        }
        
        #ContentDiv div.centerBlock, div.leftBlock, div.rightBlock, div.imgBlock { 
            margin-bottom: 0.83em; 
            border: 0.1em dotted #ccc; 
        }
        #ContentDiv div.leftBlock { 
            float:left; 
            width:60%; 
        }
        #ContentDiv div.leftBlock h2  { 
            margin: 1em; 
            padding: 0.2em; 
            background-color: #333; 
            color: #fff; 
            text-align: left; 
            font-size: 90%;
            padding-left: 6em; 
            height: 2.8em;  

        }
        #ContentDiv div.rightBlock { 
            float:right; 
            width:38%; 
        }
        #ContentDiv div.rightBlock h2  { 
            margin: 1em; 
            padding: 0.2em; 
            background-color: #333; 
            color: #fff; 
            text-align: left; 
            font-size: 90%;
            padding-left: 6em; 
            height: 2.8em;  

        }
        #ContentDiv h2#news { 
            background:#fff url(../img/cultura/headers/news.jpg) left no-repeat; 
        }
        #ContentDiv h2#agenda { 
            background:#fff url(../img/cultura/headers/agenda.jpg) left no-repeat; 
        } 
        #ContentDiv h2#events { 
            background:#fff url(../img/cultura/headers/events.jpg) left no-repeat; 
        } 
        #ContentDiv h2#centers { 
            background:#fff url(../img/cultura/headers/centers.jpg) left no-repeat; 
        } 
        #ContentDiv div.leftBlock h2 span { 
            position:relative; 
            top:1em;
        }
        #ContentDiv div.rightBlock h2 span { 
            position:relative; 
            top:1em;
        }

        #ContentDiv ul { 
            margin: 1em; 
            background-color: #dbe2e9;
        }
        #ContentDiv ul.fondoblanco {background-color:#ffffff;}        
        #ContentDiv ul#noti { 
            background-color: #fff;
        }
        #ContentDiv ul li { 
            margin: 0; 
            padding: 0.5em; 
            text-align: left; 
            list-style-type: none;
        }
        #ContentDiv ul li.disco { 
            margin-left:5em; 
            padding: 0.5em; 
            text-align: left; 
            list-style-type: disc;
        }        
        #ContentDiv ul li.bordered2 { 
            border-bottom: 0.08em dotted #99adc2; 
            width: 98%;
            /*display: block;*/
            float: left;
            margin-bottom: 1em;
        }
        #ContentDiv ul li.bordered { 
            border-bottom: 0.08em dotted #99adc2; 
            width: 98%;
        }
        #ContentDiv ul li div { 
            float: left; 
            width: 70%; 
            padding-right: 2em; 
        }

        .imagenlistado { 
            width: 8.33em; 
            padding-top: 0.5em;
            float: right;
            padding-left: 0.5em;
        }

        #ContentDiv div.clear { clear:both;}
        
        /*Usados en la pagina de centros*/
        #ContentDiv div.imgBlock { 
            float: left; 
            width: 31%; 
            height: 26.7em; 
            margin: 2% 2% 0 0; 
        }
        #ContentDiv div.imgBlock h3 { 
            margin: 1em; 
            padding: 0.2em; 
            background-color: #99ADC2; 
            color: #000000; 
            text-align: left; 
            font-size: 90%;
        }
        #ContentDiv div.centered { text-align: center; }
        #ContentDiv div.centered img { margin-bottom: 1em; }
        #ContentDiv div.webLink { 
            padding: 0.5em; 
            text-align: right; 
            border-top: 0.1em dashed #ccc;
        }
        #ContentDiv div.webLink a { 
            color: #585858; 
            font-weight: normal; 
        }
        
        /*Usados en la pagina de agenda*/
        #ContentDiv div.contenedor { 
            position: relative; 
            float: left; 
            width: 99.7%;
        }
        #ContentDiv div.contenedor h3 { padding-bottom: 1.5em; }
        /*#ContentDiv p {font-size: 90%;}*/
        #ContentDiv hr {
                height: 0.08em;
                color: #99adc2;
                border: 0;
                border-bottom-width: 0.17em;
                border-bottom-style: dotted;
                border-bottom-color: #85ADD6;
                margin-bottom: 1em;
                padding-top: 1.5em;
                clear: left;
        }
        .paginacion {
            text-align: center; 
            padding-top: 1em; 
            clear: both;
        }        
        /*Usados en consejeria*/
        #ContentDiv div.agendaItem { float:left; width:60%; margin-right:2em; font-size: 1.1em; }
        #ContentDiv div.agendaItem p { padding:0; }
        #ContentDiv div.agendaItem ul { padding-left: 5em; background-color: #ffffff; }
        #ContentDiv div.agendaItem ul li { list-style-type: disc; }
        
        #ContentDiv div.centered_debajo{ text-align:center; padding-top:0em; }
        #ContentDiv div.centered_debajo img { width: 30%; border: 0em; padding-top:2em;}
        
        
/* Pie de pagina */
#FooterDiv { 
    clear: both; 
    margin-top: 1.25em; 
    padding: 0.5em; 
    background-color: #333; 
    color: #fff; 
    text-align: center; 
    font-size: 90%; 
}
#FooterDiv a { color: #fff; }

/*Calendario*/

div#calendario {
    padding: 0em;
    margin: 0em;
}

form#formulario p{
    margin-top: 1em;
}

table#calendar {
    width: 15em;
    table-layout: fixed;
    text-align: center;
    border-top: 0.08em solid #99ADC2;	
    border-left: 0.08em solid #99ADC2;
    background-color: #EEEEEE;
    color: #003366;
    float: left;
    margin: 1.2em 3em 0em 0em;
    /*caption-side:bottom;*/
}
/*table#calendar caption { 
    margin: 0.5em 0em;
    text-align: justify;
}*/

table#calendar tr { 
    padding: 0;
    border-bottom: 0.08em solid #99ADC2;
}
table#calendar td { 
    padding: 0;
    border-right: 0.08em solid #99ADC2;
}

table#calendar thead tr th span {
    color:#003366;
    background-color: #FFFFFF; 
    border-right: 0.08em solid #99ADC2;
    border-left: 0.08em solid #99ADC2;
}
table#calendar th { 
    padding: 0; 
    background-color: #DDDDDD;
    border-right: 0.08em solid #99ADC2;
}
table#calendar th a { color: #003366; }
table#calendar .seleccionado { background-color: #FFCC66; }
table#calendar .seleccionado a { color: #000000; }
table#calendar .actual { background-color: #CCCCCC; }
table#calendar .actual a { color: #000000; }
table#calendar .blanco { background-color: #FFFFFF; }

/*
+---------------+
|  Formularios  |
+---------------+
*/

/*div.formulario{ width: 100%; margin: 0; padding-left: 0; padding-top: 0; padding-bottom: 5em; padding-right: 0;} */
form p { margin: 4em 0em 0em 0em; }
div.fila_datos{ width: 100%; height: 3em; margin: 0; padding: 1em 0em 0em 0em; } 
div.fila_datos3{ width: 100%; height: 1.5em; margin: 0; padding: 2.5em 0em 0em 0em; } 
div.columna_datos{ font-size: 90%; float: left; margin: 0; padding: 0em 0em 0em 2em; } 
div.columna_datos_boton{ font-size: 90%; float: left; margin: 0; padding: 0em 0em 0em 2em; } 
div.columna_datos3{ font-size: 90%; float: left; margin: 0; padding: 0em 0em 0em 2em; width: 20em;}
div.columna_datos1_5{ float: left; margin: 0; padding: 0em 0em 0em 2em; } 
div.columna_datos2{ font-size: 90%; float: left; margin: 0; padding: 0em 0em 0em 4em; }
span.entrada { margin: 0; padding: 0; display: block; clear: left; }
div.fila_datos3 div.columna_datos label { font-weight: bold; }

form span.entrada input, select {
    border:0.08em solid #585858;
    color:#585858;
}    

/*Proyectos*/
div.proyecto1{ float:left; width:70%; }
div.proyecto2{ float:right; width: 25%;/*align:center;*/}
div.proyecto3{width:90%; text-align: center; background-color:#dbe2e9;}
div.proyecto4{clear:both;height: 1em;}
div.proyecto5{text-align: center; float: left;width: 66%;margin-top: 1em;margin-left: 1em;margin-right: 1em; background-color: #dbe2e9;}

p.errorno {font-weight: bold; color: #FF0000;}

#cse-search-results iframe { 
	width: 90%; 
	padding-left: 4em;
}

/*Hasta aqui controlado*/


/*#BreadcrumbsDiv { margin:0; padding:0.32em 1em; background-color:#99adc2; color:#fff; font-size:90%; font-weight:bold; }
#BreadcrumbsDiv a { color:#fff; }*/




/*#ContentDiv h4 {
	background-color:#333;
	color:#fff;
	text-align:left;
	font-size:90%;
	margin-top: 1em;
	padding-top: 0.2em;
}*/


/*#ContentDiv div.centered_debajo{ text-align:center; padding-top:15em; }*/

/*#ContentDiv div.agendaItem { float:left; width:60%; margin-right:2em; font-size: 1.1em; }
#ContentDiv div.agendaItem h3 { margin:0; background-color:transparent; color:#036; font-size:150%; }
#ContentDiv div.agendaItem p { padding:0; }
#ContentDiv div.agendaItem strong { color:#036; font-weight:bold; }*/

/*.fila-lista{
	padding-bottom: 1em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}

.fila-lista div img{
	margin-left:1em;
	width:100px;
	float:right;
}*/



/*A#cab_zoom_peq { font-size:10px; }
A#cab_zoom_nor { font-size:11px; }
A#cab_zoom_gde { font-size:12px; }
A#cab_zoom_eno { font-size:14px; }*/



/* layout.css (W3C-CSS2)| R.2.0.8.061005 */