@charset "utf-8";
/* Variables */

@fontFamily: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
@fuenteOP: 11px @fontFamily;
@fuenteOP2: 13px @fontFamily;
@fuenteLora: 'Lora', Georgia, 'Times New Roman', Times, serif;
@fuenteLoraMain: 15px @fuenteLora;
@fuenteLoraFooter: 13px @fuenteLora;
@whitecolor: #FFFFFF;
@bluetvnmedia: #1ea0da;
@gristvnmedia: #8d8d8d;
@darktvnmedia: #2b2b2b;
@lighttvnmedia: #555;
@othergrey: #7c7c7c;

/* Tipo ----------------------------------------------------- */

html, body, #wrap {
    height: 100%;
    }

body > #wrap {
    height: auto; 
    min-height: 100%;
    }

#content {
    padding-bottom: 30px; 
    }

#wrap {
    border-bottom:0;
    }

body { 
    font: @fuenteLoraMain; 
    color:@lighttvnmedia; 
    background:@whitecolor; 
    margin:0;
    }

strong { 
    font-weight:bold; 
    }

a, a > * {
    -webkit-transition: all 0.2s ease 0s; 
    -moz-transition: all 0.2s ease 0s; 
    -o-transition: all 0.2s ease 0s; 
    transition: all 0.2s ease 0s; 
    }

*, *:after, *:before { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
    padding: 0; 
    margin: 0; 
    }

p   { 
    line-height:1.5; 
    font-style:italic; 
    padding:13px 40px 0 40px; 
    }
p.small, p span.small {
    font: @fuenteOP; 
    text-transform:uppercase; 
    font-style:normal; 
    }

.no-h2 { margin-top:21px; }

blockquote {
    padding-left:40px; 
    padding-right:40px; 
    }

blockquote span {
    font: @fuenteOP; 
    text-transform:uppercase; 
    color:@gristvnmedia; 
    }

p.floated {
    float:left; 
    width:309px; 
    }

.floated.first {
    padding-right:15px; 
    }

.floated.second {
    padding-left:15px; 
    }

a   { 
    color:@gristvnmedia; 
    text-decoration:none; 
    }

a:hover { 
    text-decoration:none; 
    color:@lighttvnmedia; 
    }

span.arrow {
    font:@fuenteOP2; 
    }

em  {
    font-family:@fontFamily; 
    font-style:normal; 
    font-weight:600 
    }

code {
    font:@fuenteOP2; 
    font-style:normal; 
    line-height:1.5; 
    display:block; 
    }

pre { 
    padding:13px 40px 0 40px; 
}

/* Clearfix ----------------------------------------------------- */

.clear { clear: both; }

.clearfix:after { 
    content: "."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
    }

.clearfix { display:inline-block; }

* html .clearfix { height:1%; }/* hides clearfix from IE-mac */

.clearfix { display:block; }/* end hide from IE-mac */

.alignleft { float:left; }

.alignright { float:right; }

.aligncenter { margin:auto; display:block; }

.alignnone { clear:both; 
    font-size:0; 
    line-height:0; 
    margin:0; 
    padding:0; 
    border:0; 
    height:0; 
    width:0; 
    }

.centered { text-align: center; }

/* Cuerpo ----------------------------------------------------- */

#wrapper { 
    margin-top:0px; 
    width:940px; 
    position:relative; 
    z-index:29; 
    margin:0 auto;  
    border-bottom:1px solid #C7E1EC; 
    }

.container { 
    padding:0px; 
    width:960px; 
    position:relative; 
    margin:0 auto;
    }

.contactodeventa {
	font-family:'Open Sans';
	width:100%;
	padding: 0px;
	overflow:hidden;
	height:0;
	opacity:0;
	}

.itemcon {
	width:32%;
	float:left;
	border-left: @bluetvnmedia 2px solid;
	padding-left:10px;
	font-size:11px;
	margin-left:10px;
	margin-bottom:20px;
	}

.itemcon span {
	display:block;
	width:100%;
	font-size:14px;
	}


/* Headings ----------------------------------------------------- */

h1#logo { 
    position:relative; 
    margin:0 5px; 
    width:65px; 
    z-index:401;  
    text-align:center;
    margin-top: 4px;
    }

h1#logo.left { 
    margin:0; 
    margin-bottom:27px; 
    }

h1#logo a { 
    display:inline-block; 
    background:url(http://tvnmedia.com/images/logo_tvnmedia_header.png) no-repeat; 
    background-size:35px 37px; 
    width:65px; 
    height:42px; 
    text-indent:-9999px; 
    }

h1#logo.left a { 
    background-size:35px 37px; 
    }

.hentry h1, h2, h3, h4 { 
    line-height:1.5; 
    font-family:@fontFamily; 
    }

.hentry h1, h2 { 
    font-size:18px; 
    font-weight:700; 
    color:@darktvnmedia; 
    margin:0px 40px 6px 40px; 
    padding-bottom:19px; 
    padding-top:32px; 
    text-transform:uppercase; 
    letter-spacing:2px; 
    border-bottom:1px solid #d3d3d3; display:block 
    }

h3  {
    font-size:15px; 
    font-weight:600; 
    padding:13px 40px 1px 40px; 
    }

h4  {  
    font-size:13px; 
    font-weight:600; 
    letter-spacing:1px; 
    text-transform:uppercase; 
    padding:15px 40px 1px 40px; 
    }

/* Navegacion ----------------------------------------------------- */

.wr-redes-sociales-menu-min { display:none; }

.wr-redes-sociales-menu { 
    width:auto; 
    height:30px; 
    border-left:1px solid #DDDDDD; 
    padding-left:20px !important;
    margin-left:10px !important;
    margin-top: 10px;
    float:left; 
    cursor:auto !important; 
    }

.wr-redes-sociales-menu ul li { 
    width:30px; 
    height:30px; 
    background-color:#c2c2c2; 
    float:left; 
    border-radius:15px; 
    color:@whitecolor; 
    text-align:center; 
    line-height:20px; 
    margin-right:6px; 
    }

.wr-redes-sociales-menu ul li a {
    line-height: 20px;
}

.wr-redes-sociales-menu ul li:hover { 
    background-color:#A6A6A6; 
    -webkit-transition: all 0.2s ease 0s; 
    -moz-transition: all 0.2s ease 0s; 
    -o-transition: all 0.2s ease 0s; 
    transition: all 0.2s ease 0s; 
    }

.wr-redes-sociales-menu ul li a img { 
    width:30px; 
    height:30px; 
    }

.wr-menu-title { display:none; }

#options { 
    width:100%; 
    z-index:300; 
    position:absolute; 
    top: 0;
    }

#options ul { 
    margin: 0; 
    list-style: none; 
    display:block; 
    width:auto; 
    float:right; 
    }

#options.right ul {
    float:right; 
    width:auto; 
    display:inline-block; 
    }

#options li { cursor:pointer; }

#options.right li {
    float:left; 
    margin-left:34px; 
    }

#options li a { 
    color:@gristvnmedia; 
    font-family: @fontFamily; 
    font-size:12px; 
    font-weight:normal; 
    text-decoration:none; 
    text-transform:uppercase; 
    display:inline-block; 
    padding:0px; margin:0px; 
    }

#options li.alignleft { 
    margin-left:3px; 
    margin-right:3px; 
    height:41px; 
    padding-left:14px; 
    padding-right:14px; 
    padding-top:4px; 
    }

#options li.alignright { margin-left:34px; }

#options li a.selected, #options li:hover a { color:@darktvnmedia; }

.menu-active-item { border-bottom:2px solid @bluetvnmedia; }

.menu-line {
    width:0; 
    height:1px; 
    background:@lighttvnmedia; 
    display:block 
    }

/* Footer ----------------------------------------------------- */

footer { 
    background:#f4f4f4; 
    color:#000; 
    border-top:2px solid #e3e3e3; 
    padding:0px; 
    }

footer p.small {
    font: @fuenteLoraFooter; 
    font-style:italic; 
    text-transform:none; 
    }

.container_footer { 
    padding: 10px; 
    margin:0 auto; 
    width:960px; 
    display:block; 
    min-height:56px; 
    }

.container_footer ul { 
    padding: 10px 0; 
    display:block; 
    min-height:36px; 
    }

.container_footer ul li { 
    width:auto; 
    float:left; 
    display: block; 
    margin: 0px 10px; 
    line-height:16px; 
    }

.container_footer ul li a { 
    width:auto; 
    display: inline-block; 
    height:16px; 
    color: @othergrey; 
    }

.cr_footer { 
    width:250px; 
    height:36px; 
    display:block; 
    float:left; 
    padding-left:94px; 
    padding-top:4px; 
    font-family: @fontFamily; 
    text-align: left; 
    font-size:10px; 
    background-image:url(http://tvnmedia.com/images/logo_tvnmedia_footer_land.png); 
    background-repeat:no-repeat; 
    background-size:84px 36px; 
    background-position:left top; 
    }

.cr_footer span { color: @othergrey; }

.submenu_footer { 
    margin:0; 
    font-family: @fontFamily; 
    color: @whitecolor; 
    display:block; 
    float:right; 
    }

.submenu_footer li a { 
    color: @whitecolor; 
    font-size:12px; 
    }

.submenu_footer li a:HOVER { 
    border-bottom:1px solid #BBBBBB; 
    transition: all 0.2s ease 0s; 
    }

/* ------------------ */

.dropzone {
    min-height: 250px;
    border: 2px dashed #0087F7;
    border-radius: 5px;
    background: white;
}

.dz-success-mark {
    display: none;
}

.dz-error-mark {
    display: none;
}

.dandd {
    font-size: 70px;
    margin-top: 20px;
    display: block;
    color: @bluetvnmedia;
}

.dz-error-message {
    font-weight: bold;
}

.grid {
	margin-top: 90px;
}

#uploadFile {
	display: none;
}