/*
Theme Name: Lamar Theme
Theme URI: http://www.lamarchile.cl/
Author: Lamar Comunicaciones Ltda.
Exclusive theme for Lamar Comunicaciones Ltda. site.
Version: 1.0
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Cuprum:700|Maven+Pro|Orbitron);

@-o-viewport {width: device-width;}

#player-audio{ 
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;}.contain-single .youtube-video-container{margin: 0 0 20px; max-width:56%;}

.wp-playlist-light{margin-top:0px !important; overflow: hidden; /* Fix for firefox and IE 10-11  */
-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
page-break-inside: avoid; /* Firefox */
break-inside: avoid; /* IE 10+ */
break-inside: avoid-column;}

/* Easing Slider */
body .easingslider-slide {background-color: #000;}

/*Nivo slider for wordpress*/
#content.cont-index #slider.nivoSlider div.nivo-caption p{display:block; margin:0;}
#content.cont-index, #content.cont-index img{margin:-2px 0 0;}
a.nivo-prevNav{left:5px !important}
a.nivo-nextNav{right:5px !important}

/*Theme slider*/
#content.cont-index, #content.cont-index img{border: medium none; height: 252px; padding: 0; width: 1000px;}
/*/*/
#flashcontent{margin: -16px 0 0 -25px;}
#barra-colores{z-index:99;}
#barra-colores img{display:block; margin:0; width:100%;}
body.custom-background {background:none repeat scroll 0 0 #101622; margin:0px;}
#single-bg {background:#D2D1D0;}
#single-bg.nada{background:none repeat scroll 0 0 #0F0D19;}
#single-bg.nada #header{border:none;}
#single-bg #header{border-bottom:solid 3px #b70000;}
#content {color: #363636; float: left; font-family: arial; font-size: 16px; font-weight: 400; min-height:260px; line-height: 21px; margin: 140px 8px 36px;}
.cont-index{margin: 98px -240px 0 0 !important;}
#content ul{display:table;}
#content.cont-index, #content.cont-index img {border:none; padding:0px;}
#content img{border:8px solid #dedede;}
#content h1 {border-bottom: 1px solid #BFBEBE; box-shadow:0 2px 0 -1px #eaeaea; color:#343434; font-family: 'Orbitron',sans-serif; *line-height:32px; font-size: 28px; height: 48px; letter-spacing: 1px; margin: 10px 20px 30px 0 !important; min-width:430px;}
p {margin-bottom: 24px;}
#content ul li{margin:3px 0 12px;}
.wp-caption p.wp-caption-text {background: none repeat scroll 0 0 #e6e6e6; color:#444444; font-family: verdana; font-size: 9px;height: 24px; line-height: 12px; margin: 2px 0 0; padding: 5px 6px 6px 8px; width:97%;}
html div.ppt {color: #afafaf; font-family: arial; font-size: 14px;}

/* Contact Form */
input[name=captcha_code] {min-width: 45.5% !important;}
input[type="email"]{color:#3B3B3B; font-family: MS Shell Dlg; font-size: 14px; width: 426px;}
input[type="submit"]{background: none repeat scroll 0 0 #F4F4F4 !important; border: 1px solid gray; color: #3B3B3B; font-family: MS Shell Dlg; font-size: 14px; height: 30px !important; margin-top:10px !important; padding: 2px; width: 105px;}
input#si_contact_captcha_code1, input#si_contact_captcha_code2{font-size: 24px; width: 104px !important;}
#content div#FSContact1, #content div#FSContact2{margin-top:-8px;}
#FSContact2 form#si_contact_form2 input[type=checkbox] {margin-top:10px;}
form#si_contact_form1 div input, form#si_contact_form2 div input{background:url("images/rayitas.png") repeat scroll 0 0 #FAFAFA; color:#3B3B3B; margin-bottom:4px !important;}
form#si_contact_form2 div textarea#si_contact_ex_field2_11{background:url("images/rayitas.png") repeat scroll 0 0 #FAFAFA; margin-bottom:10px !important; width:421px;}
textarea#si_contact_ex_field1_4{width:421px;}
#player-audio{float:left; margin:0 26px 0 0;}
#content p.audioplayer_container{margin:0 0 16px; width:405px;}
#content a {color:#00468b; text-decoration:none;}
#content a:hover {text-decoration:underline;}
.alignleft {float: left;}
img.alignright {float:right; margin:5px 0 2px 18px}
img.alignleft {float: left; margin: 5px 18px 2px 0;}
.wp-caption.alignleft{float: left; margin: 5px 18px 2px 0;}
img.aligncenter, a img.alignright, .wp-caption.aligncenter {display: block; margin-left: auto; margin-right: auto}
img.alignright, a img.alignright, .wp-caption.alignright {float:right; margin:5px 0 2px 18px}
img.alignleft, a img.alignleft, .wp-caption.alignleft {float: left; margin: 5px 18px 2px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
h1, h2, h3, h4, h5, h6 {clear: both; font-weight: normal;}
ol, ul {list-style: none;}
blockquote {quotes: none;}
blockquote:before, blockquote:after {content: ''; content: none;}
del {text-decoration: line-through;}
small {font-size: 11px; font-style: italic; font-weight: bold;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
a img {border: none;}

/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/

#container {background:black; float: left; height: 350px; width: 1000px;}
#container.contain-single {background:#D2D1D0; height:auto; min-height:307px;}
#footer {background: url("images/footer.jpg") repeat scroll 0 0 #161C37; clear: both; float:left; height:210px; margin: 0; width: 100%; z-index:999;}
#footer.foot-index {background: url("images/footer2.jpg") repeat scroll 0 0 #161C37; height:100%; position:fixed;}
#wrappter {display: table; margin: 0 auto; *padding:26px 0 20px 0 !important; padding: 10px 0 20px 0; width: 1000px;}
#wrappter.wrap-single {padding:20px 0 0;}
#wrappter a{text-decoration:none;}
#wrappter a h1{color:#C3CCE4; font-family: 'Cuprum',sans-serif; font-size:15px; *line-height:16px !important; text-transform:uppercase; width:178px;}
#destacado{float: left; padding: 0 44px; width: 160px;}
#destacado:nth-child(2){margin-top:-15px;}
#destacado.video{margin-top:-8px;}
#destacado.video a h1{*margin:10px 0 10px !important; margin:16px 0 0;}
#thumb_index{width:175px;}
#thumb_index img{border: solid 1px #707b8f; height:80px; *margin:-6px 1px 11px !important; margin:4px 1px 11px; width:160px;}
#wrappter #thumb_index a, #wrappter #thumb_index a p{color: #D3D3D3; float: left; font-family: 'Maven Pro',sans-serif; font-size: 13px; hyphens:auto; line-height: 14px; width:188px;}
#wrappter #thumb_index img:hover{border:3px solid #0ca600; *margin:-7px 1px 10px 0px !important; margin:2px 1px 9px -1px;}
#pies{background: none repeat scroll 0 0 #101622; color: #6c727d; float: left; font-family: verdana; font-size: 11px; height: 30px; letter-spacing: 1px; margin: 0 0 0; padding: 8px 0 0; text-align: center; width: 100%;}
#pie{background: none repeat scroll 0 0 #0d121d; color: #6c727d; *display:none !important; float: left; font-family: verdana; font-size: 11px; height: 30px; letter-spacing: 1px; margin:0; padding: 8px 0 0; text-align: center; width: 100%; bottom:0px; right:0%; left:0%; position:fixed!important; position:absolute;
top:expression((0-(footer.offsetHeight)+
(document.documentElement.clientHeight?
document.documentElement.clientHeight:
document.body.clientHeight)+(ignoreMe=document.documentElement.scrollTop?
document.documentElement.scrollTop:document.
body.scrollTop))+'px'); visibility:visible;}
.foot-home{letter-spacing:0px;}
html{background:black;}
html, body {background:#101622; height:100%; margin:0px;}

/* Gallery */

body .gallery-icon img {height: auto;width: 90%;}
dl.gallery-item{margin:0 !important;}
dd.wp-caption-text.gallery-caption {background: none repeat scroll 0 0 #e0e0e0; margin: 0.6% auto 5% !important; padding: 2px 0; width: 90%;}html .pp_nav p {font-family: arial; font-size: 15px;}

/* Audio HTML 5 PLayer **/
.ttw-music-player{margin:0 10px 0 0;}
.ttw-music-player .player .title{color:#2A3C5B!important; height:36px; line-height:16px; text-shadow:none !important;}
.parche {background-color: #000000; height: 10px; margin: -8px 0 0 58px; position: absolute; width: 10px;}
.track-info img{border:6px solid #000000 !important; border-radius:6px 6px 6px 6px; height:50px; margin:-12px 0 0; width:202px;}
.ttw-music-player .rating {display:none !important;}
.ttw-music-player .track-info{height:97px; margin:0 0 0 30px !important;}
.ttw-music-player .tracklist {margin:10px 0 0;}
.ttw-music-player .tracklist li{padding:7px 0 !important; text-shadow:none !important;}
html .ttw-music-player li.playing{color:#004cbe !important;}
.ttw-music-player .tracklist li:hover{color:#ffffff !important;}
.ttw-music-player .description.showing{margin:20px 0 !important;}
.ttw-music-player .tracklist .title{line-height:16px; width:auto !important;}
.ttw-music-player{float:left;}
html .ttw-music-player p.artist-outer {display:none;}


/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
	margin: 0 auto;
	width: 1000px;
}
#wrapper {
background: #fff;
}


/* =Global Elements
-------------------------------------------------------------- */


ul {list-style: disc; margin: 0; padding:0 0 0 20px;}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}

strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	overflow: auto;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
/* Contact Form 7 */
.wpcf7-form input, textarea {background: url("images/rayitas.png") repeat scroll 0 0 #FAFAFA; border: 1px solid #CCCCCC; font-family: MS Shell Dlg; font-size: 14px; padding: 3px 2px; max-width: 445px; width: 99%; min-height: 20px;}

.wpcf7-captchac {display:block; width: 100px; height: auto;} 

.wpcf7-form .wpcf7-validation-errors, .wpcf7-form .wpcf7-mail-sent-ok {
background-color: #fff;
width:auto;
margin:auto;
padding: 6px 10px;
text-align:center;
 -webkit-animation-name: jump;
 -webkit-animation-duration: 10.5s;
 -webkit-animation-timing-function: ease;
 -webkit-animation-delay: 0s;
 -webkit-animation-iteration-count: 1;
 -webkit-animation-direction: normal;
 -webkit-animation-fill-mode: none;
 animation-name: jump;
 animation-duration: 10.5s;
 animation-timing-function: ease;
 animation-delay: 0s;
 animation-iteration-count: 1;
 animation-direction: normal;
 animation-fill-mode: none;
}

@-webkit-keyframes jump {
  0%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
  10%{
	-webkit-transform: translateY(-200px);
	transform: translateY(-200px);
  }
  44%{
	-webkit-transform: translateY(-220px);
	transform: translateY(-220px);
  }
  100%{
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
  }
}

@keyframes jump {
  0%{
	transform: translateY(0);
  }
  10%{
	transform: translateY(-200px);
  }
  44%{
	transform: translateY(-220px);
  }
  100%{
	transform: translateY(0px);
  }
}

/*********/

a:link {color: #0066cc;}
a:visited {color: #743399;}
a:active, a:hover {color: #ff1100;}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}


/* =Header
-------------------------------------------------------------- */

#header {background:no-repeat scroll 0 0 #151f39; border-bottom: 5px solid #000000; border-top: 3px solid #0F0D19; height: 74px;
margin: 0; padding-bottom: 24px; position:fixed; width:100%; z-index:999; top:0px;}

#logo{margin:36px 20px 0 0;}
#logo, #logo a img {display:block; float:right ;}


/* =Menu
-------------------------------------------------------------- */
#menu-principal{margin:0; padding:0;}

#access {background: none repeat scroll 0 0 #151f39; display: block; float: left; margin: 0 auto; width: 820px;}
#access a {color: #84CBCC; display: block; height: 0; font-family: 'Cuprum', sans-serif; font-size:14px; font-weight:700; line-height: 21px;padding: 60px 6px 24px; text-decoration: none;text-transform: uppercase;}
#access ul li:hover > ul {display: block; margin:14px 0 0; padding:0;}
#access li:hover > a{background: none repeat scroll 0 0 #009d00; color:#FFF; height:14px;}
#access ul ul :hover > a {background: none repeat scroll 0 0 #16233B; color:#FFF;}
#access ul ul a {line-height: 15px; padding: 10px; width: 160px; height: auto;}
#access ul li {float: left; list-style: none outside none; margin: 0 19px; position: relative;}
#access ul li.menu-item-first{margin-left:8px;}
#access ul li a{color:#bbc4db;}
#access ul li:hover {background:#307405}
#access ul li.current-menu-item, #access ul li.current-menu-ancestor {background:#263754;}
#access ul li.current-menu-item a{color:#E8E8E8;}
body.home #access ul ul li:first-child{background:none;}
#access ul ul li:first-child{background:url("images/first-menu-back.gif") repeat-x scroll center top transparent;}
#access ul ul li.current-menu-item a:before {content:"►  \0020"; color:#fff; font-size:12px;}
#access ul ul li.current-menu-item a {color:#FFF;}
#access ul ul li{margin: auto !important;}
#access ul ul li:hover{background:#16233B;}
#access ul ul li a{color:#fff; font-size:13px; *height:22px !important; min-height:15px;}
#access ul ul li a:hover {background:#151f39; height:auto;}
#access ul ul {background:none repeat scroll 0 0 #677093; box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); display:none; margin:14px 0 0; position:absolute; float: left; list-style:none outside none;  margin: 0; top:84px; left:0; width:180px; z-index: 99999;}
#access ul ul ul {left: 100%; top: -2px;}


/* =Content
-------------------------------------------------------------- */

#main {background: none repeat scroll 0 0 #D2D1D0; clear: both; overflow: hidden; padding: 0px;}

/* =Navigation
-------------------------------------------------------------- */

.navigation {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
	color: #888;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #ff4b33;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -18px 0 0 0;
}


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
}
.widget-area select {
	max-width: 100%;
}
.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display: none;
}
.widget-container {
	margin: 0 0 18px 0;
}
.widget-title {
	color: #222;
	font-weight: bold;
}
.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}
.widget-area .entry-meta {
	font-size: 11px;
}



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

#colophon {
	border-top: 4px solid #000;
	margin-top: -4px;
	overflow: hidden;
	padding: 18px 0;
}


img#wpstats {
	display: block;
	margin: 0 auto 10px;
}


/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 120%;
}
#site-description {
	-webkit-text-size-adjust: none;
}


/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
	}
	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}

	#site-title,
	#site-description {
		float: none;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}
	#site-title {
		font-size: 13pt;
	}
	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}
	.entry-title {
		font-size: 21pt;
	}
	#access,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}

	.wp-caption p {
		font-size: 11pt;
	}

	#entry-author-info {
		border: 1px solid #e7e7e7;
	}
	#main {
		display: inline;
	}
	.home .sticky {
		border: none;
	}
	}

/***MODUS TOUTUBE CHANNEL***/
.main_video_block {float: left; max-width:600px; width:100%;}
.navi_block {max-width: 362px;}
.hor_container {width: 120% !important;}
.text-wrap {height: 59px;}
.overlap {background-size:40px 40px !important;}
.navi_buttons {max-width: 95.9%;}

/****** SMARTPHONES *****/
@media only screen and (max-device-width : 1279px) {
html, body {width: 100% !important;}
html #header {position:relative; width: 102%;}
#logo {background: none repeat scroll 0 0 #151f39; height: 54px; margin: 0; padding: 36px 15px 5px 5px;}
html .cont-index {margin: 0 auto !important;}
#wrapper {background: none repeat scroll 0 center rgba(0, 0, 0, 0);}
#container {height: auto;}
#footer.foot-index {position: relative; width:100%;}
#content, #content p, #container.contain-single, #single-bg #header, #barra-colores, #wrapper {width: 100%;}
#main{display:table; overflow:unset;}
#footer.foot-index, #footer {width: 1000px!important;}
#pie {position: relative !important;}
#content {margin: 140px 36px 36px;}
}