/*BoszTemplate v2.1*/

/********** General Definitions **********/
@font-face {
font-family: HBoszDigital;
src: url('../css/font/Helvetica.otf');
}

* {margin: 0;padding: 0;}
.clear {clear: both;}

body {background-color:#000;background-repeat: no-repeat;background-position: top;}

a{color:#ecc200;text-decoration: none;outline: none;}
a:hover{ color:#ecc200;text-decoration: underline;}
a img{border:none; outline: none;}
.oculto {display:none;}



p{font-family: Arial, Helvetica, sans-serif;color: #e5e5e5;font-size: 12px;margin: 5px 0;text-align: justify;float:left; width: 100%;}
#variableContent p{clear: both;}

h1{font-size:28px;font-family:Helvetica, HBoszDigital, Arial, sans-serif;color:#ecc200;
margin:0px 0 10px 0; font-weight: normal;float:left; clear: both;}
h2{width: 296px;font-family:Helvetica, HBoszDigital, Arial, sans-serif;clear: both;color:#747678;
font-size:22px;margin-bottom:10px ; font-weight: normal;}
h3{font-family:Helvetica, HBoszDigital, Arial, sans-serif;;color: #FFF;font-size: 21px;clear: both;margin: 0;font-weight:normal;}
h3 a{color: #FFF; text-decoration:none;}h3 a:hover{ text-decoration:none;}
h3 span{color:#ecc200;}
h4{color:#ecc200;font-family:Helvetica, HBoszDigital, Arial, sans-serif;;font-size:18px; font-weight: normal; clear: both;}
h4 a:hover{text-decoration:none;}
h5{color:#666;font-family:Helvetica, HBoszDigital, Arial, sans-serif;;font-size:18px; font-weight: normal; margin-top:10px; }
h6{color:#ecc200;font-family:Helvetica, HBoszDigital, Arial, sans-serif;;font-size:30px; font-weight: normal;  text-transform: uppercase;}
h3 span {color:#ecc200;}
/********** Layout **********/

#layout{width: 960px;height: auto;margin: 10px auto;display: block;}
#language{width: 960px; height: 15px; text-align:right; margin: 0 auto;display: block; font-size:12px; color:#7f7f7f; padding: 3px 5px 0 0}
#language a {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#7f7f7f}
#language a:hover {color:#ecc200; text-decoration:none; outline: none;}
/*header*/

#header{width: 960px;height: 97px;display: block;position:relative;background: url(../images/layout/headerbg.jpg) no-repeat; margin-bottom:5px;}


#logo {width:182px; height:34px; display:block; position:absolute; border:0px; top:35px;left:25px;}


#logo {width:182px;height:34px;display:block;position:absolute;border:0px; top:35px; left:25px; }


p#quote{width:310px;position:absolute;right:40px;top:10px; text-align:left;}
span.titlequote{color:#888;	font-size:14px;clear: both;}	
span.textquote{color:#fff;	font-size:15px;}	

ul#selectLanguage{width:60px;height:38px;position:absolute;right:-60px;
top:120px;list-style:none;margin:0;}
ul#selectLanguage li a  {width:60px;height:19px;text-decoration:none;border:none;}
ul#selectLanguage li a img {text-decoration:none;border:none;}

/********** Content Area **********/
		
#content{width: 960px;height: auto;margin: 0 auto;display: block;background: url(../images/layout/bg.png) repeat; padding-bottom:20px;}

/*MainMenu*/

#navBar{width: 170px;height: auto;display: block;float:left; padding-bottom:30px;}

ul#mainMenu{width:102px;height:auto;margin:0 auto;list-style:none;}
ul#mainMenu li{width:102px;display:block;margin-bottom:20px;}
ul#mainMenu li a{width:102px;height:auto;display:block;color:#b4b4b4; 
padding-top:15px; padding-bottom:6px; text-decoration:none;font-family: Helvetica, HBoszDigital, Arial, sans-serif;border-bottom: 1px dashed #3f3f3f;outline: none;}

ul#mainMenu li a:hover{text-decoration:none; color:#ecc200;}
ul#mainMenu li img{border:none;}

.afuegolentobutton {width: 90px;height: 65px;display: block;margin:0 auto;border:none;}	

/* VariableContent*/ 

#variableContent{width: 750px;height: auto;display: block;float:left;
background: url(../images/layout/contentbg.png) no-repeat left top; padding-top:20px; margin:0 auto; }
#textBox{width: 370px; height:auto; float:left; }
#textBox ul{list-style:none; width: 340px;}

#textBox ul li{margin-bottom:20px;width: 340px;  float:left;}

#textBoxHome {width: 370px; height:auto; float:left; }

#textBoxHome span.blanco{color:#FFF; font-size: 22px}
#textBoxHome span.amarillo{color:#ecc200; font-size: 36px}
#textBoxHome p{line-height: 17px; letter-spacing: 1px; font-size: 13px}

.columnleft{width: 350px; height:auto; float:left; }

.columnright{width: 350px; height:auto; float:right; padding-top:39px;}

#bottomBox{width: 750px; height:auto; float:left; margin-top:10px; position: relative;}
#sidebar{width: 370px;float:left;height: 575px}   
#variableContent p{ clear: both;}


/********** Footer Area **********/

#footer{width: 880px;height: 53px;margin: 5px auto 10px auto;display: block;float:left;clear:both;padding:15px 40px 0 40px;background-image: url(../images/layout/footerbg.png);}
#footer a{color:#747678;}#footer a:hover{color:#ecc200;}
.creditText{width:auto; float:left; font-family:Helvetica, HBoszDigital, Arial, sans-serif; color:#747678; padding-top:9px; }.footerNav{ width:auto; color:#747678;  font-family: Helvetica, HBoszDigital, Arial, sans-serif;  float:left; margin-left:40px ;padding-top:9px;}


ul#socialBox{list-style:none;float:right;width:260px;height:37px; }	

ul#socialBox li{width:auto;height:37px; display:block; float:left; text-indent:-9999px; margin:0 2px;}	
ul#socialBox li a{outline: none;}

.tressesentaSocial a{width:121px;height:37px; display:block; background:url(../images/layout/360.png) no-repeat bottom; }
.tressesentaSocial a:hover{background-position:top; }
.twitterSocial a{width:38px;height:37px; display:block; background:url(../images/layout/ico-2.png) no-repeat top; }
.twitterSocial a:hover{background-position:bottom; }
.facebookSocial a{width:38px;height:37px; display:block; background:url(../images/layout/ico-3.png) no-repeat top; }
.facebookSocial a:hover{background-position:bottom; }
.flickrSocial a{width:38px;height:37px; display:block; background:url(../images/layout/ico-4.png) no-repeat top; }
.flickrSocial a:hover{background-position:bottom; }

/********** Specific Styles by page **********/

/*Home*/
#showcaseBox{width: 310px;height:260px;
float:right; margin-left:30px;
background: url(../images/layout/showcasebg.png) no-repeat center bottom; position:relative; }
.post{width: auto;height: 178px;border-bottom:1px dashed #CCCCCC;margin-bottom:0; float:left; display: block; float: left;  }
.post p{clear: none; }
.infoPost{font-size:10px;color:#ecc200;width: 275px; clear: none; }
.pages{width: 275px;height: auto;margin: 0 auto;}
#flashevent{ border:0px;}

/* Agencia*/
#tabbedBox{width: 734px; height:140px; float:left;background:url(../images/layout/tabboxBg.png) no-repeat; }
#flashAgencia{width: 388px; height: 347px;  float:left;}
#flashDetails{width: 320px; height: 294px; float:right; background:url(../images/layout/flashdetails.png) no-repeat scroll 0 0; margin-top:20px; padding:13px;}
#flashDetails img{float:left; margin-right:10px;}
#flashDetails p {display: block;float: left;width:311px;height: 190px;overflow: auto;line-height:16px;color:#888;padding-right: 5px;
	margin: 0px;
}
.pdfIcon{float:right; width: 187px; height:18px; position:relative; top:-25px;background:url(../images/layout/pdf.png) no-repeat right top; padding-top:2px;}
.pdfIcon a{color:#666; text-decoration: none;}
.pdfIcon a:hover{ color:#ecc200;}

#tabbedBox ul{width: 734px; float: left; list-style: none; }
#tabbedBox ul li{ width: 142px; height: 43px; float: left;}
#tabbedBox ul li a{  width: 92px; height: 23px; font-family: Helvetica, HBoszDigital, Arial, sans-serif; font-size:12px;
padding:20px 0 0 50px}
#tabbedBox ul li a:hover{  text-decoration:none; }

li.crFlag a{width: 142px; height: 43px; background:url(../images/agencia/flag-1.png) no-repeat top; display:block;}
li.crFlag a:hover{ background-position:bottom;}

li.guaFlag a{width: 142px; height: 43px; background:url(../images/agencia/flag-2.png) no-repeat top; display:block;}
li.guaFlag a:hover{ background-position:bottom;}

li.salvFlag a{width: 142px; height: 43px; background:url(../images/agencia/flag-3.png) no-repeat top; display:block;}
li.salvFlag a:hover{ background-position:bottom;}

li.hnFlag a{width: 142px; height: 43px; background:url(../images/agencia/flag-5.png) no-repeat top; display:block;}
li.hnFlag a:hover{ background-position:bottom;}

li.pnFlag a{width: 142px; height: 43px; background:url(../images/agencia/flag-4.png) no-repeat top; display:block;}
li.pnFlag a:hover{ background-position:bottom;}


#tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5{padding:5px 10px;width:714px; float:left}
.hiddenTab{display: none;}


/* socios comerciales */
#cliente{height:260px; width: 750px;}
#variableBox {background-image: url(../images/layout/bgvariableContent.png);background-repeat: no-repeat;padding: 0px;height: 271px;width: 750px;margin: 20px 0 0 0;float: left;}
#sociosList {margin: 0 0 0 5px;padding: 0px;}
.scroll-pane2 {overflow: auto;margin: 10px 0 0 5px;width: 740px;height:250px;}
#sociosList img {border-right: dashed 1px #c0c0c0;border-bottom: dashed 1px #c0c0c0;}
#sociosList img a {float: left;margin: 0px;padding: 2px;}
.loading{margin:0 auto;width: 70px; height: 64px; display:block; text-aling:center; position: relative; top:60px;}

/* Contacto */	
.ocultar, #logocontrol, [dir='ltr'] {visibility: hidden;}
.raicesBox {margin: 30px 0 30px 0; float: left; height: 400px; width: 720px;}
.txtMap {font-family: Arial, Helvetica, sans-serif;color: #222;}


/* Talento */
#cu3er {background: url(../images/gente/shadow-cu3er.png) no-repeat -40px bottom;height: 290px;width:750px;float: left;margin: 23px 0 0 0;}
#perfil {height: 120px;width: 750px;background: url(../images/gente/bg-perfil2.png) no-repeat;float: left;margin: 0 0 10px 0;}
#perfil ul{display: list-item;list-style-type: none;margin: 12px 15px -10px 17px;}
#perfil h3{font-size: 18px}
#perfil li{padding-bottom: 8px;list-style-type: none;}
#perfil .perfilSocial a {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;color: #FFF;text-decoration: none;}
#perfil .perfilSocial a:hover {color: #ecc200;text-decoration: none;}
#perfilLeft {margin: 0 0 0 10px;padding: 0px;float: left;height: 100px;}
.perfilSocial {margin: 5px 0 20px 0;float: left;width: 132px;padding: 0;}
.perfilSocial li{ display:inline-block; margin:0 1px}
.perfilRight {padding: 0px;float: left;width: 200px}
.twitterIcon a{width:25px;height:25px; display:block; background:url(../images/gente/icon_twitter3.png) no-repeat top; float:left }
.facebookIcon a{width:25px;height:25px; display:block; background:url(../images/gente/icon_facebook3.png) no-repeat top;float:left }
.linkedinIcon a{width:25px;height:25px; display:block; background:url(../images/gente/icon_linkedin3.png) no-repeat top;float:left }
.perfilscroll {text-align: justify;float: left;width: 295px;}


/* Perfil Scroll Styles */

					
.holder {float: left;}
.scroll-pane {width: 255px;height: 100px;overflow: auto;padding-right: 10px;margin: 10px 0 0 15px;}
.scroll-paneW {width: 485px;height: 100px;overflow: auto;padding-right: 10px;margin: 10px 0 0 15px;}
#pane1 {margin: 0px;padding: 0px;}

/********** Jquery Styles **********/

/* Styles for carousel */	
.jcarousel-skin-tango .jcarousel-container {width:318px;height:140px;padding-top:20px;
background:url(../images/layout/galleryboxBg.png) no-repeat;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width: 260px;height: 75px;margin:0 auto;}
.jcarousel-skin-tango .jcarousel-item {width: 80px;height: 80px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {color: #000;}

.jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute;top: 43px;right: 5px;width: 16px;height: 21px;cursor: pointer;
 background: transparent url(../images/layout/rightarrow.png) no-repeat 0 0;}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background: transparent url(../images/layout/rightarrow.png) no-repeat 0 0;}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {cursor: default;background-position: -96px 0;}

.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top: 43px;left: 5px;width: 16px;height: 21px;
cursor: pointer;background: transparent url(../images/layout/leftarrow.png) no-repeat 0 0;}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background: transparent url(../images/layout/leftarrow.png) no-repeat 0 0;}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: -96px 0;}

/* Styles for Cycle and Slider at Home */	

#cycle{height: 221px; width: 299px;margin:12px 0 0 4px; }
.pics { height: 221px; width: 299px; padding:0; margin:0; overflow: hidden }
.pics img { height: 221px; width: 299px;  top:0; left:0 }

#prev{display:block; position:absolute; left:260px;top:0px;}
#next{display:block; position:absolute; left:280px; top:0px;}

#slider{width: 370px;height:260px; float:left; position: relative; }
#sliderNoticias{width: 310px;height:260px;overflow: hidden; float:right;position: relative; right:0; }


.mailcolor{color: #888;}

/********** Festival Volcan **********/

#mp3Box {float:right;height:260px;position:relative;width:360px;}

#leftBox{ width:395px; height:225px;  float:left;}

#rightBox{ width:350px; height:auto;  float:left; }

.televisionBox{ width:370px; height:250px;  padding:5px; overflow:auto;}
.graficaBox{ width:350px; height:250px;;  padding:5px;}
.webBox{ width:350px; height:250px;;  padding:5px;}

h2.lightcolor{color:#c9c9c9;}