@charset "iso-8859-1";
/* CSS Document */
/********************************************************
	Proyecto: Portal Ayuntamiento de Puerto Vallarta.
	Hoja de estilos: global.
	Powered by : Tecnologías e Inovación Puerto Vallarta.
	Autor: Gilberto Sanjuan.
********************************************************/

/*Eliminar los estilos del navegador RESET*/
@import url("reset.css");

/*Importar los estilos de COMPOSICION*/
@import url("composicion.css");

/*Importar los estilos de MENU*/
@import url("superfish-9.css");

/*Importar los estilos de BOXSLIDE*/
@import url("boxslide.css");

/*Importar los estilos de ACORDEON*/
@import url("acordion.css");

/*Importar los estilos de LOOPSLIDER*/
@import url("loopslider.css");

/*Importar los estilos de SLIDESHOW NEWS*/
@import url("Slideshow.css");

/*Importar los estilos de CHAT*/
@import url("chat.css");

/*Importar los estilos de MENSAJE AL PRESIDENTE MODAL POPUP*/
@import url("contact.css");


/* Estilos Globales
-------------------------------------------------------*/
body{
	font-family:Verdana, Geneva, Arial, sans-serif;
	font-size:11px;
	line-height:16px;
	background:url(../imagenes/bg.gif) repeat-x  #FFF;
	color:#000;
	cursor:default;

}

h1, h2, h3{
	/*font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;*/
}
h1{
	font-size:20px;
	line-height:28px;
	/* [disabled]text-shadow: 1px 1px 1px #ccc; */ /*--Not supported by IE--*/
	text-align:left;
	display:block;
	/* [disabled]width:926px; */
	padding:5px 2px 0;
	margin:0px 0px 5px 0px;
	border-bottom:5px solid #B22721;
	/* [disabled]border-top: 1px dashed #900; */    /*background-color:#CCC;*/
	font-weight: normal;
	color: #b22721;
}

h1.soy-turista{
	background:url(../imagenes/h1-soy-turista.gif) 4px 10px no-repeat;
	text-indent:-9999px;
}

h1.soy-ciudadano{
	background:url(../imagenes/h1-soy-ciudadano.gif) 4px 10px no-repeat;
	text-indent:-9999px;
}

h1.soy-prensa{
	display:none;
	background:url(../imagenes/h1-soy-prensa.gif) 4px 10px no-repeat;
	text-indent:-9999px;
	margin-left:8px;
}

h2{
	font-size:20px;
	line-height:29px;
}

h3{
	font-size:18px;
	line-height:22px;
}

a{
	font-size:11px;
	text-decoration:underline;
	color:#666;
	cursor:pointer;
}

a:hover{
	text-decoration:none;
}


/*	divs
------------------------------------------------------------------------------*/
.win{
	margin:10px 0 10px 0;
}
/* header blanco.
div#header{
	background: url(../imagenes/bg-header.jpg)  #ebebeb no-repeat  scroll 0 30px;
}
*/

div#header{
	background: url(../imagenes/bg-header2.jpg)  #ebebeb no-repeat  scroll 0 30px;
}
#header-izq{
	background:url(../imagenes/bg-header-izq.jpg) no-repeat;
	width:100px;
	height:49px;
	position:absolute;
	left:-100px;
	
}

#logo-ayuntamiento{
	position:relative;
	width: 109px;
	height: 96px;
	padding:0;
	/*background: url(../imagenes/logo-ayuntamiento.png) no-repeat;*/
	left:262px;
	top:25px;

}
#logo-ayuntamiento h1{
	text-indent:-9999px;
	border: none;
}
#logo-ayuntamiento h1 a{
	padding:40px;
}

#logo-soluciones{
	position:relative;
	width: 220px;
	height: 70px;
	top: -66px;
	left: 66px;
	/* [disabled]background: url(../imagenes/logo-soluciones.png) no-repeat; */

	
}

#logo-soluciones h2{
	text-indent:-9999px;
	border: none;
}

/*
div#top{
	background:#7F7F7F  url(../imagenes/bg-top.jpg);
	margin:0px;
	padding-top:5px;
	color:#FFF;
}*/


div#top{
	background:#7F7F7F;
	color:#FFF;
	margin:0px;
	padding-top:3px;
	padding-bottom:2px;
	
}


div#top ul{
	list-style:none;
}

div#top li+li{
	border-left:1px solid #CCC;
	margin-left:7px;
	padding-left:7px;
}


div#top .fechaTop{
	display:inline;
	margin-left: 16px;
}

div#top .webmail a{
	display:inline;
	float:right;
	position:relative;
	top:-21px;
	margin:0px 16px;
	padding-left:20px;
	color:#FFF;
	background:url(../imagenes/contacto_icon.gif) no-repeat -2px -1px;
	text-decoration:none;
}
div#top .webmail a:hover{
	text-decoration:underline;
}

#ciudadano{
	padding-left: 8px;
}

#banner-c{
	margin-top:10px;
}

img.bnr{
	padding-left:4px;
}

#multimedios{
	width:471px;
	margin:0px 0px 0px 221px;
	padding-top: 0px;
	border: 1px solid #ccc;
}

/*  Menu Hader:
------------------------------------------------------------------------------*/
.nav{
	background:url(../imagenes/rellenoNav.jpg) repeat-x bottom right;
	margin:0px;
	height:35px;
	width:944px;
	position: absolute;
	top: 150px;
	z-index: 999;
	border-bottom: 2px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

/*  Menu Turismo:
------------------------------------------------------------------------------*/

#nav-turismo{
	width:700px;
	font-size:11px;
}
#nav-turismo ul{
	list-style:none;
	list-style-position:outside;
}

#nav-turismo .menu-nav{
	/*margin-top:4px;*/
}
#nav-turismo ul.menu-nav li{
	float:left;
/*	margin-right:1px;
	margin-bottom:-1px;*/
}

#nav-turismo ul.menu-nav li{
	font-weight:700;
	display:block;
	padding:10px 5px;
	background:#E2001A;
	margin-left:0.37em;
	margin-top:2px;
	/*  border:1px solid #fff;*/
    border-width:1px 1px 1px 1px;
	position:relative;
	color:#e4e1cd;
	cursor:pointer;    /*-moz-border-radius:3px 3px 0 0;
    -webkit-border-radius:3px 3px 0 0;*/
}
#nav-turismo ul.menu-nav li:first-child{
	margin-left:0;
}

/* colores botones*/
#nav-turismo ul.menu-nav li.pv {
	background:#CA1B3B;
}
#nav-turismo ul.menu-nav li.ev {
	background:#D6122B;
}
#nav-turismo ul.menu-nav li.cl {
	background:#3BA6B1;
}
#nav-turismo ul.menu-nav li.ho {
	background:#DF6A2F;
}
#nav-turismo ul.menu-nav li.res {
	background:#F0B700;
}

#nav-turismo ul.menu-nav li.ac {
	background:#8FB41C;
}

/**/
#nav-turismo ul.menu-nav li a{
    color:#fff;
	text-decoration:none;
	padding:10px;
}


#nav-turismo ul.menu-nav li a:hover{
    top:1px;
    border-bottom:0;
    color:#fff;
	text-decoration:underline;
}


/*  Calendario:
------------------------------------------------------------------------------*/
#calendar-events{
	display:none;
	margin-top: 6px;
	padding: 2px;
	background-color: #FAFAFA;
	color: #000;
	border: 1px dashed #c32b24;
}

/*calendar*/
table .calendar{ 
	border-left:1px solid #999;
	margin-left:2px;
}
tr.calendar-row	{  
}
td.calendar-day	{ 
	font-size:11px; 
	width:31px;
	text-align:center;
	/*background:#ebebeb;*/
/*	position:relative; */
} 
* html div.calendar-day { 
	height:5px; 
}
td.calendar-day:hover{ 
	background:#eceff5;
	color:#FFF;
}
td.calendar-day-np	{
	height:10px;
} 
* html div.calendar-day-np { 
	height:10px; 
}
td.calendar-day-head {
	font-size:11px;
	/* [disabled]background-color:#E1E1E1; */
	font-weight:bold;
	text-align:center;
	margin:1px;
	/* [disabled]border-bottom:1px solid #fff; */
	/* [disabled]border-top:1px solid #F00; */
	border-right:1px solid #fff;
}
div.day-number{
	/*float:right;*/
	margin:1px;
	padding:2px;
	/* [disabled]padding:2px 5px;*/
	/*agregaro nuevo*/
	/* [disabled]border:1px solid #ccc; */
}
div.day-number.event{
	background:url(../imagenes/bg-calendar-day.gif) 0 2px no-repeat;
	/* [disabled]background-color:#cc0033; */
	color:#FFF;
}
div.day-number a{
	color:#333;
	text-decoration:none;
}

div.day-number a.selected{
	color:#FFF;
	text-decoration:none;
	
}

/*shared*/
td.calendar-day, td.calendar-day-np {
	/* [disabled]border-bottom:1px solid #ccc; */
	/* [disabled]border-right:1px solid #ccc; */
	/*background-color: #FAFAFA;*/
}

/* H2 Puntos Accion
------------------------------------------------------------------------------*/

.puntoServicios {
	float:left;
	width:25%;
	
}
h2.tituloPunto {
	font-size:16px;
	display: none;
}

.imgPunto{
	margin-left:-1px;
}
.win_content {
	margin: 10px 0 20px 0;
	
}
#contenedor #ciudadano .winContent #menu-acordion #list1b div li .Aboton {
	font-size: 10px;
}



/* MENUS LATERALES
-------------------------------------------------------------------------*/

/** Menu Izq General
**************************************************************/
ul.vert{
	margin:0px;
	padding:0px;
	list-style-type:none;
	display:block;
	font:bold 12px Helvetica, Verdana, Arial, sans-serif;
	line-height:200%;
}

ul.vert li{
	margin:0;
	padding:0;
	border-top:1px solid #FFF;
	border-bottom:1px solid #CCC;
	line-height:15px;
}

ul.vert li a{
	display:block;
	text-decoration:none;
	color:#000;
	padding:5px 20px;
	font-weight:lighter;
}

ul.vert li a:hover{
	font-weight:bold;
	color:#fff;
	background:#b22721 url("../imagenes/vert-arrows.gif") no-repeat 3px 5px;
}

ul.vert li a.padre{
	background:url("../imagenes/vert-arrow-padre.gif") no-repeat 1px 4px;
	border-bottom:1px solid #ccc;
}

ul.vert li a.padre:hover{
	font-weight:bold;
	color:#fff;
	background:#b22721 url("../imagenes/vert-arrows.gif") no-repeat 4px -37px;
}


/* 3 Nivel
***************************************************************/

ul.vert li ul li{
	padding:0 0 0 20px;
	padding:0;
	border-top:1px solid #FFF;
	border-bottom:1px solid #ccc;
}


ul.vert li ul li a{
	display:block;
	text-decoration:none;
	color:#000;
	padding-left:32px;
	font-weight:lighter;
	background: url("../imagenes/vert_nivel3.png") no-repeat 20px -32px;
}

ul.vert li ul li a:hover{
	font-weight:bold;
	color:#fff;
	background:#E16D7B url("../imagenes/vert_nivel3.png") no-repeat 20px 2px;
}

/** Menu Lateral Index
******************************************************************************/
#menu-acordion{
	width:220px;
	float:left;
}

/*.indx{
	width:210px;
}

ul.indx li a{
	width:200px;
}
*/
ul.indx li {
	background:#ebebeb;
}

ul.indx li a:hover{
	background:#b22721 url("../imagenes/vert-arrows.gif") no-repeat 1px 5px;
	font-weight:600;
	width:210px;
}

ul.indx li a.current,ul.vert-one li a.current:hover{
	background:#933 url("../imagenes/vert-arrow.gif") no-repeat 0 9px;
	width:210px;
}


/* Menu Atencion 
*************************************************************************/
.ate{
	margin:0px;
	padding:0px;
	list-style-type:none;
	display:block;
	font:bold 14px Helvetica, Verdana, Arial, sans-serif;
	line-height:180%;
	width:230px;
}

ul.ate li{
	margin:0;
	padding:0;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
}

ul.ate li.on{
	background-color:#06F;
}

ul.ate li a{
	color:#FFF;
	background:#3E3D40;
	padding:5px 10px;
}

.right15{
	padding-left:70px;
	padding-right:3px
}

ul.ate li a.active{
	background:#666666;
	font-weight:bold;
}

ul.ate li a:hover{
	background:#666666 url("../imagenes/vert-arrow.gif") no-repeat 0 9px;
}

ul.ate li a.current,ul.vert-for li a.current:hover{
	background:#666666 url("../imagenes/vert-arrow.gif") no-repeat 0 9px;
}

/** CH
**********************************************************************/
ul.ate li a.on {
	background:url("../imagenes/status-atenttion-on.gif") no-repeat  195px 8px #3E3D40;
}
ul.ate li a.off {
	background:url("../imagenes/status-atenttion-off.gif") no-repeat  195px 8px #3E3D40;
}



/* PORTAL
------------------------------------------------------------------------------*/
#contenedor #contenido{
	width:945px;
	text-align:left;
	margin:0 auto;
	background-color: #FFF;
}


div#sidebar1 {
	width: 190px; /* el ancho real de este div, en navegadores que cumplen los estándares, o el modo de estándares de Internet Explorer, incluirá el relleno y el borde además del ancho */
	background: #fff; /* el color de fondo se mostrará a lo largo de todo el contenido de la columna, pero no más allá */
	padding: 0 0 15px 0; /* el relleno mantiene el contenido del div alejado de los bordes */
	margin: 12px 0 0 10px;
	float: left;
}

div#sidebar2 {
	right: 0px;
	width: 220px; 
	padding: 5px; 
	float: left;
	margin: 10px 0 0 5px;
	background-color: #f9f9f9;
	height:200px;
}

#portalContent {
	margin: 0 5px 0 5px; /* los márgenes derecho e izquierdo de este elemento div crean las dos columnas externas de los lados de la página. Con independencia de la cantidad de contenido que incluyan los divs de las barras laterales, permanecerá el espacio de la columna. */
	/* [disabled]padding: 10px 10px; */ /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
	float: left;
	width: 500px;
}

/* Banner Izq 
***************************************************************/
div#banner-portal-izq{
	margin-top:10px;
}

div#banner-portal-izq img{
	margin-top:5px;
	
}

/* FOOTER
------------------------------------------------------------------------------*/
div#footer{
	background-color:#F3F3F3;
	border-top: 2px solid #990000;
	padding: 10px;
	margin-top:40px;
}

#contenedor #footer h4 {
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
font-weight:bold;
text-transform:none;
}
#contenedor #footer h4 a{
	text-decoration:none;
}
#contenedor #footer h4 a:hover{
	text-decoration:underline;
}
#contenedor #footer ul{
	width:100%;
	margin: 0 5px 0 0;
	padding:5px;
}

#contenedor #footer ul li{
	display:inline;
	float:left;
	width:154px;
	margin-right:10px;
}
#contenedor #footer ul li{
	display:inline;
	float:left;
	width:154px;
	margin-right:10px;
}

#contenedor #footer .limpiar .index{
	width:80px;
}

#contenedor #footer .limpiar .gob{
	margin:0;
}

#contenedor #footer .limpiar .transp{
	margin:0 25px 0 0;
}

#contenedor #footer .limpiar .org{
	margin:0 17px 0 0;
}

#contenedor #footer .limpiar .serv{
	margin:0 0 0 8px;
}

#contenedor #footer .limpiar .com{
	margin:0 0 0 20px;
	width:120px;
}

#contenedor #footer .limpiar .tel{
	margin:0 0 0 20px;
	width:170px;
}

#contenedor #footer ul li ul{
	padding:0px;
	width:100px;
}

#contenedor #footer ul li ul li{
	display:block;
	text-align:left;
	padding:2px 0;
	width:145px;
}

#contenedor #footer ul li ul li a{
	text-decoration:none;
}
#contenedor #footer ul li ul li a:hover{
	text-decoration:underline;
}

/* COMISIONES EDILICIAS
------------------------------------------------------------------------------*/
div.ficha{
	margin:10px 0 10px 0;
	padding:5px;
	background:#F9F9F9 url(../imagenes/separador.png) no-repeat bottom;
}

div.ficha h3{
	padding-bottom:4px;
	width:390px;
	font-weight:bold;	
}

div.ficha img{
	float:left;
	margin-right:10px;
	position:relative;
}

div.ficha ul{
	display:block;
	float:left;
	width:353px;
	/*height:120px;*/
}

div.ficha li{
	margin: 0 4px 4px;
}

.ficha.limpiar ul li span{
	float:right
}

/* LISTA BOLETIN
*********************************/


div.ficha h2{
	padding-bottom:4px;
	line-height:1.1;
	width:490px;	
	border-bottom:1px #666 dashed;
	margin-bottom:4px;
}

div.ficha h2 a{
	font-size:16px;
	font-weight:bold;
	color: #000;
	text-decoration:none;

}

div.ficha h2 a:hover{
	text-decoration:underline;
}
div.ficha p{
	display:block;
	font-size:1em;
	line-height:1.3;
	margin:0 0 10px;
	
}



/** BOLETIN

*************************************************/
#noticia {
	width: 720px;
	padding:0 10px 0 8px;
}
div#noticia img{
	margin:4px 0 0 15px;
	float: right;
}

#date{
	display:block;
	margin:5px 0 45px 0;
	border-bottom:1px #666 dashed;
	color:#666;
}

div#date .fechaBolet{
	float:left;
	display:block;
	font-weight:bold;	
	font-size:12px;
	margin-top:4px;
}

div#date .fechaPost{
	float:right;
	font-size:10px;
	margin-top:4px;
}

div#noticia p{
	text-align:justify;
	display:block;
	font-size:1em;
	line-height:1.5;
	margin:0 0 20px;
	
}

/** PANEL

*************************************************/

.msj_error{
	display:block;
	width:94%;
	color:#F00;
	padding:10px;
	margin:10px;
	border:1px solid #F00;
	background-color:#FFEAEB;
}

.msj_ok{
	display:block;
	width:94%;
	color:#007300;
	padding:10px;
	margin:10px;
	border:1px solid #0C0;
	background-color:#E2FFD5;
}


/** ch css 
*************************************************/
#form_asistencia,
#form_asistencia_registrar
{
	margin:0 auto;
	padding-top:4px;
	width:155px;
	margin-top:2px;
}
	#form_asistencia{
		height:131px;
		overflow:auto;
	}
	#form_asistencia_registrar{
		height:110px;
	}

.TextInput{
	border:solid 2px #CCC;
}

.red-canvas{
	background:#FEF1EC;
	color:#FFF;
	font-size:12px;
	display:block;
	margin-top:2px;
	padding:4px;
	text-align:center;
	border:1px solid #CD0A0A;
	color:#CD0A0A;
}
.red-canvas a{
		color:#CD0A0A;
		font-weight:bold;
}

.btn-submith{
	padding:2px;
	margin-top:7px;
	background:#414042;
	border:2px solid #999;
	width:100%;
	color:#FFF;
	font-weight:bold;
}
	.btn-submith:hover{
		background:#818181;
	}
	
.email_form table tr{
	line-height:25px;

}
#mensaje-presidente{
	cursor:pointer;
}

#atencion{
	border:1px solid #CCC;
	width:222px;
}

/** facebook
******************************/

.livefeed_widget .signup_header {
	/* [disabled]font-size:14px; */
	font-weight:normal;
	/* [disabled]line-height:20px; */
}
.livefeed_widget .with_bottom_message .bottom_message {
	display:none;
}


/** sitios de interes */
.link {
background:url("../imagenes/link.png") no-repeat scroll 4px 12px transparent;
display:block;
font-weight:bold;
height:40px;
line-height:40px;
text-decoration:none;
padding-left:25px;
}


/** nav paginacion
******************************/
#nav-pag{
	color:#ffffff;
	margin:4px 4px 4px 0px;
	padding:8px 0;
	border-top:5px solid #B22721;
	font-weight:bold;
	
}

#nav-pag b {
	font-size:12px;
	color:#333;
	margin:0 3px;

}

#nav-pag a {
	color:#B22721;
	font-size:12px;
	margin:0 3px;
	text-decoration:none;	
}

#nav-pag a.num {
	color:#B22721;
	background-color:#FFF;
	font-size:11px;
	padding:1px;
}

#nav-pag a:hover {
	color:#333;
	cursor:pointer;
}


/** CLIMA
***************************/
#clima{
	display:inline-block;	
}


#clima span{
	margin:4px 0px 0px 5px;
	display:inline-block;

}

#clima img {
	float: left;
	margin:-3px 0;
}