#contenedor {
	width:100%;
	margin:0 auto;
	overflow:hidden;
	
	}
	
	
img {
	max-width:100%;
	height:auto;
	    
	}



a {	
	color: #3366CC;	
	text-decoration: none
}


p {	
	padding: 5px;	
}


body {	

	background-image: url("images/logogris.GIF"); 
	background-color: #DCDCDC;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1em;	
	line-height: normal;	
	color: #336699;
	margin-top: 0.1em;
	margin-right: 0.1em;
	margin-bottom: 0.1em;
	margin-left: 0.1em;
	
	}
	
	
	
	   
   
	
	
.cajatexto {
	margin: 0 auto;
	text-align:center;
	background-color: #DCDCDC;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1.2em;	
	line-height: normal;	
	color: #336699;
	margin-top: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	border-radius: 9px; border: 2px solid #a1a1a1;
	box-shadow: 10px 10px 5px #888888;
	 	
	}
	
	
	
	
	
h2 {
	color: #CCCCCC
	}
h3 {	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1.15em;	
	background-color: #6a739c;  	
	color: #DCDCDC
	}
h4 {
	color: #000000
	}
table {
	color: #FFFFFF
	}
td, th {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 2em;
	color: #333333
	}
textarea {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1em
	}
ul {	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1em;	
	list-style-type: square;	
	list-style-position: outside
	}
.BulletBackgroundColor {
	color: #FFFFFF
	}
.DataColor {
	color: #DEDECA
	}
.footer { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.167em;
	font-weight: bold;
	line-height: 1.83em;
	color: #333333;
	background-color: #CCCCCC
	}
.FormBackgroundColor {
	color: #CCCCCC
	}
.ImageTitleColor {
	color: #CCCCCC
	}
.LabelColor {
	color: #CCCCCC
	}
.ListColorEven {
	color: #CCCCCC
	}
.ListFooterColor {
	color: #333333
	}
.ListHeaderColor {
	color: #333333
	}
.ListColorOdd {
	color: #DEDECA
	}
.ListTitleColor {
	color: #CCCCCC
	}
.NavigationBackgroundColor {
	color: #666666
	}
.NavigationColor {
	color: #CCCCCC
	}
.NewsDataColor {
	color: #DEDECA
	}
.StoryTitle {
	color: #000000;
	font-weight: bold
	}
.StoryContentColor {
	color: #000000
	}
.TitleColor {
	color: #000000
	}
a:hover {	
	text-decoration: underline
	}
tr.ListHeaderColor th {
	text-align: left;
	}.small {
	font-size: 85%;
}

.justificado {
	text-align:justify;
	-webkit-columns: 3 150px;
    -moz-columns: 3 150px;
     columns: 3 150px;
    -webkit-column-gap: 2em;
    -moz-column-gap: 2em;
     column-gap: 2em;
}



.titulos {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #4682B4;  
	text-align:center;
	}
	


/* Boton */	
	.button-link {
    padding: 10px 15px;
    background: #4682B4;
    color: #FFF;
	
}



.boton-arg {
    background-color: #008CBA; 
    color: white; 
    border: 1px solid orange;
	padding: 5px;
}

.boton-arg:hover {
    background-color: white;
    color: black;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}


.centrado {	
	text-align: center;
}


/* Flecha para subir Top*/

#myBtnup {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 14px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #99b5a4;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 6px;
}

#myBtnup:hover {
  background-color: #DCDCDC;
}


/*//////////////////////TABLAS RESPONSIVAS///////////////////////*/

@media screen and (max-width: 400px) {

.tabla01  {display: inline-block;

    width: 97% !important;
   
    margin: 1px;
    border: 3px solid #365D95; 
	text-align:center;
	
	}


.tabla01 td  {display: inline-block;

    width: 90% !important;
    margin:10px;
    margin: auto;
    border: 8px solid #6a739c;
	border-collapse:collapse; 
	
	}
	
	
	
.tabla02 {

    font-size:14px !important;
    background-color: white;
	
	}
	
	
#descripcion {
	width:90%;
	height:215px;
	margin:0 auto;
	border: 2px solid #365D95;
	overflow:auto;
	
	}
	
	
	
	#cabecera {

text-align:center;
   width: 100%;
 margin: 0 auto;
}


 

#cabecera td {

width:90%;
height:auto;

display:inline-block;


}



.responsive td {

width:100%;
height:auto;

display:inline-block;


}



/*Tabla Hover

.tablahover {	
     border: 3px solid orange;
	}

tr:hover {background-color:#f5f5f5; font-size: 1.2em; 
-webkit-transition: font-size 2s; 
    transition: font-size 2s;
	
	
	}
	
	
	*/