/*  
Name: Festival Internacional de Primavera 2016 | Secretaría de Cultura del Estado de Morelos
Url: http://fipmorelos.morelos.gob.mx/
Description: Hoja de estilos para un sitio web { 15 / febrero / 2016 }
Version: 0.1
Author:
Author url:
*/

body {
margin: 0px; padding: 0px;
background: rgba(255, 255, 255, 1);
color: #000000; font-family: Helvetica ; font-size: 18px; font-weight: 100; }
a, a:link, a:visited, a:active { text-decoration: none; color: #666666; outline:0px; /* --- este codigo es para evitar las molestas lineas punteadas --- */ }
a:hover { text-decoration: none; color: #ff0000; outline:0px; /* --- este codigo es para evitar las molestas lineas punteadas --- */ }
a img { border: none; }
img { border: none; }
h1, h2, h3, h4, p { margin: 0px; padding: 0px;cfont-family: Helvetica ; font-size: 14px; font-weight: 100; line-height: 1.4; }
div.clear { clear: both; margin: 0px; padding: 0px; }
/* --- contenedores --- */
#contenedor,
#header,
#slider,
#content,
#footer { margin: 0px; padding: 0px; float: left; width: 100%; }
/* --- #header --- */
#header { margin: 50px 0px; }
#header img { margin: 0px; padding: 0px; float: left; max-width: 100%; height: auto; border: none; }
#header img.webfipm {}
#header img.movilfipm { display: none; }

/* --- #slider --- */
#slider { margin-top: 20px; }
.jcarousel-wrapper { max-width: 620px; margin: 0px auto; position: relative; border: 5px solid #000000; background: #000000; }
/** Carousel **/
.jcarousel { position: relative; overflow: hidden; width: 100%; }
.jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; }
.jcarousel li { width: 200px; float: left; border: 5px solid #000000; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.jcarousel img { display: block; max-width: 100%; height: auto !important; }
/** Carousel Controls **/
.jcarousel-control-prev,
.jcarousel-control-next { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px;
text-align: center; background: #000000; color: #fff; text-decoration: none; font: 24px/27px Arial, sans-serif;
-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.jcarousel-control-prev { left: 15px; }
.jcarousel-control-next { right: 15px; }
/** Carousel Pagination **/
.jcarousel-pagination { position: absolute; bottom: -40px; left: 50%; -webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0); transform: translate(-50%, 0); margin: 0; }
.jcarousel-pagination a { text-decoration: none; display: inline-block;
font-size: 11px; height: 10px; width: 10px; line-height: 10px;
background: #fff; color: #4E443C; border-radius: 10px; text-indent: -9999px;
margin-right: 7px;
-webkit-box-shadow: 0 0 2px #4E443C; -moz-box-shadow: 0 0 2px #4E443C; box-shadow: 0 0 2px #4E443C; }
.jcarousel-pagination a.active { background: #4E443C; color: #fff; opacity: 1;
-webkit-box-shadow: 0 0 2px #F0EFE7; -moz-box-shadow: 0 0 2px #F0EFE7; box-shadow: 0 0 2px #F0EFE7; }
/* --- #content --- */
#content { margin-top: 50px;}
#content .actividadDia ul,
#content .actividadDia ul h2,
#content .actividadDia ul li,
#content .actividadDia ul li a { margin: 0px; padding: 0px; float: left; width: 100%; }

#content .actividadDia { margin: 0px auto; padding: 0px; max-width: 620px; }

#content .actividadDia h2 { background: #999999; color: #333333; padding: 10px; }

#content .actividadDia ul { margin-bottom: 20px; }

#content .actividadDia ul li { list-style: none; }
#content .actividadDia ul li a {}
#content .actividadDia ul li:nth-child(even) a { background: #eeeeee; }
#content .actividadDia ul li a:hover { background: #333333; color: #ffffff; }

#content .actividadDia ul li .nombre-actividad,
#content .actividadDia ul li .hora-actividad,
#content .actividadDia ul li .sede-actividad,
#content .actividadDia ul li .seccion-actividad { display: inline-block; margin: 10px; }

#content .actividadDia ul li .nombre-actividad { font-weight: 900; width: 50%; }
#content .actividadDia ul li .hora-actividad {}
#content .actividadDia ul li .sede-actividad {}
#content .actividadDia ul li .seccion-actividad {}

/* --- #footer --- */
#footer { margin: 0px 0px 0px 0px; }
#footer img { margin: 0px; padding: 0px; float: left; max-width: 100%; height: auto; border: none; }
#footer img.webfipm {}
#footer img.movilfipm { display: none; }

@media screen and (max-width: 767px) {}
@media screen and (max-width: 479px) {
.jcarousel-wrapper { max-width: 90%; }
#content .actividadDia ul li a { font-size: 10px; }
#content .actividadDia ul li a .hora-actividad,
#content .actividadDia ul li a .sede-actividad,
#content .actividadDia ul li a .seccion-actividad { font-size: 10px; display: inline-block; margin: 10px; }

#header img.webfipm,
#footer img.webfipm { display: none; }
#header img.movilfipm,
#footer img.movilfipm { display: block; }
	}

/*
<img src="imagenes/fip2016-cintillo-vertical.png" alt="" title="fip Morelos 2016" >

rgba(0, 0, 0, 0.20)

<div class="actividadDia"><h2>día ## de marzo</h2><ul>

<li><a href="#" target="_blank">
<div class="nombre-actividad">actividad</div>
<div class="hora-actividad">20:00 h</div>
<div class="sede-actividad">espacio</div></a></li>


<li><a href="#" target="_blank">
<div class="nombre-actividad">actividad</div>
<div class="hora-actividad">20:00 h</div>
<div class="sede-actividad">espacio</div></a></li>


<li><a href="#" target="_blank">
<div class="nombre-actividad">actividad</div>
<div class="hora-actividad">20:00 h</div>
<div class="sede-actividad">espacio</div></a></li>


<li><a href="#" target="_blank">
<div class="nombre-actividad">actividad</div>
<div class="hora-actividad">20:00 h</div>
<div class="sede-actividad">espacio</div></a></li>


<li><a href="#" target="_blank">
<div class="nombre-actividad">actividad</div>
<div class="hora-actividad">20:00 h</div>
<div class="sede-actividad">espacio</div></a></li>


<li><a href="#" target="_blank">
<div class="nombre-actividad">actividad</div>
<div class="hora-actividad">20:00 h</div>
<div class="sede-actividad">espacio</div></a></li>


</ul></div><!-- end actividadDia -->

*/
