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

.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
width: 110px; /*Width of top level menu link items*/
padding: 0px 10px;
border: 1px solid #202020;
border-left-width: 0;
/*border-right-width: 0;*/
border-top:0;
border-bottom:0;
text-decoration: none;
background: #FFFFFF;
color: #000000;
font: bold 12px Tahoma;
text-align:left;
}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
border-top: 2px solid #FFFFFF;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
text-align:left;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 110px; /*width of sub menu levels*/
padding: 5px 10px;
background: #FFFFFF;
border-width: 0 0px 0px 0px;
color: #000000;
font: 12px Verdana;
border: 1px solid #A5A5A5;
border-top:0;
}

.horizontalcssmenu ul li a:hover{
/*color: #54502D;*/
background: #E2E2E2;
}

.horizontalcssmenu ul li ul li a:hover{
/*text-decoration: underline;*/
/*text-decoration: 5px solid #00A8E7;*/ 
}

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
background: transparent url(images/menuarrow.gif) no-repeat center left;
}


/************** destino dentro del menu lugar ****************/

destino{
font: 13px Verdana;
margin: 0px;
padding: 10px;
text-align:right;
color: #000000;
}

/************** banderas ****************/

.banderas{
position:relative;
left:30px;
top:70px;
}


/************** right top menu ****************/

#rightmenu{
font: 12px Verdana;
margin: 0px;
padding-bottom:10px;
padding-top:10px;
text-align:right;
font-weight:normal;
}

#rightmenu a{
	color: #635E35;
	font-weight:normal;
}

#rightmenu a:hover{
	text-decoration: none;
	background-color: #FFFFFF;
	font-weight:normal;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}



/************** bottom menu ****************/

#bottommenu{
	background-image: url(images/footer22.jpg);
	background-repeat: no-repeat;
	clear:both;
	font: 11px Verdana;
	margin:0px;
	font-weight:normal;
	line-height:18px;
	text-align:left;
	height:360px;
}

#bottommenu a{
	color: #666666;
	font-weight:normal;
	text-decoration: none;
}


#bottommenu a:hover{
	text-decoration:underline;
	background-color:#FFFFFF;
	font-weight:normal;
}

#bottommenu div {
	padding-top: 120px;
	padding-bottom:30px;
	padding-left:120px;	

}

h3.bottommenuHeading{
	font: 14px Verdana;
	margin: 0px;
	font-weight:normal;
	padding-bottom:12px;
}


/************** apuntate ahora menu ****************/

#apuntatemenu{
	font: 14px Verdana;
	margin: 0px;
	padding: 10px;
	text-align:center;
	font-weight:bold;
}

#apuntatemenu a{
	color: #FFFFFF;
	font-weight:normal;
}


#apuntatemenu a:hover{
	text-decoration: none;
	background-color: #00A8E7;
	font-weight:normal;
}

/************** send to a friend menu ****************/

#recomendar{
	font: 14px Verdana;
	color: #00A8E7;
	margin: 0px;
	padding: 10px;
	text-align:center;
	font-weight:bold;
	background-color:#FFFFFF;
}

#recomendar a{
	color: #00A8E7;
	font-weight:normal;
}


#recomendar a:hover{
	text-decoration: none;
	background-color: #FFFFFF;
	font-weight:normal;
}

/************** invisible object ****************/


#invisibleobject {
     visibility: hidden;
}

/************** h's ****************/

h1{
	/*font-family: Georgia;
	font-size: 26px;*/
	font-family: Verdana;
	font-size: 22px;	
	color: #00A8E7;
	font-weight: bold;
	padding-top:0px;  /* <---! ESTA ES LA DIFERENCIA CON IE --->*/
}

h2{
	/*font-family: Georgia;
	font-size: 20px;*/
	font-family: Verdana;
	font-size: 18px;
	color: #00A8E7;
	font-weight: bold;
	padding-top:0px;
}

h3 { font-size: 90%; font-weight: bold; color: #000000; margin-top: 8px; margin-bottom: 8px; display: block; }


bottom{
font: 11px Verdana;
	color: #4F4F4F;
}

ul {
	list-style: none;
	margin-left: 0;
	padding-left: 2em;
	text-indent: 0em;
	}
	

/************** boton newsletter Espanol ****************/

.buttonnews {
	display:block;
	width:178px;
	height:80px;
	text-indent:-9999px;
}
.buttonnews a {
	display:block;
	width:100%;
	height:100%;
	/*background:transparent url(images/get-newsletter-es.png) no-repeat top left;*/
	background:transparent url(images/boletin.jpg) no-repeat top left;
	outline:none;
}
.buttonnews a:hover {
	background-position:0 0px;
	/*background-position:0 -30px;*/
}


/************** boton newsletter Ingles ****************/

.buttonnewsen {
	display:block;
	width:150px;
	height:30px;
	text-indent:-9999px;
}
.buttonnewsen a {
	display:block;
	width:100%;
	height:100%;
	background:transparent url(images/get-newsletter.png) no-repeat top left;
	outline:none;
}
.buttonnewsen a:hover {
	background-position:0 0px;
	/*background-position:0 -30px;*/
}	

/*******************/
body {
	/*background-image: url("bbb3.jpg");*/
	background-color: #E2E2E2;
}


.oneColFixCtr #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 0px solid #918D60;*/
	border: 1px solid #D9D7C8;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding:0px;
}
.oneColFixCtr #mainContent {
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.clearb {
	clear: both;
}

.style1 {font-size: 11px; font-family: Verdana; color: #000000;}

.style2 {
	font-family: Verdana;
	font-size: 12px;
	color: #FFFFFF;
	font-weight:bold;
}

.style3 {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
}

.style4 {
	font-family: Verdana;
	font-size: 12px;
	color: #FFFFFF;
}

.style5 {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
}

.style6 {
	font-family: "Lucida Grande";
	font-size: 14px;
	color: #000000;
	line-height: 17px;
}

.style7{
	/*font-family: Georgia;
	font-size: 26px;*/
	font-family: Verdana;
	font-size: 22px;	
	color: #00A8E7;
	font-weight: bold;
	padding-top:0px;  /* <---! ESTA ES LA DIFERENCIA CON IE --->*/
}

.style8{
	/*font-family: Georgia;
	font-size: 26px;*/
	font-family: Verdana;
	font-size: 30px;	
	color: #00A8E7;
	font-weight: bold;
	padding-top:0px;  /* <---! ESTA ES LA DIFERENCIA CON IE --->*/
}

.style17 {
	font-family: Verdana;
	color: #00A8E7;
	font-weight: bold;
	font-size: 13px;
}

.style18 {
	font-family: Verdana;
	color: #00A8E7;
	font-weight: bold;
	font-size: 14px;
}

.style19 {
	font-family: Verdana;
	color: #00A8E7;
	font-weight: bold;
	font-size: 12px;
}

.style20 {
	font-family: Verdana;
	color: #FF0000;
	font-weight: bold;
	font-size: 12px;
}

.style21 {
	font-family: Verdana;
	color: #00A8E7;
	font-weight: bold;
	font-size: 10px;
}

.style25 {
	font-family: Verdana;
	/*color: #918D60;*/
	color:#5E5C3E;
	font-weight: normal;
	font-size: 12px;
}

.style_botton {
	font-family: Verdana;
	color:#000000;
	font-weight: bold;
	font-size: 12px;
}


.style333 {
	font-family: Verdana;
	font-size: 13px;
	color: #000000;
}

.style3333{
	font-family: Verdana;
	font-size: 14px;
	color: #ffffff;
	/*font-weight: bold;*/
	background-color: #00A8E7;
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
}


/******* CODA SLIDER ************/
		
		img { border: 0 }

		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 4px solid #00A8E7; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 600px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 400px;
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 600px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}

               .wrapperImg { / Wrapper to give some padding in the panels, without messing with existing panel width */
                       padding: 10px;
                       line-height: 380px;
               }

               .wrapperImg img {
                 vertical-align:middle;
               }
			   		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-family: Verdana;
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0px;
			min-width: 27px;
		}
		
		.stripNav li a {  background: #000; color: #fff;text-decoration: none; }

		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #00A8E7;
			color: #635E35

		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 200px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL, .stripNavL a:hover{
			background: url("coda-slider/images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR, .stripNavR a:hover {
			background: url("coda-slider/images/arrow-right.gif") no-repeat center;
		}
		
		

/******* IMAGE CAPTION HOME PAGE ************/

.ImgCaptMain{
	/* only need a width if it's not inheriting one
 	width:; */
	position:relative;
}

.ImgCaptDescBox{
	position:absolute;
	bottom:0;
	right:0;
	/* since it's positioned absolutely it will need a width, but not height,
       that would fill the entire box covering the image */
	width:150px;
}


.ImgCaptDesc{
	background:#333333;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;

	padding:5px;
	color:#fff;
	font-weight:normal;
	font-size:.785em;
	text-align:left;
}		
		
		

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

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/pro_dropline7.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#dropline {position:relative; font-size:12px; height:38px; background:url(pro_dropline7/back2.gif);}

#dropline, #dropline ul {padding:0; margin:0; list-style:none; width:780px;}

#dropline table {border-collapse:collapse; margin:-1px -10px; 0 0; padding:0; width:0; height:0; font-size:12px;}

#dropline li {float:left; height:38px; margin-right:1px;}
#dropline li a {float:left; display:block; height:38px; line-height:38px; padding:0 30px 0 10px; font-family:arial, sans-serif; font-size:12px; color:#fff; text-decoration:none; font-weight:bold;}
#dropline li a.down {background:url(pro_dropline7/down.gif) no-repeat right center;}
#dropline li ul li a.down {font-size:15px; color:#ff0; font-weight:normal;}

#dropline a:hover {background:transparent;}

#dropline li a:hover {white-space:nowrap; color:#444;}
#dropline li a.down:hover {white-space:nowrap; color:#444; background:url(pro_dropline7/down-over.gif) no-repeat right center;}

#dropline li:hover > a {color:#444;}
#dropline li:hover > a.down {color:#444; background:url(pro_dropline7/down-over.gif) no-repeat right center;}

#dropline li ul {position:absolute; top:38px; left:-9999px; z-index:10; background:url(pro_dropline7/sub-back.png) left top;}
#dropline li ul.floatRight li {float:right;}

#dropline :hover ul,
#dropline :hover ul :hover ul,
#dropline :hover ul :hover ul :hover ul,
#dropline :hover ul :hover ul :hover ul :hover ul,
#dropline :hover ul :hover ul :hover ul :hover ul :hover ul {left:0; background:url(pro_dropline7/sub-back.png) left bottom;}

#dropline :hover ul ul,
#dropline :hover ul :hover ul ul,
#dropline :hover ul :hover ul :hover ul ul,
#dropline :hover ul :hover ul :hover ul :hover ul ul {left:-9999px; top:38px; background:transparent;}
/*******************/

	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */