/* 
	Colores:
	Verde: #339933 
	Beig: #ffff99
	Negro: #222
*/

body {
    /* Elimina el scroll horizontal */
    overflow-x: hidden;
}

/* CABECERA */
#cabecera{
	background: green url('../images/bandera_jamaica.jpg') center center no-repeat;
	background-size:cover;
}
#logo60{
	width: 150px;
	border-radius: 100%;
	margin-top: 25px;
	margin-left: 25px;
}
#logo{
	width: 300px;
	padding-top: 50px;
	padding-bottom: 10px;
}
#estilo-titulo{
	color: yellow;
	font-family: "Times New Roman", Times, serif;
	font-style: oblique;
	text-align:center;
	padding-bottom: 30px;
}
#estilo-titulo h1{
	font-size: 50px;
}

/* FECHA Y HORA */
#calendar{
	background-color: #ffff99;
}
.card-deck{
	padding: 15px;
}
.fondo-hora{
	background-color: goldenrod;
}
#calendar img{
	display:block;
	margin:auto;
}
.time{
	display:block;
	margin:auto;
}

/* BARRA NAVEGACIÓN */  
#navegador .modal-header{
	background-color: yellow;
}
#navegador .modal-footer{
	background-color: #339933;
}
.fondo-boton{
	background-color: black;
}

/* CARTEL Publicidad */
.publicidad{
	max-width: 100%;
	height: auto;
	margin-top: 0px;
	margin-bottom: 25px;
	background-color: PaleGreen;
}

/* PRESENTACIÓN */
#presentacion{
	background-color: #222;
	color: goldenrod;
}
#presentacion img{
	width: 125px;
	height: 100px;
	border-radius: 50%;
}
#presentacion .text{
	font-size: 1.2em;
	border-style: double;
}
.firma{
	font-style: italic;
}

/* INFORMACION */
#tituloInfo{
	border-radius: 10%;
}
#informacion{
	background-color: #ffff99;
}
#informacion hr{
	background-color: black;
}
#video{
	background-color: black;
}
.protocol{
	max-width: 100%;
	height: auto;
}
.logo60{
	width: 70px;
	border-radius: 100%;
	margin-bottom: 5px;
	margin-left: 5px;
}

/* FOOTER */
#footer{
	background: #222;
	color:white;
	font-size: 1.0rem;
	padding: 25px 0 20px 0;
	text-align:center;
}

/* COOKIES */


/* Codigo para la política de cookies */
/* CSS para la animación y localización de los DIV de cookies */
 
@keyframes desaparecer
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 
@keyframes aparecer
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
 
@-webkit-keyframes aparecer /* Safari and Chrome */
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
#cookiesms1:target {
    display: none;
}
.cookiesms{	
	width:100%;
	height:43px;
	margin:0 auto;
	padding-left:1%;
        padding-top:5px;
        font-size: 1.2em;
	clear:both;
        font-weight: strong;
color: #333;
bottom:0px;
position:fixed;
left: 0px;
background-color: #FFF;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
transition: bottom 1s;
-webkit-transition:bottom 1s; /* Safari */
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
z-index:999999999;
}
 
.cookiesms:hover{
bottom:0px;
}
.cookies2{
background-color: #FFF;
display:inline;
opacity:0.95;
filter:alpha(opacity=95);
position:absolute; 
left:1%; 
top:-30px;
font-size:15px;
height:30px;
padding-left:25px;
padding-right:25px;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
}
 
/* Fin del CSS para cookies */