/* CSS Document */
body
{
	margin:0 0 0 0;	
	font-family: 'Didact Gothic', sans-serif;
	/*font-family: 'Handlee', cursive;*/
	color:#666666;
	background-color:#FFFFFF;
}
h1 { font-family: 'Didact Gothic', sans-serif; color:#FF6600; }
h2 { font-family: 'Didact Gothic', sans-serif; color:#003399; }
h3 { font-family: 'Didact Gothic', sans-serif; color:#000000; }

a {	color:#004080;	text-decoration:none; }
a:hover {	text-decoration:underline; }

.imagen-chica-galeria-link{display:inline-block;padding:4px;margin:0 0.5rem 1rem 0.5rem;background-color:#fff;-webkit-transition:background-color 0.1s ease-out;-moz-transition:background-color 0.1s ease-out;-o-transition:background-color 0.1s ease-out;transition:background-color 0.1s ease-out;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px; color:#000000; font-size:0.8em; font-weight:bold; text-align:center;}
.imagen-chica-galeria-link:hover{background-color:#FF9900;}
.imagen-chica-galeria{width:210px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.boton-verde
{
 border: none;
 background:#2FB943;
 color: #FFFFFF;
 padding: 10px;
 font-size: 18px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
 text-decoration:none;
}
.boton-verde:hover {
 background: rgba(0,0,0,1);
 color: #FFFFFF;
 box-shadow: inset 0 0 0 3px #000000;
 cursor:pointer;
 text-decoration:none;
}
.imagen-portada-link{display:inline-block;padding:4px;margin:0 0.5rem 1rem 0.5rem;background-color:#fff;-webkit-transition:background-color 0.1s ease-out;-moz-transition:background-color 0.1s ease-out;-o-transition:background-color 0.1s ease-out;transition:background-color 0.1s ease-out;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px; color:#000000; font-size:0.8em; font-weight:bold; text-align:center;background-color:#EEEEEE;}
.imagen-portada-link:hover{background-color:#FF9900;}

.caja-duracion {
font-size: 18px;
font-weight: 400;
color: #ffffff;
background:#489100;
margin: 0 0 25px;
overflow: hidden;
padding: 20px;
border-radius: 35px 0px 35px 0px;
-moz-border-radius: 35px 0px 35px 0px;
-webkit-border-radius: 35px 0px 35px 0px;
border: 2px solid #FF9900;
}
.gradiente2 {
  background: green; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, rgba(0,64,0,1) , skyblue); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, rgba(0,64,0,1), skyblue); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, rgba(0,64,0,1), skyblue); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, rgba(0,64,0,1) , skyblue); /* Standard syntax */
}

.gradiente
{
background: rgba(41,133,46,1);
background: -moz-linear-gradient(left, rgba(41,133,146,1) 0%, rgba(39,205,230,0.5) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(41,133,46,1)), color-stop(100%, rgba(39,205,230,0.5)));
background: -webkit-linear-gradient(left, rgba(41,133,146,1) 0%, rgba(39,205,230,0.5) 100%);
background: -o-linear-gradient(left, rgba(41,133,146,1) 0%, rgba(39,205,230,0.5) 100%);
background: -ms-linear-gradient(left, rgba(41,133,146,1) 0%, rgba(39,205,230,0.5) 100%);
background: linear-gradient(to right, rgba(41,133,146,1) 0%, rgba(39,205,230,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29852e', endColorstr='#27cde6', GradientType=1 );
}

.justificado { text-align:justify; }

.enlace-titulo 			{ color:#8C008C; text-decoration:none; font-weight:bold; font-size:1.2em; }
.enlace-titulo:hover 	{ color:#FF00FF; }
.enlace-derecha 		{ text-decoration:none; font-weight:bold; color:#FFFFFF; }
.enlace-derecha:hover 	{ text-decoration:none; color:#FFCC00; }
.enlace-cabecera { font-weight:bold; }
.enlace-cabecera-seccion { font-weight:bold; color:#EAF4FF;; }
.enlace-cabecera-seccion:hover { font-weight:bold; color:#FFFFFF; text-decoration:none; }
.enlace-imagen-inicio
{
	opacity: .9;
	-moz-opacity: .9;
	filter:alpha(opacity=90);
}
.enlace-imagen-inicio:hover
{
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}
.enlace-blanco
{
	color:#8A8AFF;
}

#wrapper {
    width: 1200px;
    transform: translate3d(0, 0, 0);
	transition: transform .5s ease-in-out;
}
.content {
    float: left;
    width: 600px;
    height: 500px;
    white-space: normal;
    background-repeat: no-repeat;
}
.imagen-galeria-link{display:inline-block;padding:4px;margin:0 0.5rem 1rem 0.5rem;background-color:#fff;-webkit-transition:background-color 0.1s ease-out;-moz-transition:background-color 0.1s ease-out;-o-transition:background-color 0.1s ease-out;transition:background-color 0.1s ease-out;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px; color:#FFFFFF; font-size:0.8em; font-weight:bold; text-shadow:0px 0px 2px #000000; text-align:center;}
.imagen-galeria-link:hover{background-color:#FFFF00;}
.imagen-galeria{width:210px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}


.mobile-menu
{
	display:none;
    width:90%;
    padding:11px;
    background:#660000;
    color:#ffffff;
    text-transform:uppercase;
}
.mobile-menu:hover
{
	background:#990000;
   	color:#000000;
    text-decoration:none;
}

.menu li{display: inline-block; position: relative; z-index:100; text-align:left;}
.menu li a
{
	font-weight:normal; text-decoration:none; padding:11px; display:block; color:#000000;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
     
.menu li a:hover, .menu li:hover > a{color:#000000; background-color:#999999;}
/* hide the second level menu */
.menu ul
{
	display: none;
    margin: 0;
    padding: 0;
    width: 180px;
    position: absolute;
    top: 36px;
    left: 0px;
    background: #333333;
}
/* display second level menu on hover */
.menu li:hover > ul{ display: block; color:#000000;}
.menu ul li
{
	display:block;
    float: none;
    background:none;
    margin:0;
    padding:0;
	color:#000000;
}
.menu ul li a
{
	display:block;
    color:#000000;
    border:1px solid #CCCCCC;
    background:#ffffff;
}
.menu ul li a:hover, .menu ul li:hover > a
{
    background:#000000;
    border-left:1px solid #CCCCCC;
    color:#FFFFFF;
}
/* change level 3 menu positions */
.menu ul ul {left: 149px; top: 0px; }


.boton-buscar
{
 border: none;
 background: #3a7999;
 color: #f2f2f2;
 padding: 10px;
 font-size: 18px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
}
.boton-buscar:hover {
 background: rgba(0,0,0,0);
 color: #3a7999;
 box-shadow: inset 0 0 0 3px #3a7999;
 cursor:pointer;
}
.boton-transparente
{
 border:solid;
 border-width:1px;
 background:none;
 color: #FFFFFF;
 padding: 10px;
 font-size: 18px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
}
.boton-transparente:hover {
 background: rgba(0,0,0,0);
 color: #000000;
 box-shadow: inset 0 0 0 0 #000000;
 cursor:pointer;
}
#facebook
{ display:none; }