<!--/****************************************************************************************
* DEV: CONTRALORIA DEL ESTADO SUCRE
* SISTEMA: PAGINA WEB OFICIAL DE LA CONTRALORIA DEL ESTADO SUCRE 
* MODULO:  PORTAL
* OPERADORES_______________________________________________________________________________________________________________
* | # | PROGRAMADOR          |  |   FECHA    |  |   HORA   |   DETALLE
* | 1 |Christian Hernandez   |  | 06/03/2012 |  | 10:11:00 | CRERACION DE LOS ESTILOS PS
* |________________________________________________________|_______________________________________________________________
*
* DESCRIPCION: HOJA DE ESTILO EN CASCADA PARA LA INTERFAZ DEL CALENDARIO  DE EVENTOS
* TIPO:CSS/INTERFAZ
* VERSION: 0.1 
* SOPORTE: www.cgesucre.gob.ve, direccion.tecnica@cgesucre.gob.ve
*******************************************************************************************
*/

.tablaCalendarioPrincipal
{
	width:100%;/*312px*/
    border-bottom:1px solid #333;
    border-top:1px solid #333;
    border-left:1px solid #333;
    border-right:1px solid #333;
	
	background-color: #FFFFFF;/*#B9B9B9*/;
	
	
	

    border-radius:10px 10px 10px 10px;
    -webkit-border-radius:0px 0px 10px 10px;/*10px 10px 0px 0px;*/
    -moz-border-radius:0px 0px 10px 10px;
    box-shadow:0 1px 3px rgba(0,0,0,.35);
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.35);
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.35);

	
}

.celda {
   /* background: url("../ces_img/cells.png") repeat scroll 0 0 transparent;*/
    color: #444444;
    height: 40px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 40px;

	
}
.encabezado {
   /* background: url("../ces_img/cells.png") repeat scroll 0 0 transparent;*/
    color: #333333;
    font-family: arial,sans-serif;
    font-size: 11px;
    height: 18px;
    position: relative;
    text-align: center;
    text-transform: capitalize;
    vertical-align: middle;
    width: 40px;
    border-bottom:1px solid #333;
}
.celda:hover, .encabezado:hover {
    background-position: 0 -40px;
    color: #222222;
}
td.date_has_event {
    /*background-position: 126px 0;*/
    background: #12cbf9;
    color:#FFFFFF;
	cursor:pointer;
}
td.date_has_event:hover {
    background-position: 126px -43px;
	cursor:pointer;

}
td.padding {
    /*background: url("../ces_img/calpad.jpg") repeat scroll 0 0 transparent;*/
}
td.today {
    /*background-position: 43px 0;*/
    background: #333333;
    color: white;
	
}
td.today:hover {
    /*background-position: 43px -43px;*/
    background: #333333;
}
.events {
    position: relative;
}



.colMes
{
	/*background: url("../ces_img/calpad1.jpg") repeat scroll 0 0 transparent;*/
	text-align:center;
	width:128px;
	height:40px;
	vertical-align:center;
    border-bottom:1px solid #333;
}

.colPrin
{
	text-align:center;
	width:40px;
	height:40px;
	cursor:pointer;
	
}

.capaContenidoCalendario /*para todo los navegadores (en especial IE)*/
{
background-color: #B9B9B9;/*#FFFFFF*/;
width:333px;
height: 400px/*380*/;

	
border: 1px solid;
border-color: #e5e5e5 #dbdbdb #d2d2d2;
border-radius:0px 0px 10px 10px;
-webkit-border-radius:0px 0px 10px 10px;/*10px 10px 0px 0px;*/
-moz-border-radius:0px 0px 10px 10px;
box-shadow:0 1px 3px rgba(0,0,0,.35);
-webkit-box-shadow:0 1px 3px rgba(0,0,0,.35);
-moz-box-shadow:0 1px 3px rgba(0,0,0,.35);

}

.carrusel{
	overflow:hidden;
    width:100%; 
	height: 400px/*380px*/;
	
	
	background: #B9B9B9;
	
	border: 1px solid;

border-radius:0px 0px 10px 10px;
-webkit-border-radius:0px 0px 10px 10px;/*10px 10px 0px 0px;*/
-moz-border-radius:0px 0px 10px 10px;
box-shadow:0 1px 3px rgba(0,0,0,.35);
-webkit-box-shadow:0 1px 3px rgba(0,0,0,.35);
-moz-box-shadow:0 1px 3px rgba(0,0,0,.35);
	
}

/*para firefox*/
/*
@-moz-document url-prefix() 
{
 .carrusel{
	  height: 369px;
   }
}
*/

@media screen and (-webkit-min-device-pixel-ratio:0) /*para son Safari y Chrome.*/
 {
   .capaContenidoCalendario{
	  margin-bottom: 15px;
	  height: 420px;/*400*/
   }
   
   .carrusel{
	  height: 420px/*400px*/;
   }
   
   #gadet_timepo_reloj{
	padding-top: 13px;
   }
   
 }



@media all and (-webkit-min-device-pixel-ratio:10000), 
not all and (-webkit-min-device-pixel-ratio:0) /*para opera*/
{
  .capaContenidoCalendario{
	  margin-bottom: 15px;
   }
   
   .carrusel{
	  height: 380px;
   }
}