@charset "ISO-8859-1";
/* CSS Document */


/* GENERALES		///////////////////////////////////////////////////*/
body {
	margin:0;
	padding:0;
	font-family:'Sathu', Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	background-color:#131313;
}
ul {
	margin:0;
	padding:0;
	list-style:none;
}
a {
	text-decoration:none;
}
img {
	border:0;
}
.clear {
	clear:both;
}
.container {
	width:996px;
	margin:0 auto;
}

/* textos */
.txt18 {
	font-size:18px;
}
.txt35 {
	font-size:35px;
}

/* colores */
.rojo {
	color:#f40a0a;
}


/* FONTS			///////////////////////////////////////////////////*/
@font-face {
    font-family:'Sathu';
    src:url('../fonts/sathu.eot');
    src:url('../fonts/sathu.eot#iefix') format('embedded-opentype'),
        url('../fonts/sathu.woff') format('woff'),
        url('../fonts/sathu.ttf') format('truetype'),
        url('../fonts/sathu.svg#Sathu') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'TradeGothic';
    src:url('../fonts/tradegothic.eot');
    src:url('../fonts/tradegothic.eot#iefix') format('embedded-opentype'),
        url('../fonts/tradegothic.woff') format('woff'),
        url('../fonts/tradegothic.ttf') format('truetype'),
        url('../fonts/tradegothic.svg#TradeGothic') format('svg');
    font-weight:normal;
    font-style:normal;
}


/* HEADER			///////////////////////////////////////////////////*/
.header {
	height:156px;
	background:url(../images/header.jpg) no-repeat;
}
.header .logo {
	float:left;
}
.header .slogan {
	position:absolute;
	float:left;
	margin:60px 0 0 300px;
	z-index:1;
}
.header ul {
	float:right;
	margin:15px 45px 0 0;
}
.header li {
	float:left;
	margin:0 3px;
}
.header li a,
.header li.twitter a,
.header li.youtube a {
	width:36px;
	height:59px;
	display:block;
	background:url(../images/facebook-trans.png) no-repeat;
}
.header li.twitter a {
	background:url(../images/twitter-trans.png) no-repeat;
}
.header li.youtube a {
	background:url(../images/youtube-trans.png) no-repeat;
}
.header li a:hover,
.header li.twitter a:hover,
.header li.youtube a:hover {
	background-position:0 -59px;
}


/* MENU				///////////////////////////////////////////////////*/
.menu {
	height:33px;
	border-top:#f40a0a solid 2px;
	border-bottom:#747475 solid 1px;
	background:url(../images/menu.jpg) no-repeat;
}
.menu ul {
	float:left;
}
.menu li a {
	height:25px;
	padding:8px 25px 0 25px;
	font-size:16px;
	text-shadow:-1px 1px 2px rgba(0, 0, 0, .8);
	color:#fff;
	border-left:#747474 solid 2px;
}
.menu li ul {
	margin:1px 0 0 2px !important;
}
.menu li li a {
	width:200px;
	padding:14px 25px 5px 25px;
	font-size:14px;
	border-left:none;
	border-bottom:#404545 solid 1px;
	background-color:rgba(0,0,0,.7);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorstr='#70000000', EndColorstr='#70000000');
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorstr='#70000000', EndColorstr='#70000000');
}
.menu li li.last a {
	border-bottom:none;
}
.menu li a:hover,
.menu li.activo {
	background-color:#f40a0a;
}
.menu li.home a {
	padding:8px 15px 0 15px;
}
.menu li.home img {
	margin-top:-2px;
}


/* SLIDE 			///////////////////////////////////////////////////*/
#slides,
#slides_sec {
	margin-bottom:1px;
	padding-bottom:1px;
	border-bottom:#f40a0a solid 1px;
}
#slides .sombra,
#slides_sec .sombra {
	position:absolute;
	z-index:6;
}
#slides_sec .bloque {
	height:290px;
}
#slides .texto,
#slides_sec .texto {
	position:absolute;
	width:309px;
	margin:30px 0 0 60px;
	font-family:'TradeGothic', Arial, Helvetica, sans-serif;
	font-size:58px;
	font-weight:bold;
	text-shadow:1px 1px 2px rgba(0, 0, 0, .9);
	text-transform:uppercase;
	letter-spacing:-2px;
	line-height:43px;
	z-index:6;
	left: 109px;
	top: 190px;
	height: 299px;
}
#slides .next,
#slides_sec .next {
	position:relative;
	width:35px;
	float:right;
	margin:-351px 15px 0 0;
	display:block;
	z-index:5;
}
#slides_sec .next {
	margin:-248px 15px 0 0;
}
.pagination {
	display:none;
}


/* SECCIONES 		///////////////////////////////////////////////////*/
.seccion {
	background-color:#000;
}
.seccion .titulo,
.seccion .video .titulo,
.video_tit {
	padding:9px 0 8px 20px;
	font-size:16px;
	text-shadow:-1px 1px 2px rgba(0, 0, 0, .8);
	color:#fff;
	background-color:#f40a0a;
}
.video_tit {
	padding:9px 0 4px 5px;
}
.seccion .titulo img,
.seccion .video .titulo img,
.video_tit img {
	margin:-5px 15px 0 0;
	vertical-align:middle;
}
.video_tit img {
	margin:-5px 5px 0 0;
}
.seccion .subtitulo {
	text-transform:uppercase;
	color:#f40a0a;
}

/* submenu */
.seccion .submenu {
	width:330px;
	float:left;
	margin-right:1px;
}
.seccion .submenu li a {
	padding:10px 48px 10px 47px;
	display:block;
	color:#919191;
	background:url(../images/submenu.gif) no-repeat;
}
.seccion .submenu li a:hover,
.seccion .submenu li.activo a {
	color:#fff;
	background-color:#1c1c1c;
}
.seccion .submenu li.first a {
	background-image:none;
}

/* media */
.seccion .media,
.seccion .corporativos,
.seccion .congresos,
.seccion .traveling,
.seccion .activaciones {
	width:665px;
	height:295px;
	float:left;
	background:url(../images/media.jpg) no-repeat;
}
.seccion .corporativos {
	height:355px;
	background:url(../images/corporativos.jpg) no-repeat;
}
.seccion .congresos {
	height:355px;
	background:url(../images/congresos.jpg) no-repeat;
}
.seccion .traveling {
	height:355px;
	background:url(../images/traveling.jpg) no-repeat;
}
.seccion .activaciones {
	height:355px;
	background:url(../images/activaciones.jpg) no-repeat;
}
.seccion .media .texto,
.seccion .corporativos .texto,
.seccion .congresos .texto,
.seccion .traveling .texto,
.seccion .activaciones .texto,
.seccion .forma .texto {
	width:400px;
	float:right;
	margin:35px 15px 0 0;
	padding-left:10px;
	border-top:#222 solid 1px;
}

/* roi & led */
.seccion .video {
	width:570px;
	float:left;
}
.seccion .video .tv {
	width:530px;
	height:310px;
	padding:22px 20px 0 20px;
	background:url(../images/tv.jpg) no-repeat;
}
.tv2 {
	width:530px;
	height:310px;
	padding:22px 20px 0 20px;
}
.tv3 {
	width:530px;
	height:1600px;
	padding:22px 20px 0 20px;
}	
.tv4 {
	width:530px;
	height:350px;
	padding:22px 20px 0 20px;
}
.seccion .video img {
	margin-top:2px;
}
.seccion .led {
	width:400px;
	float:left;
	margin:45px 0 0 25px;
	border-top:#222 solid 1px;
}

/* clientes */
.seccion .clients {
	width:996px;
	height:343px;
	background: #fff;
}
.seccion .clients ul {
	margin:0 15px;
}
.seccion .clients li {
	float:left;
	margin:0 15px;
}

/* contact us */
.seccion .contacto {
	width:570px;
	float:left;
	background-color:#0e0e0e;
}
.seccion .contacto .datos {
	float:left;
	margin-bottom:95px;
	padding:25px 0 0 35px;
}
.seccion .contacto .datos img {
	margin:-10px 5px 0 0;
	vertical-align:middle;
}
.seccion .contacto .datos a {
	color:#fff;
}
.seccion .contacto .datos a:hover {
	color:#f40a0a;
}
.seccion .forma {
	float:left;
}
.seccion .forma .texto {
	width:375px;
	margin-left:25px;
	padding:20px 0 0 10px;
	font-size:12px;
}
.seccion .forma .texto .small1,
.seccion .forma .texto .small2 {
	width:174px;
	float:left;
}
.seccion .forma .texto .small2 {
	float:right;
	margin-right:7px;
}
.seccion .forma .texto input,
.seccion .forma .texto .small1 input,
.seccion .forma .texto .small2 input,
.seccion .forma .texto textarea {
	width:366px;
	height:18px;
	margin:3px 0 8px 0;
	color:#fff;
	border:#000 solid 1px;
	background:url(../images/campo1.jpg) no-repeat;
}
.seccion .forma .texto .small1 input,
.seccion .forma .texto .small2 input {
	width:172px;
	background:url(../images/campo2.jpg) no-repeat;
}
.seccion .forma .texto textarea {
	width:364px;
	height:105px;
	background:url(../images/campo3.jpg) no-repeat;
}
.seccion .forma .texto .boton {
	width:80px;
	height:25px;
	float:right;
	margin:3px 5px 0 0;
	background-image:none;
	background-color:#333;
}
.seccion .forma .texto input.error,
.seccion .forma .texto textarea.error {
	border:#f40a0a solid 1px;
	background-color:#e1e1e1;
}


/* VIDEOS 			///////////////////////////////////////////////////*/
.videos {
	float:left;
	text-shadow:-1px 1px 2px rgba(0, 0, 0, .8);
	color:#fff;
	background-color:#292929;
}
.videos a {
	width:312px;
	height:289px;
	display:block;
	padding:10px 0 0 20px;
	color:#fff;
	background:url(../images/video_01-trans.png) no-repeat;
}
.videos a.roi {
	background:url(../images/video_02-trans.png) no-repeat;
}
.videos a.led {
	background:url(../images/video_03-trans.png) no-repeat;
}
.videos a:hover {
	background-position:0 -299px;
	background-color:#f40a0a;
}
.videos img {
	margin:-4px 5px 0 0;
	vertical-align:middle;
}


/* FOOTER 			///////////////////////////////////////////////////*/
.sombra_ft {
	margin-top:1px;
	border-top:#1f1f1f solid 2px;
}
.footer {
	margin-bottom:20px;
	font-size:12px;
	text-align:center;
	color:#3a3a3a;
}
.footer a {
	margin:0 20px;
	color:#7a7a7a;
}
.footer a:hover {
	color:#f40a0a;
}
