/* CSS Document */

/* logo */
.logocabecera {float:left; position: absolute; background-color: #F7F7F7; z-index:1; width:20%; margin-left:40%; -webkit-box-shadow: 1px 10px 20px -2px rgba(0,0,0,0.75); -moz-box-shadow: 1px 10px 20px -2px rgba(0,0,0,0.75); box-shadow: 1px 10px 20px -2px rgba(0,0,0,0.75); border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px;}

/*textos*/
.fecha {
	font-family: Arial;
	font-size: 9px;
	color: #FFFFFF;
	font-style: bold;
	padding-left: 9px;
	text-decoration: underline;

}
.fechafoot {
	font-family: Arial;
	font-size: 10px;
	color: #FFFFFF;
	font-style: bold;
	padding-left: 0px;
	text-decoration: underline;

}
.tex_rot {
	font-family: Arial;
	font-size: 13px;
	color: #FFFFFF;

}
.tex_deco1 {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size: 30px;	
	margin-top: 2px;
	margin-bottom: 2px; 
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;

}
.tex_deco2 {
	font-family: iglesia;
	font-size: 13px;
	margin: 1px;
	text-decoration: none;
	font-family:arial;
	text-align: justify;
	
}
.Encabezados {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-left: 10px;
	font-weight: bold;
}
.subencabezados {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}
.cuerpo1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-style: normal;
}

.cuerpo2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
	font-style: normal;
}
.cuerpo3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	font-style: normal;
}
.aviso{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	text-decoration: blink;
	font-style: normal;
}
.campo_texto{
	width:auto; 
	height:auto; 
	margin: 5px 8px 5px 8px;
	text-align:justify;
	padding:0% 1%;
}


/*tablas*/
.cabezote{width:900px; height:200px;
background-image:url(../imagenes/cabezote.png);
}
.tablas { width:900px; 
	-moz-border-radius:5px;
	-ms-border-radius: 5px; /* IE 8.*/  
    -webkit-border-radius: 5px; /* Safari,Chrome.*/  
    border-radius: 5px; /* El estándar.*//
}
.tablain { width:100%; 
	margin:5px 1px 1px 1px;
	aling:center;
	background-color:#ffffff; border-width:0px; border-color:#09419F;
	-moz-border-radius:8px;
	-ms-border-radius: 8px; /* IE 8.*/  
    -webkit-border-radius: 8px; /* Safari,Chrome.*/  
    border-radius: 8px; /* El estándar.*//
}

.tabladerecha { width:100%; 
	margin:1px 0px 0px 0px;
	aling:center;
	background-color:; border-width:0px; border-color:;
	-moz-border-radius:8px;
	-ms-border-radius: 8px; /* IE 8.*/  
    -webkit-border-radius: 8px; /* Safari,Chrome.*/  
    border-radius: 8px; /* El estándar.*//
}
.tablasdos { width:900px; 
    margin:1px 1px 1px 1px;
	aling:center;
	background-color:#FFFFFF;
	-moz-border-radius:10px;
	-ms-border-radius: 10px; /* IE 8.*/  
    -webkit-border-radius: 10px; /* Safari,Chrome.*/  
    border-radius: 10px; /* El estándar.*//
}

.divfecha {
	width:165px;
	margin:1px 1px 1px 1px;
	left: 24px;
	top: 171px;
	height: 8px;
	position:absolute;

	-moz-border-radius:10px;
	-ms-border-radius: 10px; /* IE 8.*/  
    -webkit-border-radius: 10px; /* Safari,Chrome.*/  
	border-radius: 10px; /* El estándar.*/
	visibility: inherit;
}
/*agregados graficos*/
.linea_horizontal0{width:auto; height:auto; border-bottom:1px solid #8CAC2D; margin:8px 5px 5px 5px }
.linea_horizontal{width:auto; height:auto; border-bottom:1px solid #8CAC2D; margin:5px 5px 3px 5px }
.linea_horizontal2{width:auto; height:auto; border-bottom:1px solid #8CAC2D; margin:1px 5px 5px 5px }

.viñeta{ width:8; height:9;background-image: url(../imagenes/vineta.png) ; background-repeat:no-repeat; margin:5px 2px 5px 2px }

.margen { margin: 8px 8px 1px 8px;}
.margen2 { margin: 2px 1px 1px 8px;}

.ttl_noti01{ width:auto; height:auto; margin:0 0 5px 0; text-align:left}

/*links*/
.h1 {font-size:15px; color: #003366; line-height:15px}
.h1 a{ text-decoration:none; color:#003366;}
.h1 a:hover{ text-decoration:none; color:#799427;}

.p1 {font-size:14px; color: #003366; line-height:14px}
.p1 a{ text-decoration:none; color:#003366;}
.p1 a:hover{ text-decoration:none; color:#799427;}

.b1 {font-size:12px; color: #003366; line-height:12px; padding:0.5% 1%; margin: 0.5% 1%; width:100%;}
.b1 a{ text-decoration:none; color:#333333;}
.b1 a:hover{ background-color:rgba(153,0,0,0.5); color:#FFF; padding:1%; margin: 1% 1%; width:100%;}

.j1 {font-size:11px; color: #003366; line-height:11px; font:Arial;}
.j1 a{ text-decoration: underline; color:#003366;}
.j1 a:hover{ text-decoration:none; color:#799427;}

/*con viñeta*/
.menu_art{ width:auto; height:auto;}
.menu_articulos_rel ul{ list-style-type:none; padding:0px; margin:5px 0 0px 10px}
.menu_articulos_rel ul li{ background: url() no-repeat; background-position:0px 5px; padding:0 0 0 10px; font-size:13px; color:#696969; line-height:20px}
.menu_articulos_rel ul li a{ color:#696969; text-decoration:none}
.menu_articulos_rel ul li a:hover{ color:#969696; text-decoration:none}

 
/*imagenes*/
.campo_foto{width:235px; height:auto; border-width:0px; border-style:solid; border-color:#E3E3E3; padding:2px; margin: 1px 8px 5px 8px;}
.foto_sola { 
width:232px; 
height:140;
margin: 0 5px 5px 0;}

.foto_sola_foot { margin: 0 10px 5px  5px;}

/*botones*/
.botond{
        font-size:10px;
        font-family:Verdana,Helvetica;
		background-image: url();
		color:#ffffff;
        font-weight:bold;
        color:blach;
        border:0px;
        width:;
        height:18px;
		-moz-border-radius:5px;
		-ms-border-radius: 5px; /* IE 8.*/  
    	-webkit-border-radius: 5px; /* Safari,Chrome.*/  
    	border-radius: px; /* El estándar.*/
		margin: 2px 3px 2px 3px;
		} 
		
		
/*footer*/
.footer{ color:#FFFFFF; text-align:center; padding:20px 0 11px 0;}
.footer a{ color: #FF0000; text-decoration:underline}
.footer a:hover{ color:#707171; text-decoration:none}
.footer span{ color:#76898f; word-spacing:21px;}
.footer span a{ color:#76898f; text-decoration:none; word-spacing:normal;}
.footer span a:hover{ color:#76898f; text-decoration:underline;} 

.input{ 
outline:none;
margin:0px 0px 0px 0px;
background-color: #FFFFFF; 
border:1px solid;
border-color: #006699;

color: #000000;
font-weight: normal;
text-align: inherit;
font-family: Arial;

-moz-border-radius:5px;
-ms-border-radius: 5px; /* IE 8.*/  
-webkit-border-radius: 5px; /* Safari,Chrome.*/  
border-radius: 5px; /* El estándar.*/
} 

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}


.active, .accordion:hover {
  background-color: #ccc;
}


.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}

/*  acordeon 2  */

#container-main{
    margin:40px auto;
    width:95%;
    min-width:320px;
    max-width:960px;
}
 
#container-main h1{
    font-size: 40px;
    text-shadow:4px 4px 5px #16a085;
}
 
.accordion-container {
    width: 100%;
    margin: 0 0 20px;
    clear:both;
}
 
.accordion-titulo {
    position: relative;
    display: block;
    padding: 20px;
    font-size: 24px;
    font-weight: 300;
    background: #2c3e50;
    color: #fff;
    text-decoration: none;
}
.accordion-titulo.open {
    background: #16a085;
    color: #fff;
}
.accordion-titulo:hover {
    background: #1abc9c;
}
 
.accordion-titulo span.toggle-icon:before {
    content:"+";
}
 
.accordion-titulo.open span.toggle-icon:before {
    content:"-";
}
 
.accordion-titulo span.toggle-icon {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 38px;
    font-weight:bold;
}
 
.accordion-content {
    display: none;
    padding: 20px;
    overflow: auto;
}
 
.accordion-content p{
    margin:0;
}
 
.accordion-content img {
    display: block;
    float: left;
    margin: 0 15px 10px 0;
    width: 50%;
    height: auto;
}
 
 
@media (max-width: 767px) {
    .accordion-content {
        padding: 10px 0;
    }
}