body{
	font-family: Arial;
	color:#333;
	font-size:12px; 
	
	margin-left:   0px;
	margin-top:    0px;
	margin-right:  0px;
	margin-bottom: 0px; 
	
	background:url(imgs/background.jpg) center top #000; 
	
	/*
	background-color:#FFF; 
	background-image:url(imgs/fondo.png) ;
	background-position:left top; 
	background-repeat: repeat-x; */
}

a:link  { text-decoration: none; outline:none; }
a:visited { text-decoration: none; }
a:hover  { text-decoration: underline;}

.mouseLink       { cursor:default; }
.mouseLink:hover { cursor:pointer; }

.divPad5{
	padding-left:5px; 
	padding-right:5px; 
	padding-top:5px; 
	padding-bottom:5px; 
}

.divPad10{
	padding-left:10px; 
	padding-right:10px; 
	padding-top:10px; 
	padding-bottom:10px; 
}

/*::::::::::::::: Contenedores :::::::::::::::::::::::::::  */
.contBanda{ 
	height:25px; 
	background-color:#030303; 
	/*background-image:url(imgs/bg_banda2.jpg); */
	background-position:left top; 
	/*background-repeat:repeat-x;*/
}

.bandaHeader{ 
	background-image:url(imgs/bg_barrita.jpg); 
	background-position:left top; 
	background-repeat:repeat-x; 
	height:33px;
}
.contenHead{ 
	overflow:hidden;
	width:980px;
	margin:auto;  
	text-align:center;
}

.contFooter{ 
	background-image:url(imgs/bandita.jpg); 
	background-position:left top; 
	background-repeat:repeat-x; 
	background-color:#030303; 
	min-height:100px;
}
.contGralW{ 
	overflow:hidden; 
	width:950px; 
	margin:auto;
}
.contenPag{ 
	overflow:hidden;
	width:950px;
	padding-left:15px; 
	padding-right:15px; 
	padding-bottom:15px;
	margin:auto;  
	text-align:center; 
	background-color:#f8f8f8;
}
.contenColUnica{
	overflow:hidden;
	margin:auto;  
	text-align:center; 
	background-color:#f8f8f8;
}
.contenColIzq{ 
    float:left;
	width:660px; 
	padding-right:10px; 
	text-align:left;
}
.contenColDer{ 
    float:left;
	width:280px; 
	text-align:right;
}

.contColIzqCh{
 	float:left;
	width:390px; 
	padding-right:10px; 
	text-align:left; 
	/*background-color:#FF9;*/
}

.contColDerCh{
 	float:left;
	width:255px; 
	padding-right:5px; 
	text-align:right; 
	/*background-color:#FCC;*/
}
.barritaSep{ 
	background-image:url(imgs/div.jpg); 
	background-position:center top;
	background-repeat:no-repeat; 
	width:10px; 
	height:33px; 
	float:right;
}

/*barras especiales ------------------------- */
.marco{
	overflow:hidden; 
	background-color:#F5F5F5; 
	border-style:solid; 
	border-width:10px; 
	border-color:#FFF; 
    box-shadow: 5px 6px 6px #ededed;
}
.marcoBorde{
	border-style:solid; 
	border-width:1px; 
	border-color:#f4f3f3;
}

.marcoSombra{box-shadow: 5px 6px 6px #ededed;}


.marcoBordeDark{
	border-style:solid; 
	border-width:1px; 
	border-color:#999; 
}
.marcoBco{
	border-style:solid; 
	border-width:3px; 
	border-color:#FFF;
}

.bordeGris{
	border-style:solid; 
	border-width:1px; 
	border-color:#CCC;
}

.bgTitulos{  
 background-color:#333333; 
 padding-left:15px; 
 padding-right:15px; 
 padding-top:10px
}
.bgTitulo{
	height:19px; 
	padding-top:5px; 
	background-image:url(imgs/bg_headertexto.jpg); 
	background-position:left top; 
	background-repeat:repeat-x; 
	font-size:12px; 
	color:#F5F5F5; 
	text-align:center;
}
.barDash{ 
    overflow:hidden; 
    font-size:1px; 
	height:1px; 
	background-image:url(imgs/barra_dash.png); 
	background-position:left top; 
	background-repeat:repeat-x;
}

.bandaIco1{ 
   cursor:default; 
	background:url(imgs/flechita_item.png) 10px 10px no-repeat; 
	background-color:#e3e3e3; 
	
	color:#666666; 
	font-size:12px; 
	font-family:Arial;
	
	text-align:left; 
	padding-left:25px; 
	padding-right:10px; 
	padding-top:5px; 
	padding-bottom:5px;
}
.bandaIco1:hover{ 
    cursor:pointer; 
}

.bandaIco2{ 
	cursor:default; 
	background:url(imgs/flechita_item.png) 10px 10px no-repeat; 
	background-color:#cccccc; 
	
	color:#000; 
	font-size:12px; 
	font-family:Arial;
	
	text-align:left; 
	padding-left:25px; 
	padding-right:10px; 
	padding-top:5px; 
	padding-bottom:5px;
}

.bandaIco2:hover{ 
    cursor:pointer; 
}

.barraTit1{ font-size:11px; font-weight:bold; color:#333333; font-style:italic}
.tablaStilo{ border-style:solid; border-width:2px; border-color:#999;}
.tablaHead{ 
	padding:10px; 
	background-color:#FFF; 
	font-family:Arial; 
	font-size:18px; 
	color:#333; 
	font-weight:bold; 
	text-align:center;
	
	 border-style:solid; 
	 border-width:2px; 
	 border-color:#FFF;
}
.tablaCelda{ 
	padding:10px; 
	font-size:12px; 
	color:#333; 
	text-align:left;
	border-style:solid; 
	border-width:2px;
	border-color:#FFF;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
.textGde{ font-family:Arial; font-size:23px; color:#666; font-weight:bold}
.textEsp{ font-family:Arial; font-size:11px; color:#999; font-weight:bold }
.textObs14{ 
	font-family:Arial; 
	font-size:14px; 
	color:#000;
}

.textObs12{ 
	font-family:Arial; 
	font-size:12px; 
	color:#000;
}
.textObs11{ 
	font-family:Arial; 
	font-size:11px; 
	color:#000;
}
.textMed12{ 
	font-family:Arial; 
	font-size:12px; 
	color:#999;
}

.tag{ 
	font-family:Arial; 
	font-size:13px; 
	color:#666666;
}

.tagRes2{ 
	font-family:Arial; 
	font-size:12px; 
	color:#ff8302; 
	font-weight:bold;

	background: url(imgs/flechitaazul.png) 0px 2px no-repeat; 
	/*background: url(imgs/flechitaazul.png) url(imgs/flechillanaranja.png) 0px 3px no-repeat; */

	padding-left:12px; 
	padding-top:0px; 
	padding-bottom:2px; 
	padding-right:0px; 
}

.textTitSec{ 
	font-family:Arial; 
	font-size:14px; 
	color:#666; 
	font-weight:bold;
	
	text-shadow: #CCC 2px 2px 4px;
}

.textTitulo{ 
	font-family:Arial; 
	font-size:22px; 
	color:#000; 
	font-weight:bold;
}
.textFecha{ 
	font-family:Arial; 
	font-size:11px; 
	color:#999;
}

.textDesc{ 
	font-family:Arial; 
	font-size:12px; 
	color:#666; 
}
.textConten{ 
	font-family:Arial; 
	font-size:13px; 
	color:#333;
}

.textFooter{ 
	font-family:Arial; 
	font-size:13px; 
	color:#F5F5F5;
}

.textCabecera{ 
    text-transform:uppercase;
	font-family:Arial; 
	font-size:15px; 
	font-weight:bold; 
	color:#999;
}

/*  para vip */
.textCabecera{ 
    text-transform:uppercase;
	font-family:Arial; 
	font-size:15px; 
	font-weight:bold; 
	color:#999;
}
.textOpc{ 
    cursor:default; 
	font-family:Arial; 
	font-size:12px;  
	color:#999; 
	padding:2px;
}
.textOpc:hover{ 
    cursor:pointer;  
	font-family:Arial; 
	font-size:12px;  
	color:#06F; 
	padding:2px;
	
	background-color:#D2F0FF;
	border-radius:2px;
}

.textOpcAct{ 
    cursor:pointer;  
	font-family:Arial; 
	font-size:12px;  
	color:#FFF; 
	padding:4px;
	
	background:url(imgs/arrow.png) 122px 7px #4388BD no-repeat; 
	border-radius:2px;
}
.opcSep{ font-size:1px; height:1px}

.contenModVip{ 
	padding:15px; 
	background-color:#F5F5F5;
	border:solid 1px #E5E5E5; 
	border-radius:3px;
	box-shadow: 5px 6px 6px #CECECE;
}

.TitWalp{ 
    cursor:default; 
	text-align:center; 
    overflow:hidden; background:url(imgs/hd.png) #000 160px 4px no-repeat;
	color:#FFF;
	font-size:12px; 
	padding:3px; 
}

.TitWalp:hover{ 
    cursor:pointer; 
	color:#09C;
}
.btnNavCarusel{ 
	cursor:default; 
	width:70px; 
	text-align:center; 
	font-family:Arial; 
	font-size:12px;  
	color:#999; 
	padding:3px;
}

.btnNavCarusel:hover{ 
	cursor:pointer;  
	font-family:Arial; 
	font-size:12px;  
	color:#FFF; 
	padding:3px;
	
	background-color:#4388BD;
	border-radius:2px;
}

/*--------- cajas --------------------------------*/

.caja{ 
    height:20px; 
	padding-top:0px; 
	border-width:1px; 
	border-style:solid; 
	border-color:#CCC; 
	background-color:#FFF;
	
	font-family:Arial; 
	font-size:12px; 
	color:#333;
}

.caja: hover{  
	border-color:#999; 
	background-color:#FFF;
}

.cajaCombo{ 
    height:20px; 
	border-width:1px; 
	border-style:solid; 
	border-color:#CCC; 
	background-color:#FFF;
	
	font-family:Arial; 
	font-size:12px; 
	color:#333;
}

.cajaCombo: hover{  
	border-color:#999; 
	background-color:#FFF;
}
/*-------------- EL MENU ------------------------------*/
.contMenu{ 
	height:44px; 
	background-color:#f6f6f6; 
	background-image:url(imgs/bg_menu.jpg); 
	background-position:left top; 
	background-repeat:repeat-x;
}

ul#topnav {
	margin: 0;
	padding: 0;
	list-style: none;
	/*float: left;*/
}

ul#topnav li{
	margin: 0;
	padding: 0;
	overflow: hidden;
	float: left;
	height:44px;
}

ul#topnav a, ul#topnav span {
	padding:11px 10px;
	float:left;
	clear:both;
	width:100%;
	height:22px; 
	background: url(imgs/barr_menu.jpg);
	
	text-decoration: none;
	text-align:left;

	font-size:15px;
	line-height: 20px; 
	color:#000; 
}

ul#topnav a { 
	color:#FFF;
	background-position: left bottom;
}

ul#topnav span { 
	background-position: left top;	
}


/*-----------------------------------------------------*/

.btn{ 
  cursor:default; 
  height:14px; 
  padding-top:2px; 
  padding-bottom:1px; 
  text-align:center; 
  
  border-width:2px; 
  border-style:solid; 
  border-color:#CCC;
  
  background-color:#F5F5F5;
  font-family:Arial; 
  font-size:12px; 
  color:#666; 
  font-weight:bold;
}
.btn:hover{ 
  cursor:pointer; 
  color:#000;  
  border-color:#666;
}

.btnVideo{ 
   cursor:default; 
	width:32px; 
	height:32px; 
	background-image:url(imgs/movies.png); 
	background-position:left top; 
}

.btnVideo:hover{ 
   cursor:pointer; 
}
.btnFoto{ 
   cursor:default;
	width:32px; 
	height:32px; 
	background-image:url(imgs/picture.png); 
	background-position:left top; 
}

.btnFoto:hover{ 
	cursor:pointer; 
}

/*============== PARA EL SLIDESHOW ==================================*/
.marcoSlide{
	border-style:solid; 
	border-width:1px; 
	border-color:#f4f3f3;
}
.contenSlide{
	overflow:hidden; 
	width:637px; 
	height:457px;
	margin:auto; 
	background-color:#F5F5F5; 
	border-style:solid; 
	border-width:10px; 
	border-color:#FFF; 
	/*
	outline-width:1px; 
	outline-style:solid; 
	outline-color:#f4f3f3;
	*/
	/*border-radius:5px;*/
    box-shadow: 5px 6px 6px #ededed;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 635px; /*Width of Carousel Viewer itself*/
height: 475px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left;
overflow: hidden; 
width: 635px; 
height:476px;
}
.contImgSlide{ overflow:hidden; float:left; width:635px; height:366px;}

.contThumbsSlide{
	overflow:hidden; float:right; 
	height:64px; 
	width:280px; 
	position:relative; 
	top:380px; 
	right:10px
}
.contFotoSlide{
	float:left; 
	width:82px; 
	padding-left:9px
}
.bordeThumbSlide{
	border-style:solid; 
	border-width:2px; 
	border-color:#000; 
}

.bordeThumbSlide2{
	border-style:solid; 
	border-width:2px; 
	border-color:#FFF; 
}

.barraContText{ 
    overflow:hidden; 
	height:80px; 
	padding:5px; 
	background-image: url(imgs/bg_barratexto.jpg); 
	background-position:left top; 
	background-repeat:repeat-x; 
	background-color:#cccccc;
}
.barrText{ 
    overflow:hidden; 
	width:290px; 
	height:80px; 
	padding-left:45px; 
	padding-top:17px; 
	background:url(imgs/flecha_text.png) 5px 20px no-repeat ; 
}
.textLink{ 
	font-family:Arial; 
	color:#000; 
	font-size:16px; 
	font-weight:bold;
}

/*==========================================================================*/



/* :::::::::Wrapper :::::::::::::::::::::::::::::::::::::: */
.wrapperCenter{ 
	position:absolute; 
	z-index:998; 
	width:500px;
	height:400px;  
	
	display:none;
	
	background-color:#FFF; 
	
	border-style:solid; 
	border-width:5px; 
	border-color:#FFF;
	border-radius:5px;
}

.wrapClose{ 
	position:relative; 
	z-index:999; 
	float:right; 
	width:30px; 
	height:30px; 
	
	top:-15px; 
	left:15px; 
	
	cursor:default;
}

.wrapClose:hover{ 
	cursor:pointer;
}
.maskWrapper{ 
	display:none;
	position:absolute; 
	z-index:900; 
	
	background-color:#000;
	-moz-opacity: 0.9;
    opacity: .90;
    filter: alpha(opacity=90);
}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.groupBox{
	border-width:1px; 
	border-style:solid;
	border-color:#dddddd; 
	
	padding-left:10px; 
	padding-right:10px; 
	padding-bottom:10px;
	padding-top:10px;
	
	/*box-shadow: 0px 0px 10px rgba(0,0,0,0.24);*/ 
	box-shadow: 15px 15px 15px #b2b2b2;
	/*border-radius: 5px;*/
}
.legendGb{
	font-family: Arial;	
	font-size:16px; 
	color:#294974; 
	
	font-weight:bold; 
	font-style:italic; 
}

.tagObliga{ 
	font-family:Arial; 
	font-size:12px; 
	color:#2c66d8; 
	font-weight:bold;

	background: url(imgs/flechitaazul.png) 0px 1px no-repeat; 

	padding-left:15px; 
	padding-top:0px; 
	padding-bottom:2px; 
	padding-right:0px; 
}

.textTitSeccion{
	font-family:Arial; 
	font-size:30px; 
	line-height:31px; 
	color:#294974; 
	font-weight:bold; 
	padding:5px; 
	padding-left:15px;
	
	text-shadow: 2px 2px 2px #b2b2b2; 
	background-color:#fefcfc;
	text-align:left;
	
	border-style:solid; 
	border-width:1px; 
	border-color:#F5F5F5;
	border-radius:5px; 
	
	background-color:#fefcfc;
}

.textMensaje{
	font-family:Arial; 
	font-size:12px; 
	line-height:15px; 
	color:#333; 
	padding:10px; 

	text-align:left;
	
	border-style:solid; 
	border-width:1px; 
	border-color:#F5F5F5;
	border-radius:5px; 
	background-color:#fefcfc;
}