body
{
	COLOR:               #002522;
	text-shadow: 2px 1px 1px #9cd4ff;
	font-family: 'Raleway', sans-serif;
	BACKGROUND-COLOR:    #FFFFFF;
	BACKGROUND-IMAGE:   url("fondo.jpg");	
	background-repeat: no-repeat;	
	background-size: cover;  
	max-width: 100%; 
	background-attachment: fixed; 
	background-position: center;
}




a
{
	COLOR:               #0c3c81;
	text-shadow: 2px 1px 1px #9cd4ff;
	FONT:                bold 11pt Arial; 
	CURSOR:              hand;
	TEXT-DECORATION:     none;
}


a:hover 
{
	COLOR:               #1e80cb;
	text-shadow: 1px 1px 1px #ceeaff;
}


.Encabezado_Fondo
{
	background: rgba(242,246,248,1);
	background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,0.67) 50%, rgba(181,198,208,0.66) 51%, rgba(224,239,249,0.33) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,246,248,1)), color-stop(50%, rgba(216,225,231,0.67)), color-stop(51%, rgba(181,198,208,0.66)), color-stop(100%, rgba(224,239,249,0.33)));
	background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,0.67) 50%, rgba(181,198,208,0.66) 51%, rgba(224,239,249,0.33) 100%);
	background: -o-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,0.67) 50%, rgba(181,198,208,0.66) 51%, rgba(224,239,249,0.33) 100%);
	background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,0.67) 50%, rgba(181,198,208,0.66) 51%, rgba(224,239,249,0.33) 100%);
	background: linear-gradient(to bottom, rgba(242,246,248,1) 0%, rgba(216,225,231,0.67) 50%, rgba(181,198,208,0.66) 51%, rgba(224,239,249,0.33) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=0 );
}



.title
 {
	COLOR:               #194755;
	text-shadow: 2px 2px 1px #85BAEF;
	FONT:                22pt  sans-serif;  
 }
 

.linea
{
  border-color: #75BAFF;
}



.boton
{
	transition: background-color 300ms;
	BORDER-STYLE:        solid;
	COLOR:               #114F55;
	BACKGROUND-COLOR:    #EDF7FC;
	BORDER-WIDTH:        0px;
	HEIGHT:              25px;
	WIDTH:               120px;
	FONT:                10pt Arial; 
	CURSOR:              hand;
	TEXT-ALIGN:          center;
	TEXT-DECORATION:     none;
	text-shadow: 2px 1px 1px #9cd4ff;
}

.boton:hover
{
	COLOR:               #EDF7FC;
	BACKGROUND-COLOR:    #1A6777;
}
 

.boton_menu_pc
{
	CURSOR:              hand;
	TEXT-DECORATION:     none;
	BORDER-STYLE:        solid;
	HEIGHT:              30px;
	WIDTH:               230px;
	TEXT-ALIGN:          center;    
}


.cabezera_menu_movil
{
	COLOR:               #0c3c81;
	display: block;
	padding: 20px;
	overflow: hidden;
	font-size:25px;
	font-weight:bold;
	text-decoration: none;
} 

.cabezera_menu
{
	COLOR:               #0c3c81;
	BACKGROUND-COLOR:    #EDF7FC;
	FONT:                bold 11pt Arial; 
}


 
 .numberCircle {
 	COLOR:         #0c3c81;
    BORDER-COLOR:  #0c3c81;
    border-radius: 100px;
    border: solid 1px;
    display: inline-block;
    font-size: 30px;
    font-weight: 100;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 60px;
    margin: 0 0 10px 0;
}
 
 
.boton_menu
{
	transition: background-color 300ms;
	COLOR:               #114F55;
	BACKGROUND-COLOR:    #EDF7FC;
	FONT:                13pt sans-serif; 
	BORDER-WIDTH:        0px;	
}
 

 
 .boton_menu:hover
{
	COLOR:               #EDF7FC;
	BACKGROUND-COLOR:    #1A6777;
}


.boton_submenu
{
	transition: background 300ms;
	COLOR:               #0c3c81;
	BACKGROUND-COLOR:    #D6D6D6;
	FONT:                bold 11pt Arial; 
	BORDER-WIDTH:        0px;
}
 

 .boton_submenu:hover
{
	COLOR:               #004080;
	BACKGROUND-COLOR:    #A7A7A7;
	FONT:                bold 11pt Arial; 
}



.file
 {
     FONT:                bold 8pt Arial; 
 }



.title_grid
{
background: rgb(181,189,200); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(181,189,200,1) 7%, rgba(40,52,59,1) 57%, rgba(130,140,149,1) 89%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(7%,rgba(181,189,200,1)), color-stop(57%,rgba(40,52,59,1)), color-stop(89%,rgba(130,140,149,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(181,189,200,1) 7%,rgba(40,52,59,1) 57%,rgba(130,140,149,1) 89%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(181,189,200,1) 7%,rgba(40,52,59,1) 57%,rgba(130,140,149,1) 89%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(181,189,200,1) 7%,rgba(40,52,59,1) 57%,rgba(130,140,149,1) 89%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(181,189,200,1) 7%,rgba(40,52,59,1) 57%,rgba(130,140,149,1) 89%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#828c95',GradientType=0 ); /* IE6-9 */

FONT:                bold 8pt Arial; 
}






.text
{
	BORDER-STYLE:        solid;
	COLOR:               #000000;
	BACKGROUND-COLOR:    #EFEFEF;
	BORDER-LEFT-COLOR:   #9F9F9F;
	BORDER-TOP-COLOR:    #9F9F9F;
	BORDER-BOTTOM-COLOR: #DFDFDF;
	BORDER-RIGHT-COLOR:  #DFDFDF;
	BORDER-WIDTH:        1px;
	FONT:                13pt Verdana; 
	HEIGHT: 						 30px;
	TEXT-ALIGN:          left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.select
{
	BORDER-STYLE:        solid;
	COLOR:               #000000;
	BACKGROUND-COLOR:    #EFEFEF;
	BORDER-LEFT-COLOR:   #9F9F9F;
	BORDER-TOP-COLOR:    #9F9F9F;
	BORDER-BOTTOM-COLOR: #DFDFDF;
	BORDER-RIGHT-COLOR:  #DFDFDF;
	BORDER-WIDTH:        1px;
	FONT:                8pt Verdana; 
	HEIGHT: 20px;
	TEXT-ALIGN:          left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}


.marco
{
	BORDER-STYLE:        solid;
	COLOR:               #3B90FA;
	BORDER-LEFT-COLOR:   #3B90FA;
	BORDER-TOP-COLOR:    #3B90FA;
	BORDER-BOTTOM-COLOR: #3B90FA;
	BORDER-RIGHT-COLOR:  #3B90FA;
	BORDER-WIDTH:        1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


.label_horario
{
	BORDER-STYLE:        solid;
	COLOR:               #000000;
	BACKGROUND-COLOR:    #CED3FB;
	BORDER-LEFT-COLOR:   #091672;
	BORDER-TOP-COLOR:    #091672;
	BORDER-BOTTOM-COLOR: #091672;
	BORDER-RIGHT-COLOR:  #091672;
	BORDER-WIDTH:        1px;
	FONT:                8pt Verdana; 
	HEIGHT:              70px;
	WIDTH:               50px;
}



.label
{
	COLOR:      #114F55;
	background: rgba(242,246,248,1);
	background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(181,198,208,1) 53%, rgba(216,225,231,1) 72%, rgba(224,239,249,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,246,248,1)), color-stop(53%, rgba(181,198,208,1)), color-stop(72%, rgba(216,225,231,1)), color-stop(100%, rgba(224,239,249,1)));
	background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(181,198,208,1) 53%, rgba(216,225,231,1) 72%, rgba(224,239,249,1) 100%);
	background: -o-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(181,198,208,1) 53%, rgba(216,225,231,1) 72%, rgba(224,239,249,1) 100%);
	background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(181,198,208,1) 53%, rgba(216,225,231,1) 72%, rgba(224,239,249,1) 100%);
	background: linear-gradient(to bottom, rgba(242,246,248,1) 0%, rgba(181,198,208,1) 53%, rgba(216,225,231,1) 72%, rgba(224,239,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=0 );
	BORDER-WIDTH:        0px;
	FONT:                9pt; 
	CURSOR:              default;
	TEXT-ALIGN:          center;
	text-shadow: 1px 1px 1px #FFFFFF;
}


.label1
{
	BORDER-STYLE:        solid;
	COLOR:               #000000;
	BACKGROUND-COLOR:    #bdd9fb;
	BORDER-LEFT-COLOR:   #091672;
	BORDER-TOP-COLOR:    #091672;
	BORDER-BOTTOM-COLOR: #091672;
	BORDER-RIGHT-COLOR:  #091672;
	BORDER-WIDTH:        1px;
	FONT:                8pt Verdana; 
	CURSOR:              default;
}


.label2
{
	BORDER-STYLE:        solid;
	COLOR:               #000000;
	BACKGROUND-COLOR:    #D5E8D9;
	BORDER-LEFT-COLOR:   #3B90FA;
	BORDER-TOP-COLOR:    #3B90FA;
	BORDER-BOTTOM-COLOR: #3B90FA;
	BORDER-RIGHT-COLOR:  #3B90FA;
	BORDER-WIDTH:        1px;
	FONT:                8pt Verdana; 
	CURSOR:              default;
}


.label3
{
	BORDER-STYLE:        solid;
	COLOR:               #FFFFFF;
	BACKGROUND-COLOR:    #808080;
	BORDER-WIDTH:        0px;
	FONT:                8pt Verdana; 
	CURSOR:              default;
	TEXT-ALIGN:          left;
}



.label4
{
	BORDER-STYLE:        solid;
	COLOR:               #ffffff;
	BACKGROUND-COLOR:    #000000;
	BORDER-WIDTH:        0px;
	FONT:                8pt Verdana; 
	CURSOR:              default;
	TEXT-ALIGN:          left;
}


.label5
{
	BORDER-STYLE:        solid;
	COLOR:               #ffffff;
	BACKGROUND-COLOR:    #2145EF;
	BORDER-WIDTH:        0px;
	FONT:                8pt Verdana; 
	CURSOR:              default;
	TEXT-ALIGN:          left;
}

.label6
{
	BORDER-STYLE:        solid;
	COLOR:               #ffffff;
	BACKGROUND-COLOR:    #2145EF;
	BORDER-WIDTH:        0px;
	FONT:                8pt Verdana; 
	CURSOR:              default;
	TEXT-ALIGN:          left;
}

.panel
{
	BORDER-STYLE:        solid;
	COLOR:               #000000;
	BACKGROUND-COLOR:    #CFCFCF;
	BORDER-LEFT-COLOR:   #EFEFEF;
	BORDER-TOP-COLOR:    #EFEFEF;
	BORDER-BOTTOM-COLOR: #8F8F8F;
	BORDER-RIGHT-COLOR:  #8F8F8F;
	BORDER-WIDTH:        1px;
	FONT:                8pt Verdana; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 3px 3px 10px #6e6e6e;
}


.table
{
	BORDER-WIDTH:        0px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 3px 3px 10px #6e6e6e;
}



.link_texto
{
	BORDER-STYLE:        solid;
	COLOR:               #FFFFFF;
	BORDER-WIDTH:        0px;
	FONT:                bold 8pt Arial; 
	CURSOR:              hand;
	TEXT-ALIGN:          center;
	TEXT-DECORATION:     none;
}



.fotografia
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 3px 3px 10px #6e6e6e;
}



.efect_Layer  
{
    margin-top: 25px;
    font-size: 21px;
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
	background-color: rgba(0,0,0,0);
}

@keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}
}

@-moz-keyframes fadein { /* Firefox */
 	from {opacity:0;}
    to {opacity:1;}
}

@-webkit-keyframes fadein { /* Safari and Chrome */
	from {opacity:0;}
    to {opacity:1;}
}

@-o-keyframes fadein { /* Opera */
	from {opacity:0;}
    to {opacity:1;}
}


.cuerpo
{
	width:80%;
}