@import url("reset.css"); 

body { margin: 0px; padding: 0px;	font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: .6886em; color: #000; background-color:#f6f5ef; background-image: url(images/fondo_gral_top.gif);  background-position: left 77px;  background-repeat: repeat-x; }

/* MENU ZARAGOZA.ES */
#zaragoza100{	width: 100%; position: relative; float: left; background-color: #FFF; padding-top: 45px;  }
#zaragoza{	width: 940px; height: 32px; margin: 0 auto; position: relative;}
#zaragoza .cab{font-family:Arial,Helvetica,sans-serif;font-size:1.1em;}
#zaragoza #herramientas{float:right;  padding-top:7px; margin-left:20px;}
#zaragoza #herramientas a{color:#000}
#zaragoza #herramientas ul{list-style-type:none}
#zaragoza #herramientas input {font-size:0.9em;}
#zaragoza #herramientas label { display: none; }
#zaragoza input.bot {background-color:#FF0000;color:#ffffff;font-weight:bold;border: 1px solid #ff0000;}
#zaragoza #grupo_portal{height:3em; padding-top:7px;}
#zaragoza #grupo_portal p, #zaragoza #grupo_portal li{padding:0.2em 1em 0.2em 1em;margin-left:0.2em;text-transform:uppercase}
* html #zaragoza #grupo_portal p{margin-left:0.5em;mar\gin-left:0.5em}
#zaragoza #grupo_portal a{color:#fff;  text-decoration: none; }
#zaragoza #grupo_portal a:hover{color:#fff;  text-decoration: underline; }
#zaragoza #grupo_portal p{float:left;}
#zaragoza #grupo_portal ul{float:right}
#zaragoza #grupo_portal li{display:block; float:left; }
#zaragoza #o_gob{background-color:#000000; line-height: 15px; }
#zaragoza #la_cultura{background-color:#86429E; line-height: 15px; }
#zaragoza #la_ciudad{background-color:#009900; line-height: 15px; }
#zaragoza #el_ayto{background-color:#dc241f; line-height: 15px; }
#zaragoza #la_gente{background-color:#005575; line-height: 15px; }
#zaragoza #o_gob{background-color:#000; color:#FFF; line-height: 15px; }
#zaragoza #turismo{background-color:#FF9900; line-height: 15px; }



/** ESTRCUTURA **/
#principal{	width: 100%; position: relative; float: left; background: url(images/background01.jpg) top center no-repeat;}
#cabecera100, #cuerpo100, #pie100{	width: 100%; position: relative; margin: 0px; padding: 0px; float: left;}
#pie100{	background: url(images/pie-bg.jpg) bottom left repeat-x;}
#cabecera, #cuerpo ,#pie{	width: 940px; margin-left: auto; margin-right: auto; position: relative;}



/** CABECERA **/
#cabecera{	height: 235px;}

#barra-sup{	width: 100%; height: 38px; background: url(images/barra-sup-bg.png) top left no-repeat; position: absolute; top: 15px; left: 0px;}
#barra-sup .zgz-turismo {	width: 93px; height: 28px; background: url(images/logo-zgz-turismo.png) top left no-repeat; position: absolute; top: 5px; left: 15px;}
#barra-sup .zgz-turismo h1, #barra-sup .zgz-turismo h1 a{	width: 93px; height: 28px; display: block; margin: 0px; padding: 0px;}
#barra-sup .zgz-turismo h1 a span{	display: none;}
#barra-sup .language{	position: absolute; top: 9px; right:19px; width: 200px; height: 20px;  text-align: right; }
#barra-sup .language select{	border: 1px solid #bebebe;}
/*
#barra-sup .buscador{	position: absolute; top:9px; right:19px; width: 400px; height: 20px; text-align: right;}
#barra-sup .buscador input{	border:1px solid #a6a6a6; background-color: #fff; color: #000; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; vertical-align: middle; padding: 2px; margin-right: 10px;}
#barra-sup .buscador input.buscar{	background: url(images/b-buscar-bg.png) top left repeat-x; width: 100px; height: 21px;  font-weight: bold; color: #000; font-size: 1.1em;}
*/

#chinese{float:left; margin:.5em;font-weight:bold}
#chinese a{text-decoration:none;color:#000;font-size:1.1em}

#logo{	position: absolute; top: 67px; left: 12px; width: 239px; height: 63px; background: url(images/logo-zgz-ciudad.png) top left no-repeat;}
#logo span{	display: none;}

#weather{ position: absolute; top: 73px; right: 0px; background: url(images/eltiempo-bg.png) top left no-repeat; width: 241px; height: 53px;  overflow: hidden; padding-top:4px;}
#weather h2.tzgz{float:left; font-size: 1.35em; color:#FFF; width:110px; padding:4px 0px 0px 13px;  height: auto;  line-height: normal;   }
#weather a{color:#FFF; font-size:1em;}


/* PARAMETROS PARA MENU ESPANYOL
#cabecera .menu{	position: absolute; width: 100%; height: 37px; background: url(images/menupral-bg.png) top left no-repeat; top:169px; left: 0px;}
#cabecera .menu ul { font-size: 1.3em; font-weight: bold; text-transform: uppercase; color: #FFF; width: 100%; height:37px; margin: 0px; padding: 0px; position: relative}
#cabecera .menu ul li{ margin: 0px;  float: left; height: 37px;  line-height: 37px; padding: 0px 24px;  cursor: pointer; }
#cabecera .menu ul li:hover {	background: url(images/menupral-active-bg.png) top left repeat-x;}
#cabecera .menu ul li.final{padding: 0px 26px 0px 27px}
#cabecera .menu ul li a, #cabecera .menu ul li a:link, #cabecera .menu ul li a:visited{	white-space: nowrap; color: #FFF; text-decoration: none; display: block; }
#cabecera .menu ul li a:hover{	background: url(images/menupral-active-bg.png) top left repeat-x;}
#cabecera .menu ul li ul{ position: absolute; 	left: 0px;	top: 37px;	display: none;  }
#cabecera .menu ul li ul li{ height: 27px;  line-height: 27px; padding: 0px;  }
#cabecera .menu ul li:hover ul{	display: block; background: url(images/menusec-bg.png) top left repeat-x; height: 29px; line-height: 29px; position: absolute; left: 0px; width: 100%; }
#cabecera .menu ul li:hover ul li{	float: left; font-size: 0.7em; font-weight: normal; text-transform: none; display: inline; background-image: none; height: 29px; padding:0px; margin:0px; }
#cabecera .menu ul li:hover ul li a{	background-image: none; margin: 0px; padding: 0px 0px 0px 22px; display: inline;  word-spacing: -1px; }
#cabecera .menu ul li:hover ul li a:hover{	text-decoration: underline;}
*/
#cabecera .menu{	position: absolute; width: 100%; height: 37px; background: url(images/menupral-bg.png) top left no-repeat; top:169px; left: 0px;}
#cabecera .menu ul { font-size: 1.1em; font-weight: bold; text-transform: uppercase; color: #FFF; width: 100%; height:37px; margin: 0px; padding: 0px; position: relative}
#cabecera .menu ul li{ margin: 0px;  float: left; height: 37px;  line-height: 37px; padding: 0px 17px 0px 18px;  cursor: pointer; }
#cabecera .menu ul li:hover {	background: url(images/menupral-active-bg.png) top left repeat-x;}
#cabecera .menu ul li.final{padding: 0px 17px 0px 18px}
#cabecera .menu ul li a, #cabecera .menu ul li a:link, #cabecera .menu ul li a:visited{	white-space: nowrap; color: #FFF; text-decoration: none; display: block; }
#cabecera .menu ul li a:hover{	background: url(images/menupral-active-bg.png) top left repeat-x;}
#cabecera .menu ul li ul{ position: absolute; 	left: 0px;	top: 37px;	display: none;  }
#cabecera .menu ul li ul li{ height: 27px;  line-height: 27px; padding: 0px;  }
#cabecera .menu ul li:hover ul{	display: block; background: url(images/menusec-bg.png) top left repeat-x; height: 29px; line-height: 29px; position: absolute; left: 0px; width: 100%; }
#cabecera .menu ul li:hover ul li{	float: left; font-size: 0.9em; font-weight: normal; text-transform: none; display: inline; background-image: none; height: 29px; padding:0px; margin:0px; }
#cabecera .menu ul li:hover ul li a{	background-image: none; /*height: 29px; line-height: 29px;*/ margin: 0px; padding: 0px 0px 0px 22px; display: inline;  word-spacing: -1px; }
#cabecera .menu ul li:hover ul li a:hover{	text-decoration: underline;}
/** FIN CABECERA **/

/** BLOQUES HOME **/

#slider{	width: 940px; height:331px; position: relative; }

h1{ color: #c70017; font-size: 1.55em; font-weight: bold; margin: 0px; padding: 0px; height: 39px; line-height: 39px;}

h2{ color: #c70017; font-size: 1.55em; font-weight: bold; margin: 0px; padding: 0px; height: 39px; line-height: 39px;}

.bloque-tickets, .bloque-destacados, .bloque-agenda, .bloque-congresos, .bloque-hoteles, .bloque-videos{	border: 1px solid #e6e6e6; margin: 0px; padding: 0px; }
.titulo{	height: 39px; background: url(images/bloque-tit-bg.png) top left repeat-x;}
.titulo2{height: 39px; background: url(images/bloque-tit2-bg.png) top left repeat-x;}
.bloque-tickets h2.reserva{	background: url(images/tickets-adorno.png) top left no-repeat; padding-left: 65px;}
.bloque-destacados h2.destacados{	color: #FFF; padding-left:17px;}
.bloque-agenda h2.agenda{	background: url(images/agenda-adorno.png) top left no-repeat; padding-left: 58px;}
.bloque-congresos h2.congresos{	
/* 	background: url(images/congresos-adorno.png) top left no-repeat;  */
/* 	padding-left: 58px; */
	padding-left: 10px;
}
.bloque-hoteles h2.hoteles{	background: url(images/hoteles-adorno.png) top left no-repeat; padding-left: 58px;}
.bloque-videos h2.videos{	background: url(images/videos-adorno.png) top left no-repeat; padding-left: 58px;}

.bloque-tickets .contenido{ padding: 14px 18px 11px 18px; overflow: hidden;  background-color: #FFF; }
.bloque-tickets .contenido .bloque-cont{	width: 260px; float: left; position: relative; margin-bottom: 15px;}
.bloque-tickets .contenido .space{	margin-right: 22px;}
.bloque-tickets .contenido .bloque-cont img{	margin-bottom: 1px;}
.bloque-tickets .contenido .bloque-cont h3{	background-color: #272727; padding: 4px 6px; font-size:1.1em;  }
.bloque-tickets .contenido .bloque-cont h3 a, .bloque-tickets .contenido .bloque-cont h3 a:link, .bloque-tickets .contenido .bloque-cont h3 a:visited{	color: #FFF; text-decoration: none;}
.bloque-tickets .contenido .bloque-cont h3 a:hover{	text-decoration: underline;}
.bloque-tickets .contenido .bloque-cont p{	margin: 0px; padding: 2px 0px; line-height: 1.1em;}
.bloque-tickets .vermas{	text-align: right; float:right;}
.bloque-tickets .vermas a{	color: #c70017; text-decoration: none; font-weight: bold;}
.bloque-tickets .vermas a:hover{	text-decoration: underline;}

.bloque-destacados .contenido {padding: 13px 12px 1px 12px; overflow: hidden; background-color: #FFF;}
.bloque-destacados .contenido .bloque-cont{	background-color: #ededec; clear: left; min-height: 110px; margin-bottom: 0px;}
.bloque-destacados .contenido .bloque-cont img{	border-right: 1px solid #FFF; float: left;}
.bloque-destacados .contenido .bloque-cont h3{	color: #c70017; font-size: 1.1em; font-weight: bold; overflow: hidden; padding-left: 13px; padding-bottom: 3px; padding-top: 8px; margin: 0px;}
.bloque-destacados .contenido .bloque-cont p{overflow: hidden; padding-left: 13px; padding-bottom: 10px; padding-top: 0px; padding-right: 13px; margin: 0px;}
.bloque-destacados .vermas{	text-align: right; margin-right: 13px;  padding-bottom: 5px;}
.bloque-destacados .vermas a{	color: #c70017; text-decoration: none; font-weight: bold;}
.bloque-destacados .vermas a:hover{	text-decoration: underline;}
.bloque-destacados .vermas span{	position: absolute;	left: -9000px;}

.bloque-agenda .contenido { padding: 11px 16px; overflow: hidden; background-color: #FFF;}
.bloque-agenda .contenido .bloque-cont, .bloque-agenda .contenido .bloque-cont-pral{	background-color: #ededec; margin-bottom: 8px;}
.bloque-agenda .contenido .bloque-cont-pral{	width: 100%; float: left;}
.bloque-agenda .contenido .bloque-cont{width: 204px; float: left;}
.bloque-agenda .contenido .bloque-cont h3{font-size:1.1em; }
.bloque-agenda .contenido .bloque-cont img, .bloque-agenda .contenido .bloque-cont-pral img{margin-bottom: 6px; float: left;}
.bloque-agenda .contenido .bloque-cont a, .bloque-agenda .contenido .bloque-cont-pral a{	color: #FFF; background-color: #e2001a; padding: 4px; margin: 2px 10px; clear: left; float: left; text-decoration: none; font-weight: bold;}
.bloque-agenda .contenido .bloque-cont a:hover, .bloque-agenda .contenido .bloque-cont-pral a:hover{	text-decoration: underline;}
.bloque-agenda .contenido .bloque-cont p, .bloque-agenda .contenido .bloque-cont-pral p{	clear: left; padding:0px 10px 10px 10px;}
.bloque-agenda .contenido .bloque-cont-pral a{	font-size: 1.3em; }
.bloque-agenda .contenido .bloque-cont-pral p{ font-size: 1.1em; font-weight: bold;}
.bloque-agenda .contenido .space{	margin-right: 18px;}
.bloque-agenda .vermas{	text-align: right;}
.bloque-agenda .vermas a{	color: #c70017; text-decoration: none; font-weight: bold;}
.bloque-agenda .vermas a:hover{	text-decoration: underline;}

.bloque-congresos .contenido {position:relative; border: 8px solid #FFF; overflow: hidden; width: 442px; height: 165px; background: url(/cont/paginas/turismo/img/dest_gastronomiahome.jpg) center center no-repeat;background-size: 100%;}
.bloque-congresos .contenido p{ color: #FFF; font-size: 1.1em; line-height: 1.1em; padding:.5em;}
.bloque-congresos .contenido p.tit{z-index:30;position:absolute;}
.bloque-congresos .contenido p strong{	font-size: 1.1em;}
.bloque-congresos .contenido img{position:relative;width:100%;}

.bloque-hoteles .contenido {border: 8px solid #FFF; border-bottom: 9px solid #FFF; overflow: hidden; width: 442px; height: 165px; background: url(images/img-hoteles.jpg) top left no-repeat;}
.bloque-hoteles form {	margin: 20px 17px 0px}
.bloque-hoteles form label{ color: #fff; font-weight: bold;}
.bloque-hoteles form input{	border:1px solid #a6a6a6; background-color: #fff; color: #000; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; vertical-align: middle;}
.bloque-hoteles form img{ vertical-align: middle;}
.bloque-hoteles form input.buscar{	background: url(images/b-buscar-bg.png) top left repeat-x; width: 101px; height: 21px;  font-weight: bold; color: #000; font-size: 1.1em; overflow: visible;}
.bloque-hoteles .contenido p{	padding: 11px; color: #FFF; font-size: 1.1em; line-height: 1.1em;}
.bloque-hoteles .contenido p strong{	font-size: 1.1em;}
.bloque-hoteles .contenido p.b-hoteles{	margin-top: 20px;  text-align: right;}

.bloque-videos .contenido {border: 8px solid #FFF; border-bottom: 9px solid #FFF; overflow: hidden; width: 442px; min-height: 165px; background: url(images/fondo_videos.jpg) top left;}
.bloque-videos .contenido .videoplay{ float:left; margin-right: 10px;}
.bloque-videos .contenido p{	padding: 11px; color: #FFF; font-size: 1.1em; line-height: 1.2em;}
.bloque-videos .contenido p strong{	font-size: 1.1em;}
.bloque-videos .contenido p.b-videos{	margin-top: 25px;  text-align: right;}
/** FIN BLOQUES HOME **/


/** PIE **/
#pie{	height: 144px; margin-top: 30px; }
#pie .accesos{	height: 40px; width: 100%; vertical-align: middle; padding-top: 13px;}
#pie .accesos img{	vertical-align: middle; padding: 0px 5px; }
#pie .accesos a{	color: #575656; text-decoration: none;}
#pie .accesos a:hover{	color: #2c2c2c; text-decoration: underline;}
#pie .infolegal{ height: 91px; color: #FFF; background: url(images/logo-zgz-turismo-white.png) right 10px no-repeat;}
#pie .infolegal p{	padding: 10px 0px 10px 0px; line-height: 1.5em;}
#pie .infolegal a{	color: #fff; text-decoration: underline;}
#pie .likeFacebook{margin-top:0.4em; float:right;}
#pie .tripadvisor{float:left; font-size:0.9em; text-align:right; padding-right:10px}
#pie .tripadvisor a{color:#000}
/** FIN PIE **/







/**********************************/
.fila{ width: 100%; float: left; clear: left  }
.columna{float: left;}
.col-6{ width: 340px; float: left;}
.col-8{	width: 460px; float: left;}
.col-10{	width: 580px; float: left;}
.clear{	clear: left;}
.izquierda{	float: left;}
.derecha{	float: right;}

.col5{width: 5%; float: left; margin-bottom: 3px;}
.col10{	/*width: 10%;*/ float: left; margin-bottom: 3px;}
.col15{	width: 15%; float: left; margin-bottom: 3px;}
.col25{	width: 25%; float: left; margin-bottom: 3px;}
.col35{	width: 35%; float: left; margin-bottom: 3px;}
.col45{	width: 45%; float: left; margin-bottom: 3px;}
.col55{	width: 55%; float: left; margin-bottom: 3px;}
.col65{	width: 65%; float: left; margin-bottom: 3px;}
.col75{	width: 75%; float: left; margin-bottom: 3px;}
.col85{	width: 85%; float: left; margin-bottom: 3px;}
.col95{	width: 95%; float: left; margin-bottom: 3px;}
.col20{	width: 20%; float: left; margin-bottom: 3px;}
.col30{	width: 30%; float: left; margin-bottom: 3px;}
.col40{	width: 40%; float: left; margin-bottom: 3px;}
.col50{	width: 50%; float: left; margin-bottom: 3px;}
.col60{	width: 60%; float: left; margin-bottom: 3px;}
.col70{	width: 70%; float: left; margin-bottom: 3px;}
.col80{	width: 80%; float: left; margin-bottom: 3px;}
.col90{	width: 90%; float: left; margin-bottom: 3px;}
.col96{	width: 96%; float: left; margin-bottom: 3px;}
.col97{	width: 97%; float: left; margin-bottom: 3px;}
.col98{	width: 98%; float: left; margin-bottom: 3px;}
.col99{	width: 99%; float: left; margin-bottom: 3px;}
.col100{ width: 100%; float: left; margin-bottom: 3px;}

/* Estilos personalizados de las cajas */

.margensuperior20px{margin-top:20px;}
.margeninferior20px{margin-bottom:20px;}
.margenizquierdo20px{margin-left:20px;}
.margenderecho20px{margin-right:20px;}
.margensuperior10px{margin-top:10px;}
.margeninferior10px{margin-bottom:10px;}
.margenizquierdo10px{margin-left:10px;}
.margenderecho10px{margin-right:10px;}



/** SLIDER HOME**/
a.paraSlide{	background-color: Black; color: White; padding:2px 5px; position:relative; top:15px; left:10px;  z-index: 10;  cursor: pointer; text-decoration:none; }
.container	
			{
				background: url(images/slider-bg.png);
				width:940px;
				height:331px;
				overflow:hidden;
				margin:auto;
				position:relative;
			}
			.selector
			{
				background: url(images/tab-over.png); 
				background-repeat:no-repeat;
			}			
			.hovering
			{
				
			}						
			.container .TabMenu
			{
				position: absolute;
				top: 6px;
				right: 6px;
				z-index: 10;
				width:359px;
			}
			.container .TabMenu span
			{
				display:block;
				height: 54px;
				width:306px;
				margin: 0px;
				padding:0px;
				margin-bottom:1px;
				float:left;
				font-size:1.5em; 
				font-weight:bold; 
				color:#FFF; 
				padding-left:53px;
				line-height:18px;
				vertical-align:middle;
				padding-top:20px;
				cursor: pointer;
			}
			.container .TabMenu span:hover{color:#c2c1c1;}
			.container .ContentFrame
			{
				width: 600px;
				height:299px;
				left: 6px;
				position: absolute;
				overflow:auto;
				top:6px;
			}			
			.container .ContentFrame .AllTabs
			{
				position: relative;	
				left:0px;		
				width: 2400px;
				height: 299px;
				overflow:hidden;
			}
			.container .ContentFrame .AllTabs .TabContent
			{
				width:600px;
				height: 299px;
				margin-right:0px;
				text-align: justify;
				float:left;
				overflow:hidden;
				position:relative;
			}
			.container .ContentFrame .AllTabs .TabContent a{color:#FFF;  text-decoration: none;  }
			.container .ContentFrame .AllTabs .TabContent a:hover{color:#CCC; }
			.container .ContentFrame .AllTabs .TabContent img{position:absolute; top:0px; left:0px; z-index:1;}
			.container .ContentFrame .AllTabs .TabContent p{ color: #FFF; position:absolute; left:0px; bottom:-20px; height:69px; background:transparent url(images/caption-bg.png) bottom left repeat-x; z-index:2; width:530px; padding:13px 50px 13px 20px; font-size:1.2em;}
			.container .ContentFrame .AllTabs .TabContent p .title{font-size:1.5em; font-weight:bold; color: #FFF; background-color: none; line-height:22px;}
			
			
#social100{
    top: 0;
    height: 40px;
    overflow: hidden;
    position: fixed;
    vertical-align: middle;
	background:url(images/social-bg.png) top left repeat-x;
	color: #fff;
	z-index: 9999;
	left:0px;
	right:0px;
}
#social{width:940px; margin:0 auto; height:40px;position:relative;}
#social #share{float:left}
#social #networks{float:right; height:36px; background:url(images/social-separador-top.png) top left no-repeat; padding-left:17px;}
#social #networks span.zgz-turismo{background:url(images/social-logo-turismo.png) top left no-repeat; width:67px; height:35px; display:block; float:left; margin-top:1px; text-indent:-9000em; margin-right:10px;}
#social #networks a{width:34px; height:35px; margin-top:1px; float:left; margin-left:0px; display:block; text-indent:-9000em;}
#social #networks a.social-blog{background:url(images/social-blog.png) top left no-repeat}
#social #networks a.social-facebook{background:url(images/social-facebook.png) top left no-repeat}
#social #networks a.social-twitter{background:url(images/social-twitter.png) top left no-repeat}
#social #networks a.social-flickr{background:url(images/social-flickr.png) top left no-repeat}
#social #networks a.social-linkedin{background:url(images/social-linkedin.png) top left no-repeat}
#social #networks a.social-youtube{background:url(images/social-youtube.png) top left no-repeat}
#social #networks a.social-pinterest{background:url(images/social-pinterest.png) top left no-repeat}
#social #networks a.social-foursquare{background:url(images/social-foursquare.png) top left no-repeat}
#social #networks a.social-googleplus{background:url(images/social-googleplus.png) top left no-repeat}
#social #networks a.social-instagram{background:url(images/social-instragram.png) top left no-repeat}




/*    ESTILOS NUEVOS 2012 */
.flickr-widget{clear:both; margin-bottom:10px;}
h2.flicker-widget-title{	background: url(images/icon-flickr.gif) left no-repeat; padding-left:39px; margin-bottom:2px;margin-left: 10px;}
.twitter-count-horizontal{margin-top:7px;}
iframe#twttrHubFrame{width:0px; height:0px; display:none; visibility:hidden}
#polldaddy_embed_0{
    border-radius: 5px 5px 5px 5px;
    height: 20px;
    margin: 0;
    position: absolute;
    right: 380px;
    top: 8px;
    width: 130px;
    background: #fff url(images/icon-encuesta.gif) 5px 5px no-repeat;
}
#polldaddy_embed_0 span{display:block;  margin: 1px auto 0; width:90px;padding: 4px 6px 2px 14px !important;}

.oculto{position:absolute;left:-5000px;overflow: hidden;}

.boton{padding:.5em;background:#e2001a;color:white;font-size:1em;font-weight:bold;text-decoration:none; border-radius:.5em;}