/* for all browsers that understand min-width */
.container {
    position:relative; width:100%; 
    min-width:640px;
}
.holder {
    display:block; 
    color:#000;
}

/* min-width problem solved for IE5.5 and IE6 browsers */
* html .container {
    border-right:640px solid #ffffff;
}

* html .holder {
    display:inline; 
    position:relative; 
    margin-right:-640px;
}

div#cabecera { 
    float:left; 
    margin-bottom: 8px;
}

div.imgIzquierda { 
    float:left;
}


div.col1 { 
    float:left; 
    background-color:#ffffff; 
    border-right: 0px solid #3333CC;
    width:69%; 
    padding:4px;
}
div.col0 { 
    padding:4px;
    width:100%; 
}

    

div.imgDerecha { 
    float:right; 
    border-left: 0px solid #000000; 
    width:200px;
}

div.col2 { 
    float:right;
    border-left: 0px solid #000000;
    border-top: 0px solid #CC3300;
    background-color:#eeeeee; 
    width:29%;
  }

.over {
    overflow: hidden;
}

.entorno { 
    border: 1px solid #3333CC;  /*rgb(51, 51, 204)*/
    float:left;
}

.tit { 
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 14pt;
    color: #3333CC;
    margin-top:0.2em;
    margin-bottom:0.2em;
}

.tit_link { 

	font-family:"Myriad Pro","HelveticaNeue-Light","Helvetica Neue Light","Lucida Grande","Helvetica Neue",Arial,"Lucida Sans Unicode",sans-serif;
	font-weight:normal;
    font-size: 16pt;
    color: #000000; /* font-family:  Helvetica, Arial,sans-serif; color: #000099; */
    line-height: 1.2em; 
    padding-left:0.2em;
    padding-right:0.2em;
}
.tit_link a {
    text-decoration:none;
    line-height: 1.2em; 
    color: #000000;
}

.descr{
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 8pt;
    color: #000000;
}

.localiza{
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 10pt;
    color: #000000;
}

.des_link {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 8pt;
    color: #000000;
    margin-left:0.5em;
}

.lugar {
    font-family: Arial,Helvetica,sans-serif;

    font-size: 8pt;
    color: #000000;
    margin-left:0.5em;
}


.popular {
    font-family: Arial,Helvetica,sans-serif;

    font-size: 6pt;
    color: #000000;
    margin-left:0.5em;
}

.labelform {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 8pt;
    width:10em;
    float:left;
}
.campoform {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 8pt;
    margin-left:8em;
}



.activi_abs { 
    font-family: Arial,Helvetica,sans-serif;
    margin-bottom: 2%;
}

.dia {
    font-family: Arial,Helvetica,sans-serif;
    margin-bottom: 2%;
    font-weight: bold;
    font-size: 10pt;
    color: #663333;
}


.seccion {
    font-family: Arial,Helvetica,sans-serif;
    margin-bottom: 2%;
    font-weight: bold;
    font-style: italic;
    font-size: 14pt;
    color: #669933;
    padding-bottom:0.1em;
}


.hora { 
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 8pt;
    padding-left:0.1em;
    padding-right:0px;
    margin-top:0.2em;
}

.ruta{
    background-color:#eeeeee;
	padding:0px;
	
}

.contenido{     
    background-color:#ffffff;
}

.cajaA{
	text-align:left; 
	width:588px;
    background-color: #ffffff; /* #f8f8ff; */
    border: solid #cccccc 1px;
    margin-bottom:0.5em;
}

.cajaB{
	text-align:left; 
	width:348px;
	background-color: #ffffff; /* #f8f8ff; */
	border: solid #cccccc 1px;
	margin-bottom:0.5em;
}

.cajaC{
	width:348px;
	background-color:#ffffff; 
	margin-bottom:0.1em;
}

.cajaD{
	text-align:left;
	width:228px;
    background-color:#ffffff; 
    border: solid #cccccc 1px;
    margin-bottom:0.5em;
}

.cajaE{
	width:228px;
	background-color:#ffffff; 
	margin-bottom:0.1em;
}

.barra {
	background-color:#f4f8f9;
	border-bottom:1px solid #e6f0f2;
	border-top:1px solid #e6f0f2;
	color:#3e5867;
	display:block;
	font-size:11px;
	height:19px;
	line-height:19px;
	margin:4px 0px 4px 0px;
	padding:6px 8px;
	/*text-shadow:0 1px 0 #ffffff;*/
}


#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#000;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h1 {padding-top:0.5em;}
#xsnazzy {background: transparent;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #000; border-right:1px solid #000;}
.xb1 {margin:0 5px; background:#000;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#fff; border:0 solid #000; border-width:0 1px;}

#infobox {width:350px; float: left;}





/*
	Featured Content Slider
	by: Chris Coyier
*/
/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
/*
	PAGE STRUCTURE
*/
#page-wrap 									{ margin: 0; padding: 0; font-family: verdana, Arial, Helvetica, sans-serif; font-size: 10px; width: 348px; margin: 0px auto; position: relative; min-height: 265px;}
/*
	TYPOGRAPHY
*/
a.photo, a.photo:visited								{ color: #ffffff;  font-family: Helvetica, Arial, sans-serif; line-height:1.2em; text-decoration: none; font-size:12px; font-weight:bold; }
a.photo:hover, a.photo:active							{ color: white; }
blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; 
    								  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}

/*
	SLIDER
*/
.slider-wrap								{ width: 348px; position: absolute; top: 0px;  }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 348px; height: 285px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 348px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -43px 0 0 62px; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(/img/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(/img/icon-uparrowsmallwhite.png) top center no-repeat; }

/*Autocomplete */

.autocomplete {
  position:absolute;
  width:300px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  margin-left:8px;
  padding:0px;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { background-color: #ddf;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:2px;
  padding:2px;
  height:20px;
  cursor:pointer;
  font-size: 11px;
  color:#0000AA;
  font-weight: bold;
  line-height:0.9em;
}



/* Jquery autocomplete */



.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}
