@charset "UTF-8";
/* CSS Document */
		body{font-family: 'HLight'; color:#333}
		
		.bg{width:100%; height:515px; position:absolute; left:0px; top:0px; z-index:0;  text-align:center; 
		background:#464646 url(../img/loader.gif) center 250px no-repeat; min-width:1024px}
		.bg{ background-color:#464646!important}
		#int .bg{height:370px;}
			.bginit{background:url(../img/picdemo1.jpg) center -100px no-repeat; width:100%; height:100%; float:left}
			.bg img{margin-top:-100px}
		
			.bgc1{width:50%; height:100%; background:#56C6EE; float:left}
			.bgc2{width:50%; height:100%; background:#53B9DF; float:left}
		.contenedor{width:1000px; margin:0 auto; position:relative; z-index:1; margin-top:515px}
		
		.blue{float: left; width:100%; background:#BBB3AB; height:auto; padding-top:35px; padding-bottom:35px; margin-top:40px;min-width:1024px}
			.content{ float:left; width:43%; margin-left:3.5%; margin-right:3.5%; position:relative}
				.content h2{float:left; font-family:Rbold; font-size:26px; width:100%; margin:0px; margin-bottom:10px; 
				color:#fff; background:url(../img/bggray.jpg) bottom left no-repeat; padding-bottom:10px}
				.content p{ float:left; font-family:RLight; font-size:15px; color:#333333}					
					.content.cert p{ width:54%}
					
				.content a{ background:#A29B94 url(../img/arrow.png) 78px center no-repeat; padding:6px 16px; padding-right:25px;  font-family:HBold; color:#fff; 
			text-decoration:none; font-size:11px; margin-top:10px;transition:all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;
			float:left; display:block; margin-right:150px}	
					.content a:hover{background-color:#333; background-position:83px center}
					
				.content img{ position:absolute; right:5px; top:0px}
			.insideblue{width:1000px; margin:0 auto; background:url(../img/bgcontent.png) center center no-repeat; height:150px}
			
		#int .contenedor{margin-top:370px}
			.contenido{float:left; width:1000px; height:auto; /*background:url(../img/bgc1.jpg) center top no-repeat*/}
			
			.topnav{height:147px; margin:0 auto; width:100%; position:relative;
			z-index:99; margin-top:0px; position:absolute; background:url(../img/bgtop.png) center top no-repeat}
			.insider{width:1000px; margin:0 auto; position:relative; margin-top:0px;
			height:auto; }
				.insider2{float:left; width:100%; position:relative}
					.logo{ float:left; padding:15px 0px; height:83px; z-index:99; margin-left:130px}
						.logo img{margin:0px}				
					.topnav .telefono{background:url(../img/iconos.png) 0px -15px no-repeat; font-size:13px; padding-left:20px; position:absolute; top:0px; left:20px; height:15px; line-height:15px; color:#333; margin-top:5px}
				
				
				.insider2 h1{font-family: 'OLight'; font-size:45px!important; color:#fff;
	 line-height:55px!important; letter-spacing:0px; width:100%; display:block; /*text-shadow:0px 1px 2px #000,0px 1px 2px #000;*/
	 text-align:left; text-shadow:0px 0px 5px #333,0px 0px 10px #333,0px 3px 2px rgba(0,0,0,0.5)!important; position:absolute; left:0px; top:180px!important; width:450px!important}
	 			.insider2 h1 b{ font-family:"OBold"; font-weight:normal; font-size:62px!important}
					
			p.call{ float:right; margin-right:20px; margin-top:15px;color:#333333; font-size:22px; font-family:OBold}
			p.call span{float:left; margin-top:3px}
			p.call b i{ background:url(../img/phone.png); width:13px; height:21px; float:left; margin-right:5px; margin-top:3px}
			p.call b{ padding:10px; color:#fff; font-family:OLight; font-size:14px; border-radius:50px; margin-right:15px;text-shadow:0px 1px 2px #333; padding-bottom:5px; padding-top:5px;
			background: #c38201; /* Old browsers */
			background: -moz-linear-gradient(top,  #c38201 0%, #fec01e 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c38201), color-stop(100%,#fec01e)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #c38201 0%,#fec01e 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #c38201 0%,#fec01e 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #c38201 0%,#fec01e 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #c38201 0%,#fec01e 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c38201', endColorstr='#fec01e',GradientType=0 );
			box-shadow:inset 0px 1px 0px rgba(0,0,0,0.3),inset 0px 2px 0px rgba(255,255,255,0.3),
						0px 1px 0px #333,0px 1px 2px #333,0px 1px 2px rgba(0,0,0,0.5); padding-left:15px; padding-right:15px;
			font-weight:normal; float:left; line-height:25px}
					
			.topnav ul.principal{float:left;margin:0px; height:30px;  padding-top:10px; padding-left:45px; padding-right:0px; margin-top:20px; width:auto}
				.topnav ul.principal li{float:left; margin-left:5px; margin-right:5px}
					.topnav ul.principal li a{float:left; line-height:32px; font-family: 'HBold'; position:relative;
					text-decoration:none; font-size:13px; font-weight:normal;
					margin-left:4px; margin-right:4px; 												
					color:#fff; padding-bottom:0px;	
					transition:all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out; height:15px
					}
										
					.topnav ul.principal span{ font-size:9px; font-family:"OLight"; color:#999; margin-top:8px; float:right}
					
					.topnav ul.principal li a.selected,.topnav ul li a:hover{
						border-bottom:1px solid rgba(255,255,255,0.3); padding-bottom:5px; height:30px;												
					}	
					
					
									
		.bullet{float:left; margin-top:10px; width:28%; margin-left:2.5%; margin-right:2.5%}
		.bullet p.circle{width:25%; height:50%; float:left; border-radius:10px; margin-right:3%; overflow:hidden}
			 .bullet p.circle img{ float:left; width:180%; margin-left:-20%}
			
			.bullet h5{ width:68px; height:68px; border-radius:70px; border:1px solid #E33934; overflow:hidden; float:left; margin-right:3%; text-align:center}
				.bullet h5 img{ width:auto; height:95px}
				
			.bullet h4{ font-family:Hbold; font-weight:normal; font-size:15px; float:left; letter-spacing:-1px; width:100%}
			.bullet span p{ font-family:HLight; font-size:12px; margin-top:5px; float:left; line-height:17px; width:100%}
			.bullet a{ background:#D33132 url(../img/arrow.png) 78px center no-repeat; padding:6px 16px; padding-right:25px;  font-family:HBold; color:#fff; 
			text-decoration:none; font-size:11px; margin-top:10px;transition:all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;
			float:left; margin-right:50px}
				.bullet a:hover{background-color:#333; background-position:83px center}
			.bullet span{ float:left; width:72%}	
				
		
		
		/* The Nivo Slider styles */
.nivoSlider {
	position:relative; opacity:0
}
.nivoSlider img {
	position:absolute;
	top:0px; right:0px;
	right:0px; width:560px
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none
}


/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5; right:0px;
	height:100%
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */

.nivo-caption{position:absolute; right:0px; top:250px; z-index:1; width:100%; opacity:1.0; z-index:9999; height:300px}
	
	.nivo-caption a{text-decoration:none; margin-top:0px;
	width:auto; color:#fff; float:left; 
	cursor:pointer; opacity:0; padding:10px 20px; font-size:14px;  border-radius:100px; background:#D33132; font-family:"OBold";
	 text-transform:uppercase; margin-left:20px;text-shadow:0px 1px 2px rgba(0,0,0,0)}
	/*.nivo-caption a:hover{ background-position: right center}*/
			
.nivo-html-caption {
    display:none;
}	

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	z-index:9999;
	cursor:pointer; color:#FFF; background:url(../img/arrows.png) no-repeat
}
.nivo-prevNav {
	right:150px; top:410px; width:31px; height:19px; text-indent:-9999px; background-position:0px 0px!important;
	transition:all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out
}
	.nivo-prevNav:hover{ top:405px}
.nivo-nextNav {
	right:150px; top:437px; width:31px; height:19px;text-indent:-9999px; background-position:0px -26px!important;
	transition:all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out
}
	.nivo-nextNav:hover{ top:442px}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9999;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
.nivoSlider {
	position:relative; margin:0px; top:0px; left:0px;
    width:100%;
    height:515px; overflow:hidden; background-color:#464646!important
}
#interior .nivoSlider{height:330px}
.nivoSlider img {
	position:absolute;
	top:0px;
	right:0px;
	display:none
}
.nivoSlider a {
	border:0; 
	display:block
}


 .nivo-controlNav {
	position:absolute;
	right:50%; margin-right:-42px;
	bottom:20px; width:auto; height:21px; padding:0px; z-index:9999
}

.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer
}
.nivo-controlNav a.active {
	font-weight:bold;
}
.nivo-controlNav a {
	display:block;
	width:24px;
	height:24px;
	background:url(../img/bullet.png) 0px 0px no-repeat;
	text-indent:-9999px;
	border:0;
	margin-left:7px;
	float:left
}
.nivo-controlNav a.active,.nivo-controlNav a:hover {
	background-position:-24px 0px;
}

.nivo-caption span{font-family: 'OBold'; font-size:60px; color:#fff;
	 line-height:60px; letter-spacing:0px; float:left; margin-top:50px; width:100%; display:block; /*text-shadow:0px 1px 2px #000,0px 1px 2px #000;*/
	 text-align:left; text-shadow:0px 3px 2px rgba(0,0,0,0.5),0px 0px 10px rgba(0,0,0,0.7); margin-left:20px;
	 padding-top:30px; background:url(../img/bgred.jpg) top left no-repeat}
	 
	 #interior .nivo-caption span{text-align:left}
.nivo-caption p{font-family: 'HReg'; font-size:14px; color:#fff;
	 line-height:18px; letter-spacing:1px; float:left; margin-top:0px; width:570px; display:block; /*text-shadow:0px 1px 2px #000,0px 1px 2px #000;*/
	 text-align:left;text-shadow:0px 3px 2px rgba(0,0,0,0.5); margin-left:20px}
	  #interior .nivo-caption p{text-align:left}
	 /*.nivo-caption h1{font-family: 'bebas'; font-size:80px; color:#fff;
	 line-height:60px; letter-spacing:0px; float:left; margin-top:0px; width:100%; display:block; text-shadow:0px 0px 5px #000,0px 0px 10px #000,0px 0px 15px #000; text-align:right}*/
div.dentro{width:1000px; margin-left:-500px; left:50%; top:0px;  height:515px; position:absolute}
#interior div.dentro{ height:330px}
/*fin de slider*/

.bar{width:92%; float:left; background:#fff; height:auto}
	.bgtiles{ background:url(../img/bgtiles.jpg) center bottom repeat-y; margin-top:40px!important}
		
		.adentro{ float:left; border-top:1px solid #E1E1E1;background:url(../img/bgtiles.jpg) center bottom repeat-y; margin-bottom:40px}
			.adentro h1{ margin-top:30px!important}
		.adentro2{ border-top:0px none; background:none}
			.adentro2 h1{ font-size:22px!important; color:#D33132!important; margin-top:80px!important}
			
			.adentro .bullet{float:left; margin-top:40px; width:28%; margin-left:2.5%; margin-right:2.5%; border-bottom:1px solid #E1E1E1; padding-bottom:40px; height:135px}
			
	.bgbottom{ width:100%; height:131px; background:#464646; position:absolute; left:30px; top:515px; min-width:1024px}
		#int .bgbottom{ top:370px}
		
		.inside{ background:url(../img/bgbottom.png) center top no-repeat; width:100%; height:151px; position:absolute; left:0px; top:-20px;min-width:1024px}
			.inner{ width:1000px; margin:0 auto; position:relative}
			.logos{ float:right; margin-top:120px; margin-right:20px}
			.logos1{ float:right; margin-right:20px}
			.logos2{ float:right; margin-right:40px}
	.centro{ width:1000px; margin:0 auto; position:relative}
		.panel_back{ position:absolute; right:-100px; top:-40px}
		.panel{ position:absolute; right:-20px; top:-199px}

.middle{height:auto; float:left; width:1000px; padding-top:0px; margin-bottom:30px; margin-top:0px}
.why{ float:left; width:100%; margin-top:30px; margin-bottom:30px; min-width:1024px}
	.centro h1.orale{ background:url(../img/bgred.jpg) bottom left no-repeat; padding-bottom:10px;
	text-align:left; font-size:40px; font-family:RBold; color:#333333; margin-bottom:0px; margin-top:65px; margin-left:30px; float:left; width:970px}
		#int .centro .adentro h1.super{ background-color:#fff; margin-top:0px!important; padding-top:30px; padding-bottom:20px}
	.titulo{background:url(../img/bgred.jpg) top left no-repeat; padding-top:10px;
	text-align:left; font-size:60px; font-family:OBold; color:#fff; margin-left:30px; position:absolute; top:-155px; line-height:25px;
	text-shadow:rgba(0, 0, 0, 0.498039) 0 3px 2px, rgba(0, 0, 0, 0.701961) 0 0 10px; font-weight:normal}
		.titulo b{ font-family:OLight; font-size:15px; text-transform:uppercase; display:block; line-height:20px; padding-top:3px; font-weight:normal; position:relative; z-index:2; 
		display:block}
		.titulo b a{color:#fff; text-decoration:none; }
		.titulo b a:hover{ color:#D33132}
	
	.why p{text-align:center; font-size:17px; font-family:RLight;color:#666666; width:950px; margin-left:25px; float:left}
	
	#int .why{ background:url(../img/demo.jpg) center top no-repeat; height:217px; margin-top:0px; margin-bottom:0px}
		#int .why2{ background:url(../img/bgpic2.jpg) center top no-repeat; height:217px; margin-top:0px; margin-bottom:0px}
		#int .why3{ background:url(../img/bgpic3.jpg) center bottom no-repeat; height:217px; margin-top:0px; margin-bottom:0px}
	#int .why h1{ margin-top:20px}
	#int .why h1,#int .why p{color:#fff!important}
	#int .why p{ width:950px; margin:0 auto; float:none}
	
.convencido{ float:left; width:100%; margin-top:50px; margin-bottom:30px}
	.convencido h1{text-align:left; font-size:40px; font-family:RBold; color:#666666; float:left; background:url(../img/divisor2.jpg) right center no-repeat;
	padding-right:240px; margin-left:50px}
	.convencido a{text-decoration:none; margin-top:0px;
	width:auto; color:#fff; float:right;
	cursor:pointer; padding:10px 30px; font-size:30px;  border-radius:100px; background:#FEC01E; font-family:"HReg";
	 text-transform:uppercase; margin-right:50px}

	.sline2{width:100%; float:left; margin-bottom:13px; margin-top:25px; background:url(../img/bg-sline.jpg) center top repeat-y}
				.sline2 a{width:25%; height:auto; float:left; text-decoration:none; padding-top:25px; padding-bottom:25px}
					.sline2 a b{background:url(../img/icons.png) no-repeat; width:85px; height:85px; float:left; margin-left:80px;
					margin-bottom:15px;
					transition:all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out}
					.sline2 a h2{color:#333; font-size:13px;font-family: 'RBold'; float:left; width:100%; text-align:center; margin-bottom:5px}
					.sline2 a p{color:#333; font-size:13px;font-family: 'RLight'; float:left;width:80%; text-align:center; padding-left:10%;
					padding-right:10%; margin-bottom:10px}
					.sline2 a span{color:#D08B00; font-size:13px;font-family: 'RLight'; float:left; width:100%; text-align:center; font-weight:normal;
					background:url(../img/more.png) 160px 4px no-repeat;
					transition:all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out
					}
						.sline2 a p b{ font-weight:normal;font-family: 'helveticaMd'; font-size:30px; color:#666}
					.sline2 a:hover{/*-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.8),inset 0px 0px 80px rgba(0,0,0,0.1); background-color:#fff*/}
					
						.sline2 a.sbeneficios b{ background-position:23px 20px}
						.sline2 a.scomprar b{ background-position:-219px 20px}
						.sline2 a.sdonde b{ background-position:-463px 20px}
						.sline2 a.sllamar b{ background-position:-715px 20px}
						
						.sline2 a:hover b{ background-position-y:-67px; border-radius:100px; box-shadow:0px 0px 1px #D08B00}
						.sline2 a:hover span{ background-position:170px 4px}


		/*interior*/
		.cline{float:left; width:100%; padding-bottom:0px;  background:url(../img/loader.gif) center center no-repeat;
			height:auto; position:relative; margin-top:30px}
			.slide{float:left; width:465px}
			.crumb{position:absolute; left:25px; top:0px; z-index:100}
				.crumb a{ color:#666; background:url(../img/more.png) right -11px no-repeat; width:auto; height:30px; line-height:30px; float:left;
				text-decoration:none; padding-left:0px; font-family:"RBold"; padding-right:15px; margin-right:15px;
				transition:all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out}
					
					/*.crumb a:first-child{ background-position:0px -30px; padding-left:15px;position:relative; z-index:3}
					.crumb a:nth-child(2){ background-position:0px -60px; width:65px;  position:relative; z-index:2; margin-left:-15px; padding-left:25px}
					.crumb a:nth-child(3){ background-position:0px -120px; width:65px;  position:relative; z-index:1; margin-left:-15px; padding-left:25px}
					*/
					.crumb a.selected,.crumb a:hover{background-position:right 11px; color:#D08B00}
					/*.crumb a:hover{ background-position:0px -150px; color:#fff}
					.crumb a.selected{background-position:0px -90px; color:#fff}
					.crumb a:first-child:hover{ background-position:0px 0px; color:#fff}
					.crumb a.selected:first-child{ background-position:0px 0px; color:#fff}
					*/
					
				
			.paso{width:100%; position:relative; float:left; height:350px; opacity:0; position:absolute; left:0px; top:0px}
				.paso h1{ margin-top:50px; float:left; clear:left; width:490px; color:#666666;font-family: 'RBold'; font-size:40px; float:left; 
				font-weight:bold; position:relative; z-index:99; position:relative; margin-left:25px}
					.paso h1 span{background:url(../img/glow.png); width:100%; position:absolute; z-index:1; left:0px; top:10px; height:28px}
				.paso p{ margin-top:20px; float:left; clear:left; width:400px;font-family:'RLight'; font-size:17px; color:#666; font-weight:normal; margin-left:25px}
					.paso p a{text-decoration:none; color:#FF6600;font-family: 'RBold'}
				.paso img{ position:absolute; bottom:0px; right:0px}
			
		#int .bg .insider h1{ float:left; color:#fff; font-family:OLight; font-weight:normal; font-size:65px; position:absolute; left:15px; top:120px; text-transform:uppercase;
		text-shadow:0px 3px 3px rgba(0,0,0,0.3)}
		
		.divisoria {
		  background:url(../img/divisoria.jpg) 50% 0 repeat-y;
		  float:left;
		  padding-bottom:30px;
		  padding-top:30px;
		  width:1000px;
		  margin-bottom:0px; margin-top:30px
		}
		.special {
		  float:left;
		  margin-left:35px;
		  margin-right:35px;
		  width:430px;
		  position:relative
		}
		.special h1, .special h2, .special h3 {
		  background:url(../img/gbtitles.jpg) 0% 100% no-repeat;
		  color:#D33132;
		  float:left;
		  font-size:22px;
		  font-weight:normal;
		  margin-bottom:20px;
		  padding-bottom:20px;
		  width:100%;
		}
		.special p {
		  float:left;
		  font-size:14px;
		  text-align:justify;
		  color:#333333
		}
			.special p b{ font-weight:normal; color:#D33132}
			.special p i{ font-style:normal; font-family:OBold}
		.pica{float:left; margin-right:60px; margin-left:20px}
		.bullets{ float:left; width:50%}
			.bullets .bullet{ margin-top:0px; margin-bottom:50px; margin-top:5px}
		span.bgbullet{ background:url(../img/bgbullet.jpg); width:77px; height:73px; float:left; margin-right:10px}
		
			.catalogo{ margin-bottom:30px; margin-top:30px; width:940px; margin-left:30px; float:left}
	
	.catalogo h1{color:#D08B00; font-size:20px; background:url(../img/gbtitles.jpg) bottom left no-repeat; padding-bottom:10px;
		float:left; width:100%; margin-bottom:20px; font-weight:normal; margin-left:10px}
		.catalogo a{width:222px; float:left; margin-left:6px; margin-right:6px}
			.catalogo a span{width:222px; height:149px; float:left; overflow:hidden; margin-bottom:5px; border-radius:5px; position:relative}
				.catalogo a span img{width:222px}
				.catalogo a span b{width:222px; height:149px; position:absolute; left:0px; top:0px; 
				background:url(../img/morely.png) center center no-repeat; opacity:0;
				transition:all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out}
		.catalogo a:hover span b{ opacity:1}
			.catalogo a p{float:left; font-size:12px; color:#333}
				.catalogo a p b{color:#D08B00; font-weight:normal; font-size:14px}
	
	.catalogo hr{width:100%; height:5px; background:url(../img/bgcatalogo.png) repeat-x; float:left; margin-top:20px; margin-bottom:20px;
	border:0px none}
	
		.tecnicos{float:left; width:400px; height:auto;  margin-top:-150px;
		border:5px solid #fff; border-radius:18px; background:#fff; margin-bottom:20px}
	#slideshow {float:left; width:400px;margin:0px; padding:0px; list-style-type:none}
		#slideshow li{float:left; width:400px; height:290px; position:relative; text-align:center}
			#slideshow li a.foto{float:left;width:400px; height:265px;overflow:hidden; border-radius:15px}
				#slideshow li img{ width:400px; float:left}
			#slideshow li a.pie{float:left; width:400px; height:25px}
				#slideshow li span{ font-size:12px; color:#999999; position:absolute; right:5px; bottom:0px; padding-left:20px; 
			background:url(../img/zoom.png) #fff right 6px no-repeat; height:25px; line-height:25px;
			width:380px; text-align:right; padding-right:20px}
			  
			 #nav a{ margin: 5px; margin-top:-15px; border-radius: 16px; background: #ccc; text-decoration: none; width:16px; height:16px; text-indent:-9999px; 
		float:left;	text-decoration:none; cursor:pointer; position:relative; z-index:99}
		#nav a:hover{background:#026895}
		#nav a.activeSlide{ background: #026895 }
		#nav a:focus{ outline: none} 
		
	#slideshowx{float:left; width:100%;margin:0px; padding:0px; list-style-type:none}
		#slideshowx li{float:left; width:100%; height:155px; position:relative; text-align:center; overflow:hidden}
		#slideshowx li h4{ text-align:left}
		#slideshowx li p{ text-align:left}
		
	.special form{width:100%; float:left; margin-top:10px}
	#chirris input.nombre,#chirris input.email{ background:#DBDBDB; width:127px; height:20px; border-radius:5px; float:left;
	border:0px none; padding:5px; font-size:12px}
		#chirris input.email{ background-image:url(../img/bgemail.png); background-position:right center; background-repeat:no-repeat;
		margin-left:14px}
		#chirris input.enviar{background:url(../img/enviar.png) center center no-repeat; width:95px; height:30px; float:left;
		border:0px none; margin-left:10px; text-indent:-9999px; cursor:pointer}	
		
		#chirris input.send{background:url(../img/send.png) center center no-repeat; width:95px; height:30px; float:left;
		border:0px none; margin-left:10px; text-indent:-9999px; cursor:pointer}	   
		
	#chirris textarea{background:#DBDBDB; width:390px; height:120px; border-radius:5px; float:left;
	border:0px none; padding:5px; font-size:12px; margin-top:20px}

.mapa{width:430px; float:left; height:220px; margin-bottom:20px; position:relative; border-radius:10px; overflow:hidden}
.direccion{width:400px; float:left; margin-top:30px}
	.direccion b{font-family:'helveticaMd'; font-weight:normal}
	.direccion a{ text-decoration:none; color:#D08B00;font-family:'helveticaMd'; font-weight:normal}

.special h3 {
  background-position:0 0;
  font-size:15px;
  margin-top:20px;
  padding-bottom:0;
  padding-top:20px;
}
		
/*footer*/	
	.footer{width:100%; margin-top:0px; float:left; background:#323232; padding-top:35px; padding-bottom:35px; min-width:1024px}
		  .footer .legend{width:1000px; margin:0 auto; position:relative}
			  .legend p{color:#fff; font-size:13px;font-family:'HLight'; float:left }
			  	.legend p b{color:#D23132; font-weight:normal}
			  	p.warrow{ position:absolute; left:479px; top:-37px; background:url(../img/whitearrow.jpg); width:42px; height:24px}
			  	.legend p small{ font-size:13px; color:#666; font-family:'HLight' }
			  .legend span{float:left; color:#999999; font-size:13px; margin-left:10px}
				   a.facebook{float:right; width:26px; height:26px; background:url(../img/redes.png); margin-right:0px; margin-top:0px}
				   a.twitter{float:right; width:35px; height:26px; background:url(../img/redes.png) -46px 0px; margin-top:0px}
			 
			 a.email{color:#D23132; text-decoration:none}
			 a.email:hover{ border-bottom:1px solid #D23132}
			 
				  ul.secondmenu li a:hover,ul.secondmenu li a.selected{color:#005A96}
			  .footer a.arkanmedia{color:#D23132; font-size:13px; text-decoration:none;font-family:'HLight' }
			  	.footer a.arkanmedia:hover{ border-bottom:1px solid #D23132}
	#int .middle{margin-bottom:50px}
		
	.arrow{width:24px; height:24px; position:absolute; background:url(../img/arrows.jpg) ; cursor:pointer;
			transition:all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out}			
		.arrowleft{right:45px; top:15px; background-position:0px 0px}
			.arrowleft:hover{ background-position:bottom left}
		.arrowright{right:10px; top:15px; background-position:right top}
			.arrowright:hover{ background-position:right bottom}
			
			.arrowblue{ background-image:url(../img/arrows.jpg); top:20px}
			.arroworange{ background-image:url(../img/arrows.jpg); top:15px}
			#arrowleft2{right:55px}
			#arrowright2{right:20px}
			#arrowleft3{right:50px}
			#arrowright3{right:20px}	
	
	.songs{width:400px; margin-left:50px; margin-right:50px; float:left}
		
		.songs ul{ width:400px; height:440px; float:left; list-style-type:none}
			.songs ul li{ width:400px; height:440px; float:left}
		.songs a{width:33%; float:left; margin-bottom:30px}
			.songs a span{ width:85px; height:85px; border-radius:100px; box-shadow:0px 0px 1px #aaa;
			transition:all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out; float:left; margin-bottom:10px;
			margin-left:20px; background:url(../img/song.jpg) 27px 23px no-repeat}
			.songs a p{color:#333; font-size:13px;font-family: 'RBold'; float:left; width:100%; text-align:center;
			height:25px; margin:0px}
			
			.songs a:hover span,.songs a.selected span{ background-position:27px -58px; box-shadow:0px 0px 1px #84B0CC}
				.songs a:hover p,.songs a.selected p{color:#84B0CC}
		
		.controls{ position:absolute; left:500px; top:-10px}
			.controls span{ background:#f2f2f2; padding:5px 10px; border-radius:5px; margin-right:10px; cursor:pointer;
			font-size:14px; font-family:RLight}
				.controls span.iniciar{ background:#72C974; color:#fff}
				.controls span.detener{ background:#F33233; color:#fff}
				.controls span.faster-lower{ background:#84B0CC; color:#fff}
				.controls span.inactive{ background:#f2f2f2; color:#ccc; cursor:auto}
			
			.controls .lista{position:absolute; left:-440px; top:495px;
			transition:all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out}
				.controls .avanzar{left:-150px}
				.controls .lista:hover{ background:#84B0CC; color:#fff}
			
			
		
	#song{ background:#fefefe; width:450px; border-radius:5px; float:left;box-shadow:inset 0px 0px 15px #ccc; height:480px; margin-bottom:50px;
	margin-right:50px}
		#song h6{ text-align:center; width:100%; line-height:480px; font-family:HLight; font-size:25px; float:left;
		color:#999}
		
		#song div.marquee{ font-size:15px; float:left; padding:25px;
		  width: 400px;
		  overflow: hidden;
		  height: 430px;box-shadow:inset 0px 0px 15px #ccc; border-radius:5px
		}
		#song div.marquee p{ color:#333}
		div.marquee span{color:#333; font-weight:normal; }
			div.marquee span.wysiwyg-color-red{ color:#F33233; font-family:HBold}
			div.marquee span.wysiwyg-color-blue{ color:#84B0CC; font-family:HBold}
			div.marquee span.wysiwyg-color-green{ color:#72C974;font-family:HBold}
			div.marquee span.wysiwyg-color-yellow{ color:#Ffd800;font-family:HBold}
			
			div.marquee span.wysiwyg-color-gray{ color:#999;font-family:HBold}
			div.marquee span.wysiwyg-color-lime{ color:#FF93CA;font-family:HBold}
			div.marquee span.wysiwyg-color-purple{ color:#520577;font-family:HBold}
			
	h1.title{  clear:left;
  color:#333333;
  float:left;
  font-family:RBold;
  font-size:35px;
  font-weight:normal;
  margin-bottom:0px;
  margin-top:0;
  position:relative; text-align:center; width:100%}
  
  	h1.title b{ color:#84B0CC; font-weight:normal}
	.especial{margin-top:-30px; padding-top:0px; margin-bottom:30px}
		.especial .sline2 a{ cursor:default!important}
	
	.sline4 {
	  float:left;
	  height:321px;
	  margin-bottom:30px;
	  margin-top:10px;
	  position:relative;
	  width:100%;
	}
	
	.sline4 p {
	  color:#666666;
	  float:right;
	  font-family:Rlight;
	  font-size:17px;
	  line-height:22px;
	  margin-top:60px;
	  text-align:justify;
	  width:420px; margin-right:50px
	}
	
	.contacto {
	  border-right-color:#999999;
	  border-right-style:solid;
	  border-right-width:1px;
	  float:left;
	  margin-left:70px;
	  width:289px; margin-top:60px; margin-bottom:40px
	}
	
	.contacto ul {
	  float:left;
	  list-style-type:none;
	  margin:0 0 25px;
	  padding-right:50px
	}
	
	
		.contacto ul li, .contacto ul li a {
		  color:#333333;
		  font-size:15px;
		  text-decoration:none; font-family:"RLight"
		}
		.contacto ul li {
		  padding-left:20px;
		}
			.contacto ul li b {
			  font-family:Rbold;
			  font-size:20px;
			  font-weight:normal;
			}
			
		.contacto ul li.address {
		  background:url(../img/icons2.jpg) 0px 0 no-repeat;
		}
		.contacto ul li.phone {
		  background:url(../img/icons2.jpg) 0px -90px no-repeat;
		}
		.contacto ul li.mail {
		  background:url(../img/icons2.jpg) 0px -131px no-repeat;
		}
		
	.fcontacto {
	  float:left;
	  margin-left:40px;
	  width:500px; margin-top:60px; margin-bottom:40px
	}
		.fcontacto h3 {
		  font-family:RBold;
		  font-size:20px;
		  font-weight:normal;
		  margin-bottom:10px;
		}
		.fcontacto .texto {
		  border-bottom-color:#999999;
		  border-style:none none solid;
		  border-width:0 0 1px;
		  color:#333333;
		  font-size:15px;
		  margin-bottom:5px;
		  padding:10px;
		  width:480px; font-family:RLight
		}
		
		.fcontacto textarea {
		  border-bottom-color:#999999;
		  border-style:none none solid;
		  border-width:0 0 1px;
		  color:#333333;
		  font-size:15px;
		  height:35px;
		  margin-bottom:10px;
		  padding:10px;
		  width:480px;font-family:RLight
		}
	.fcontacto .enviar {
	  -webkit-transition:all 0.2s ease-in-out;
	  background:url(../img/icons2.jpg) 100% -40px no-repeat;
	  border:0 none;
	  cursor:pointer;
	  float:right;
	  font-family:RBold;
	  font-size:20px;
	  font-weight:normal;
	  height:20px;
	  padding-right:22px;
	  transition:all 0.2s ease-in-out;
	}
	
	.video{height:30px;  line-height:30px; font-family: 'HLight'; position:relative;
					text-decoration:none; font-size:14px; font-weight:normal;
					padding-left:15px; padding-right:15px;													
					color:#fff; text-shadow:0px 1px 2px #333; position:absolute; right:0px; top:-50px;color:#fff;background:#FE9F2F;
					border-radius:4px; box-shadow:inset 0px 1px 0px rgba(0,0,0,0.3),inset 0px 2px 0px rgba(255,255,255,0.3),
						0px 1px 0px #333,0px 1px 2px #333,0px 1px 2px rgba(0,0,0,0.5); text-shadow:0px 0px 0px rgba(0,0,0,0); z-index:9999}
	
	.conten{margin-top:40px}
	.clientes{ margin-top:20px}
	
	
	/*pagenavi*/
#ejemplo2{
 padding-bottom:0px; padding-top:0px; border-top:0px solid #ccc; width:100%; display:inline; float:left
}

#ejemplo2{
font-family:Arial,Helvetica,sans-serif;
font-size:12px; margin-bottom:0px; margin-top:px
}
#ejemplo2 div.wp-pagenavi {
overflow:hidden;
padding:5px 5px;
text-align:right;
}
#ejemplo2 div.wp-pagenavi span.pages {
background:#EEEEEE none repeat scroll 0 0;
border:1px solid #CCCCCC;
color:#314572;
float:left;
font-weight:bold;
line-height:normal;
margin:2px 0 0;
padding:4px 8px;
}
#ejemplo2 div.wp-pagenavi a, #ejemplo2 div.wp-pagenavi span.pages, #ejemplo2 div.wp-pagenavi span.current {
display:inline-block; text-decoration:none
}
#ejemplo2 div.wp-pagenavi {
text-align:right; margin-left:20px; margin-right:20px; margin-top:20px
}
#ejemplo2 div.wp-pagenavi a, #ejemplo2 div.wp-pagenavi a:link, #ejemplo2 div.wp-pagenavi a:visited, #ejemplo2 div.wp-pagenavi a:active {
margin:0 2px;
padding:4px 8px;
}
#ejemplo2 div.wp-pagenavi a, #ejemplo2 div.wp-pagenavi span.pages, #ejemplo2 div.wp-pagenavi span.current {
display:inline-block; color:#314572
}
#ejemplo2 div.wp-pagenavi span.extend {
background:transparent none repeat scroll 0 0;
margin:2px;
padding:2px 4px;
}
#ejemplo2 div.wp-pagenavi span.current {
background-color:#333;
color:#FFFFFF;
font-weight:bold;
margin:2px;
padding:4px 8px;
}
#ejemplo2 div.wp-pagenavi a, #ejemplo2 div.wp-pagenavi span.pages, #ejemplo2 div.wp-pagenavi span.current {
display:inline-block;
}
#ejemplo2 div.wp-pagenavi a:hover {
background-color:#7BA4E7;
color:#FFFFFF;
}

/*finde pagenavi*/


.navi{
	position:absolute;
	z-index:9999;
	cursor:pointer; color:#FFF; background:url(../img/arrowsblack.png) no-repeat
}
#navip {
	left:270px; top:65px; width:31px; height:19px; text-indent:-9999px; background-position:0px 0px!important;
	transition:all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out
}
	#navip:hover{ top:60px; padding-bottom:5px}
#navin {
	left:270px; top:92px; width:31px; height:19px;text-indent:-9999px; background-position:0px -26px!important;
	transition:all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out
}
	#navin:hover{ top:97px; padding-top:5px}
	

.address{width:210px; height:auto; padding:20px; background:#FFF; box-shadow:0px 2px 2px #000; position:absolute; z-index:3; left:20px; bottom:0px; border-radius:5px;
color:#333; font-family:"OLight",Verdana, Geneva, sans-serif; font-size:13px; line-height:16px; text-align:justify; opacity:0; display:none}
.address b{font-family:"OBold"; font-weight:normal}
.address span{position:absolute; top:6px; right:10px; color:#900;font-family:"OBold",Verdana, Geneva, sans-serif; cursor:pointer}	
.redes{ margin-top:10px; float:left; margin-right:10px}

.brochure{ position:absolute; right:112px; width:126px; height:176px; top:125px;cursor:pointer; z-index:2}
	.brochure img{ width:120px; height:170px; margin-right:25px; border-radius:2px; border:3px solid #fff; box-shadow:0px 1px 2px #333;
	transition:all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out}
	.brochure span{ position:absolute; left:8px; bottom:8px; height:23px; width:110px; border-radius:3px; background:#D33132; text-align:center; line-height:23px; color:#fff;
	font-size:11px;transition:all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out}
	
	.brochure:hover img{border-color:#D33132}
	.brochure:hover span{ bottom:75px}
	
	
	.lista{position:absolute; top:91px; left:650px; z-index:9999999; background:#fff; width:129px;
		display:none;box-shadow:0px 2px 5px rgba(0,0,0,0.5); border-bottom:1px solid #416E9E;padding:10px;  padding-bottom:9px;						
		}	
		
		.lista .up{ border-top: 9px solid transparent;
		border-right: 149px solid #fff; position:absolute; left:0px; top:-9px}
				
			.lista span{background:#416E9E; position:absolute;top:-25px; right:10px; height:auto; width:auto;
			font-size:13px; color:#A1D1E7; line-height:23px; height:25px; padding:0px; cursor:pointer; width:100px; text-align:center; font-size:11px;
			background:url(../img/hide.png) right center no-repeat; padding-right:0px}						
			.lista a{width:100px; float:left; color:#4D7BAB; text-decoration:none; font-size:13px; height:auto; line-height:15px; background:url(../img/arrow.png) 5px center no-repeat;
			padding-left:10px; margin-bottom:3px; margin-top:3px; padding-top:3px; padding-bottom:3px;transition:all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;
			text-align:left; font-family:"RLight";}
				.lista a b{display:none}
				.lista a:hover{ color:#000; background-position:200px center; padding-left:5px; padding-right:25px; box-shadow:0px 0px 1px rgba(0,0,0,0.6); background-color:#f1f1f1}	
				
.ubicacion{ float:left; width:430px; z-index:1; position:absolute; left:0px; top:0px; z-index:1; background:#fff; height:400px}
.selected{ z-index:9}
.choose{ position:absolute; left:0px; top:240px; z-index:99; width:50%}
	.choose p{ font-family:hbold; font-size:14px; border-bottom:1px solid #ccc; padding-bottom:4px; float:left; margin-bottom:5px}
	.choose span{ font-size:14px; color:#333; width:100%; float:left; cursor:pointer; margin-bottom:2px; display:block}
		.choose span.selected{font-family:hbold; font-size:14px; color:#D33132}
		.choose span:hover{color:#D33132}
	.special p.derecha{ text-align:right; float:right}
		.special p.derecha b{margin:0px; padding:0px; float:right; width:100%}
	
	.redes{ float:right}
	
	.textodos{-webkit-column-count:2; -webkit-column-gap:50px; float:left; margin-top:10px; width:950px; margin-top:-100px;
	-moz-column-count:2;-moz-column-gap:50px;column-count:2;column-gap:50px}
		.textodos h1{ margin-top:100px}
		.notirota{ width:100%; list-style-type:none; float:left}
			.notirota li{ width:100%; float:left}
		.idioma{ position:absolute; right:55px; top:10px; font-size:9px;font-family:"RLight"; color:#fff; text-decoration:none; padding-bottom:3px; border-bottom:1px solid #fff}
	
	
.announcement{width:1000px; height:190px;z-index:99999; margin:0 auto; position:relative}
		
			.cover{float:left; width:650px; margin:0px; border-right:1px solid #DEDEDE}
			.titulo1{float:left; width:100%; height:36px; margin-top:10px; margin-bottom:10px}
				.titulo1 h1{color:#333; font-size:22px;font-family: 'Hbold'; font-weight:normal; width:218px; float:left; 
				line-height:36px; margin-left:20px}
				
			#nav1,#nav2{float:right; width:auto; margin-top:5px; margin-left:5px; margin-right:20px}
				#nav1 a,#nav2 a{ margin: 5px; border-radius: 10px; background: #999999; text-decoration: none; width:10px; height:10px; text-indent:-9999px; 
				float:left;	text-decoration:none; cursor:pointer}
				#nav1 a:hover,#nav2 a:hover{background:#CE2627}
				#nav1 a.activeSlide,#nav2 a.activeSlide{ background: #CE2627 }
				#nav1 a:focus,#nav2 a:focus{ outline: none}
				
			.slideshow{float:left; width:100%; height:115px; margin:0px; padding:0px; list-style-type:none; padding-bottom:19px}
				.slideshow li{float:left; width:100%; height:115px}
					.slideshow li a.pic{float:left; margin-left:30px; margin-right:30px; overflow:hidden; border-radius:10px; width:150px; height:125px}
					.slideshow li img{width:165%; float:left}
						.slideshow li{text-align:center}
						.slideshow li img{max-width:212px; max-height:189px}
					.slideshow li a.categoria{width:412px; float:left; text-align:left;font-family: 'HLight'; color:#ccc; padding-bottom:5px; text-decoration:none;
					font-size:19px;color:#CD2626; border-bottom:1px solid #E4E4E4}
					
					.slideshow li span{float:left; width:405px; color:#333; font-size:15px;padding-top:5px; border-top:1px solid #fff; text-align:left}
					.slideshow li a.ligaficha{/*color:#CD2626; width:362px; float:left; margin-top:5px; text-decoration:none;font-family: 'helveticaMd';
					background:url(../img/vermas.png) 60px 5px no-repeat*/
					-webkit-transition:all 0.2s ease-in-out;
					  background:url(../img/arrow.png) 78px 50% no-repeat #D33132;
					  color:#FFFFFF;
					  float:left;
					  font-family:HBold;
					  font-size:11px;
					  margin-right:0px;
					  margin-top:10px;
					  padding:6px 25px 6px 16px;
					  text-decoration:none;
					  transition:all 0.2s ease-in-out}
					 .slideshow li a.ligaficha:hover{background-color:#333; background-position:83px center}
				
				.ficha{-webkit-transition:all 0.2s ease-in-out;
  background:#D33132;
  color:#FFFFFF;
  border-radius:5px;
  font-family:HBold;
  font-size:11px;
  float:left;
  margin-top:20px;
  padding:6px 25px 6px 16px;
  text-decoration:none;
  transition:all 0.2s ease-in-out;}
  .textodos{font-size:14px;}
  .textodos ul li {color:#333333;
  float:left;
  font-size:14px;
  text-align:justify}