/* Some basic Page Styles */

body         { font-family: Tahoma; font-size: 8pt; color:#404040; background-image:url('images/main_bg.jpg') }
td         { font-family: Tahoma; font-size: 8pt; color:#404040; }
input         { font-family: Tahoma; font-size: 8pt }

.justify { text-align: justify; }


.noticias {list-style-type:none; margin-left:10px}

.noticias li { padding:12px}

.noticias li:hover { border-style:dotted; border-width:1px; padding:10px; background-color:#FAFAFA;}

.noticias li .fecha {color: #1075B0; font-weight: bold}
.noticias li .titular {text-decoration: none; font-size: 8pt; color: #808080}
.noticias li :hover.titular {text-decoration: yes; font-size: 8pt; color: #000000;}

hr {
               border-bottom: 1px dotted #FF0066; 
               border-top: 1px solid #FFFFFF;                
               padding-top: 5px; 
               padding-bottom: 5px}

#container {

	width: 200px; 
	height: 300px; 

}

#top_container {
	width: 220px;
	height: 130px;
	margin: 10px auto 10px auto;
}

#bottom_container {
	clear: both;
	width: 200px;
}

h1 {
	color: #FF0000;
	font-size: 20px;
	font-weight: normal;
	margin: 5px 0 5px 0;
	text-align: left;
}

h1 span {
	color: #ff0000;
	font-size: 20px;
	font-weight: normal;
	margin: 5px 5px 5px 0;
	text-align: left;
}

.description {
	font-size: 12px;
	line-height: 18px;
	color: #ffffbe;
	padding: 5px 0 15px 0;
}	

a, a:link, a:visited {
		color: #FF0066;text-decoration:none;
}

a:hover {text-decoration:underline;}

.footer {
	margin: 20px 0 0 0;	
	text-align: left;
	font-size: 10px;
}
	

/* Vertical Accordions 	*/
	
.accordion_toggle {
	display: block;
	height: 30px;
	width: 200px;
	line-height: 30px;
	color: #1075B0;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	font-size: 11pt;
	cursor: pointer;
	margin: 0;; font-family:Arial; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0
}
	
.accordion_toggle_active {
	color: #808080;
}

.accordion_content {
	color: #353535;
	overflow: hidden;
	margin: 10px 10px 10px 15px;
}
	
.accordion_content p {
    line-height: 120%;
	padding: 5px 10px 15px 10px;
	margin: 10px 10px 10px 15px;
}
		
						
.justify { 
	text-align: justify; 
}

.boton {padding:8px; color:#ffffff; background-image:url('images/fondo_boton.png')}
:hover.boton {padding:8px; color:#ffffff; background-image:url('images/fondo_boton2.png'); color:#1075B0}

#acceso {width: 203px; height: 190px; background-repeat: no-repeat; background-image: url('images/left2.png'); }
#acceso .input2 { border:1px solid #FFFFFF; color: #808080; font-size: 8pt; height: 12px; padding-left:2px; padding-right:2px; padding-top:1px; padding-bottom:1px }

#web08 {position: absolute; width: 185px; height: 181px; z-index: 1; left: 3px; top: 85px;background-repeat: no-repeat; background-image: url('images/web08.png');}

.cabecera {width: 900px; height: 245px; background-image: url('images/recargas.png');}

.cabecera2 {width: 900px; height: 235px; background-image: url('images/recargas.png');}

#contenido {padding:12px; font-size:9pt;color:#505050;}

#contenido td {font-size:9pt;color:#505050;}

#contenido ul {padding-left: 15px;padding-right: 35px; list-style-type:square;}
#contenido li {padding-bottom: 8px; text-align:justify;}

#contenido h1 {padding-bottom: 8px; text-align:justify; font-size:16pt; color:#0066FF}
#contenido .nota {padding-bottom: 8px; text-align:justify; font-size:8pt; color:#808080}

#contenido .subtitulo {padding-bottom: 8px; text-align:left; font-size:12pt; color:#FF0066; font-weight:bold}
#contenido .negro {padding-bottom: 8px; text-align:left; font-size:10pt; color:#000000; font-weight:bold}
#contenido .rosa {padding-bottom: 8px; text-align:left; color:#FF0066}
#contenido .porcentaje {padding-bottom: 8px; text-align:left; font-size:14pt; color:#C0C0C0; font-weight:bold}

#formulario {text-align:left;}
#formulario .ancho { width:250px; }

#mapa a{font-family: Tahoma; font-size: 8pt; color: #505050}
#mapa .titulo{font-family: Tahoma; font-size: 10pt; color: #ff0066; font-weight: bold}


#accordion {
                border: 0px solid #1F669B;
                width: 450px;
                height: 200px;
                font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
                font-size: 11px;
                position:relative !important;
                display:block;
                overflow:hidden;
                /*background-image:url(images/aston.jpg);*/
                /*background-image:url(images/boton.png);*/
                background-repeat:no-repeat;
                background-position:top left;
}
h3 {
                font-size: 12px;
                padding: 6px 5px 4px 30px;
                margin: 0;
                color:#166FA3;
                border-bottom:0px solid #1F669B;
                cursor:pointer;
                display:block;
                /*background-image:url(images/tab-left.gif);*/
                background-position:top left;
                background-repeat:no-repeat;
}
#visible {
                /*background-image:url(images/boton.png);*/
                border-bottom:0px solid #DA1074;
}
.panel_body {
                height:120px;

                display:block;
                position:relative;
                color:#FFFFFF;
                /*background-image:url(imagenes/boton.png);*/
}
.panel_body div {
                padding:3px 5px;
}
.panel{
        bottom:0px;
        margin:0px;
        padding:0px;
        background-position:top right;
        /*background-color:#1F669B;*/
        background-image:url(images/boton.png);
        background-repeat:no-repeat;
        border: 0px solid #4DC9F2;
        text-align:center;
}

.panel a{
        color:#ffffff;
        font-size:10pt;
        font-weight:bold;

}
.wrapper{
        bottom:0px;
        position:absolute;
}