/*

   Theme Name: Transportes JTronche

   Theme URI: http://www.pendiente.cl

   Description: Theme para sitio web Transportes JTronche

   Author: WEB-LA

   Author URI: www.web-la.cl

   Template: twentytwelve

   Version: 1.0

*/

@import url("../twentytwelve/style.css");





*:focus  {  outline: none;  }



body{

	background: #000 url(images/bg-header.png);

	color: #000;

}





img.alignright{

	margin: 2px 0px 10px 15px;

}



img.alignleft{

	margin: 2px 15px 10px 2px;

}



.entry-content h1, 

.comment-content h1,

.entry-content h2,

.comment-content h2,

.entry-content h3,

.comment-content h3,

.entry-content h4,

.comment-content h4,

.entry-content h5,

.comment-content h5,

.entry-content h6,

.comment-content h6 {

margin: 5px 0px 10px 0px;}







.site-header{

	position: absolute;

	padding:0;

	background:#000 url(images/bg-header.png);

	width: 100%;

	height:600px;



}



#box2{

	width: 100%;

	position: absolute;

	z-index: 999;

	top: 160px;

}



#content-footer{

	background: #fff;

	border-top:5px solid #F7931E;

	border-bottom: 5px solid #F7931E;}



.grid-header-wrapper{

	margin:0 auto;

	width:920px;

	height:100px;

	padding:0;

	background:url(images/bg-nav.png) repeat-x;

	border-radius: 0px 0px 10px 10px;

	-webkit-box-shadow: 0px 0px 20px #666;

	-o-box-shadow: 0px 0px 20px #666;

	box-shadow: 0px 0px 20px #666;

	position: relative;

	z-index: 100;

	}

	

.grid-wrapper{

	margin:0 auto;

	width:960px;

	padding:0;

	position: relative}





.grid-wrapper-slider{

	margin:0 auto;

	width:1000px;

	padding:0;

	position: relative}



.grid-wrapper-content-hidden{

	margin:0 auto;

	width:960px;

	padding:0;

	position: relative;

	overflow: hidden;}



.grid-wrapper-hidden{

	margin:0 auto;

	width:880px;

	padding:20px;

	position: relative;

	overflow:hidden;

	box-shadow: 0px 0px 5px #ccc;}

	

.logotipo{

	float:left;

	width:86px;

	height:86px;

	margin: 5px 0px 5px 15px;

}



.logotipo .site-title{

	width:86px;

	height:86px;

	background:url(images/logo1.png) no-repeat;

}



#search-header{

	border: 1px solid #E6E6E6;

	float:right;

	width:180px;

	height:30px;

	background:#fff;

	overflow:hidden;

	font-family: Arial, Helvetica, sans-serif;

	font-size:14px;

	border-radius:5px;

	-webkit-border-radius:5px;

}



#search-header #s{

	float:left;

	height:22px;

	border:none;

	color: #999;

	font-style: italic;

	font-weight: normal;

	width:128px;

	padding:5px 10px;

	font-size:12px;

	background:#fff;

}



#search-header #boton-submit{

	background:#ccc url(images/bg-botton-search.jpg) no-repeat;

	height:30px;

	float:right;}



.top-info{

	float: right;

	margin-right: 30px;

}

	

.social-sidebar{

	float:right;

	width:770px;

	height:32px;

	font-size:11px;

	color:#989898;

	margin-bottom:14px;

	background: rgba(255, 255, 255, 0.76) url(images/bg-header-title.png)12px 8px no-repeat;

	padding: 5px 15px;

	border-radius:0px 0px 0px 5px;

	-webkit-border-radius:0px 0px 0px 5px;

}



.social-sidebar h3{ 

float: left;

margin: 5px 10px 5px 0px;

color:#F7931E

}



.social-sidebar ul{

margin-top: 5px !important;

}



.social-sidebar ul li{

	margin:0;

}



#service-home{

position: absolute;

width: 920px;

height: 185px;

padding: 0px 20px;

z-index: 999;

bottom: 50px;



	}

	

#service-home .content-service{

	float:left;

	margin-right:30px;

	width:284px;

	height:185px;

	border-radius:10px;

	-webkit-border-radius:10px;

	overflow:hidden	;

	box-shadow:0px 0px 5px #666;

	background: rgba(255, 255, 255, 0.93);

	 -webkit-transition: margin 0.3s ease-out;

    -moz-transition: margin 0.3s ease-out;

    -o-transition: margin 0.3s ease-out;

	border: 1px solid #fff;

}



#service-home .content-service-excerpt {

float: left;

width: 120px;

padding: 10px;

height: 135px;

}



#service-home .content-service-excerpt p{

font-size: 12px;

line-height: 16px;

margin-bottom: 10px;

}



#service-home .content-service-excerpt a{

	font-size: 12px;

	font-weight: bold;

	color: #F7931E;

	text-decoration: underline !important;

}



#service-home  .content-service-thumb {

float: right;

width: 142px;

}



.content-service-title {

background: #000;

border-bottom: 1px solid #FFF;

}



#service-home .content-service img{

	height: 155px;

}



#service-home .content-service span{

display: block;

text-align: center;

line-height: 30px;

font-weight: bold;

color: #fff;

text-transform: uppercase;

font-size: 14px;	

}



#service-home .content-service a {

	text-decoration:none;

}



#service-home .content-service:last-child{

margin-right:0px;

}



#service-home .content-service:hover{

margin-top: -10px;

background: rgba(255, 255, 255, 0.88);

}

	

.flex-direction-nav a {

	top: 40% !important;}

	

/***MENU PRINCIPAL*************************************************************************/



#menu-bar{

	float:right;

	width:680px;

	height:32px;}



.top-navigation {

	float:right;

	margin-right: 15px;

	width:auto;

	text-align: center;

	height:32px;

}

.top-navigation li {

	float:left;

	font-size: 12px;

	line-height: 30px;

	margin-left:1px;

}

.top-navigation a {

	color: #5e5e5e;

}

.top-navigation a:hover {

	color: #21759b;

}

.top-navigation ul.nav-menu,

.top-navigation div.nav-menu > ul {

	display: none;

}



	.top-navigation ul.nav-menu,

	.top-navigation div.nav-menu > ul {

		display: inline-block !important;

		text-align: left;

	}

	.top-navigation ul {

		margin: 0;

		text-indent: 0;

	}

	.top-navigation li a,

	.top-navigation li {

		display: inline-block;

		text-decoration: none;

	}

	.top-navigation li a {

		border-bottom: 0;

		color: #000;

		line-height: 32px;

		white-space: nowrap;

	padding: 0 23px;

	font-weight: bold;

	-moz-transition-duration:.2s;

	-webkit-transition-duration:.2s;

	-o-transition-duration:.2s;

	transition-duration:.2s;

	border-radius: 5px;

	-webkit-border-radius: 5px;

	}

	.top-navigation li a:hover {

		color:#F7931E

	}

	.top-navigation li {

		position: relative;

		text-transform: uppercase;

	}

	.top-navigation li ul {

		display: none;

		border-top: 1px solid #F7F7F7;

		margin: 0;

		margin-left: 4px;

		padding: 0;

		position: absolute;

		top: 100%;

		z-index: 1;

	}

	.top-navigation li ul ul {

		top: 0;

		left: 100%;

	}

	.top-navigation ul li:hover > ul {

		border-left: 0;

		display: block;

	}

	.top-navigation li ul li a {

		background: #efefef;

		border-bottom: 1px solid #ededed;

		display: block;

		font-size: 11px;

		line-height: 35px;

		padding: 0px 10px;

		width: 180px;

		white-space: normal;

		border-bottom: 1px solid #F7F7F7;

	}

	.top-navigation li ul li a:hover {

		background: rgba(26, 26, 26, 0.62);

		color: #444;

	}

	.top-navigation .current-menu-item > a, .top-navigation .current-menu-item > a:hover

	.top-navigation .current-menu-ancestor > a,

	.top-navigation .current_page_item > a, .top-navigation .current_page_item > a:hover,

	.top-navigation .current_page_ancestor > a, top-navigation .current_page_ancestor > a  {

		color: #fff;

		background:#1A1A1A;

		font-weight: bold;

	}

	



/***SIDEBAR*************************************************************************/

	

.template-front-page #secondary, #secondary{

	float:right;

	width:100%;

	padding: 20px 0px;

	margin: 0;

	border-top:0;

overflow:hidden;

	

}



#secondary  .widget{

	width:100%;

	margin-bottom: 0px;

	

}



#secondary .widget h3{

	display: none;

	margin-bottom: 0px;

	font-size: 15px;

line-height: 50px;

font-weight: bold;

text-transform: uppercase;

color: #fff;

background: #1a1a1a;

text-align: center;

}



#secondary .widget ul{

	margin-bottom: 0px;

	text-align: center;

	}



#secondary .widget ul li{

	list-style: none;

	font-size: 14px;

	margin:0;

	line-height:18px;

	padding: 20px 15px 20px 50px;

	color: #000;

	display: inline;

	font-weight: bold;

	}

	

#secondary .widget ul li a{

color: #000;

text-decoration: underline;

}



#secondary .widget ul li a:hover{

text-decoration: none;

}



#secondary .widget ul li.add{

	background: url(images/icon-add.png) 20px 15px no-repeat;

	padding: 20px 15px 20px 42px;

}

	

#secondary .widget ul li.tel{

background: url(images/icon-tel.png) 20px 17px no-repeat;

}



#secondary .widget ul li.mail{

	background: url(images/icon-mail.png) 20px 22px no-repeat;

}





.widget_search{

	border: 1px solid #E6E6E6;

	float:right;

	width:180px;

	height:30px;

	background:#fff;

	overflow:hidden;

	font-family: Arial, Helvetica, sans-serif;

	font-size:14px;

}



.widget_search #s{

	float:left;

	height:22px;

	border:none;

	color: #999;

	font-style: italic;

	font-weight: normal;

	width:128px;

	padding:5px 10px;

	font-size:12px;

	background:#fff;

}



.widget_search #boton-submit{

	background:#ECB71F;

	height:30px;

	float:right;}



/***CONTENT*************************************************************************/



.search-results #primary .page-header {

	margin: 0 !important;

padding: 0 !important;

border-bottom: 0 !important;

}



.search-results #primary article{

	padding-bottom: 10px;

	border-bottom: 1px dotted #ccc;

}







#primary #searchform{

	border: 1px solid #E6E6E6;

	float:left;

	width:180px;

	height:30px;

	background:#fff url(images/bg-search.jpg) repeat-x; ;

	overflow:hidden;

	font-family: Arial, Helvetica, sans-serif;

	font-size:14px;

	border-radius:0px 5px 5px 0px;

	-webkit-border-radius:0px 5px 5px 0px;

	-moz-border-radius:0px 5px 5px 0px;

	-o-border-radius:0px 5px 5px 0px;

	-ms-border-radius:0px 5px 5px 0px;

}



#primary #searchform #s{

	float:left;

	height:22px;

	border:none;

	color: #808080;

	font-style: italic;

	font-weight: normal;

	width:128px;

	padding:5px 10px;

	font-size:12px;

	background:none;

}



#primary #searchform #boton-submit{

background: #aaa9a7;

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

background: -moz-linear-gradient(top, #aaa9a7 0%, #616163 99%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaa9a7), color-stop(99%,#616163));

background: -webkit-linear-gradient(top, #aaa9a7 0%,#616163 99%);

background: -o-linear-gradient(top, #aaa9a7 0%,#616163 99%);

background: -ms-linear-gradient(top, #aaa9a7 0%,#616163 99%);

background: linear-gradient(to bottom, #aaa9a7 0%,#616163 99%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaa9a7', endColorstr='#616163',GradientType=0 );

	height:30px;

	float:right;}





.search-results #primary .page-header .page-title  {

font-size: 20px;

text-transform: uppercase;

color: #F7931E;



}



.template-front-page  #primary{

	width: 645px;

	float: left;

}





.entry-content h2, .comment-content h2, .mu_register h2 {

font-size: 18px;

line-height: 25px;

margin: 0px 0px 10px 0px;

}



img.alignleft, .wp-caption.alignleft {

margin: 5px 24px 12px 0;

}



.entry-content li {

	font-size: 12px;

	margin: 0;

padding: 0px 0px 10px 20px;

list-style: none;

background: url(images/marker1.png) 0px 2px no-repeat;

color: #000;

}





#primary{

float: inherit;

margin: 0 auto;

overflow: hidden;

width: 880px;

min-height: 400px;

padding: 20px;

background: rgba(255, 255, 255, 0.96);

border-radius: 10px 10px 0px 0px;

-webkit-box-shadow: 0px 0px 20px #666;

-o-box-shadow: 0px 0px 20px #666;

box-shadow: 0px 0px 20px #666;

margin-top: 20px;

}



#home-slider{

	margin:0 auto;

	width:100%;

	height:600px;

	background:#f2f2f2;

	overflow:hidden;

	position: relative;

	z-index: 10;}

	

.metaslider .caption-wrap{

	background: #fff !important;

	color:#233C95 !important;

	font-size:13px;

	opacity: 0.5 !important;

	text-align: right;

	font-style: italic;

}



#primary article{

	padding-bottom:0;

	border-bottom: none;

	margin-bottom: 10px;}

	

#primary .entry-header{

margin-bottom: 20px;

border-bottom: 1px solid #000;

padding-bottom: 5px;

} 



#primary .entry-header .entry-title{

	font-size:20px;

	text-transform:uppercase;	

	color:#F7931E;

}



#primary .entry-content p{

margin: 0 0 20px 0;

line-height: 20px;

font-size: 13px;

color:#000;

text-align: justify;

}



footer[role="contentinfo"] {

	border-top: 0;

	width:100%;

	max-width: inherit;

	margin: 0;

	padding:0;

}



.footer-sidebar{

	position:relative;

	width:100%;

	-webkit-box-shadow: 0px 5px 20px #858585;

	-o-box-shadow: 00px 5px 20px #858585;

	box-shadow: 0px 5px 20px #858585;

	background:#F7F7F7;

	border-top:1px solid #fff;

	padding:20px 0px;

	z-index:100;

	overflow:hidden;

	}

	

.coln-footer{

	float:left;

	width:36%;

	padding:0px 20px;

	height: 150px;

}



.coln-footer:first-child{

	background:url(images/bg-div-shadow1.png) right center no-repeat;

	padding: 0 10px;

	width: 25%;}

	

.coln-footer:last-child{

	background:url(images/bg-div-shadow2.png) left center no-repeat;

	padding: 0 10px 0 50px;

	width: 25%}



.coln-footer .widget .widget-title{

	margin-bottom: 5px;

	color:#8D8D8D;

}



.coln-footer ul#menu-navegacion-footer{

	line-height:16px}



.coln-footer ul#menu-navegacion-footer li a{

	text-decoration: none;

	font-size: 12px;

	color: #999;

	-moz-transition-duration:.2s;

	-webkit-transition-duration:.2s;

	-o-transition-duration:.2s;

	transition-duration:.2s;

}



.coln-footer ul#menu-navegacion-footer li a:hover{

	color:#666;

	text-decoration:underline;

}



.simple-social-icons ul li a{

	-moz-transition-duration:.2s;

	-webkit-transition-duration:.2s;

	-o-transition-duration:.2s;

	transition-duration:.2s;	

}



.coln-footer .textwidget ul{

	line-height:16px}



.coln-footer .textwidget ul li{

	text-decoration: none;

	font-size: 12px;

	color: #999;

	margin-bottom:10px;

}

		

.coln-footer .textwidget ul li a{

	-moz-transition-duration:.2s;

	-webkit-transition-duration:.2s;

	-o-transition-duration:.2s;

	transition-duration:.2s;	

	color: #999

}



.coln-footer .textwidget ul li a:hover{

	color:#666;

	text-decoration:underline;

}



footer[role="contentinfo"] a {

	color: #BBBBBB;

}

footer[role="contentinfo"] a:hover {

	color: #E5E5E5;

}



.site-info{

position:relative;

background: #000 url(images/bg-header.png);

overflow: hidden;

line-height: 50px;

font-size: 11px;

font-style: italic;

color: #BBBBBB;

border-top: 1px solid #FFF;

z-index:5

}



.site-info p.copyright{

	margin-left:20px;

	float:left;}



.site-info p.firma{

	float:right;

	margin-right:20px;}



.wpcf7 #contact-box1, .wpcf7 #contact-box2 {

float: left;

width: 48%;

}



.wpcf7 #contact-box1{

	margin-right: 2%;



} 



.wpcf7 #contact-box2 {

		margin-left: 2%;



}



.wpcf7-form-control.wpcf7-textarea {

width: 98%;

}



.wpcf7 #contact-box1 .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required , .wpcf7 #contact-box2 .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {

width: 94%;

margin-left: 2%;

}





.wpcf7-form-control.wpcf7-submit {

color: #fff;

width: 100px;

background: #828c95;

background: -moz-linear-gradient(top, #828c95 0%, #28343b 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#828c95), color-stop(100%,#28343b));

background: -webkit-linear-gradient(top, #828c95 0%,#28343b 100%);

background: -o-linear-gradient(top, #828c95 0%,#28343b 100%);

background: -ms-linear-gradient(top, #828c95 0%,#28343b 100%);

background: linear-gradient(to bottom, #828c95 0%,#28343b 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828c95', endColorstr='#28343b',GradientType=0 );

opacity: .8;

}



.wpcf7-form-control.wpcf7-submit:hover {

	color: #fff;

width: 100px;

background: #828c95;

background: -moz-linear-gradient(top, #828c95 0%, #28343b 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#828c95), color-stop(100%,#28343b));

background: -webkit-linear-gradient(top, #828c95 0%,#28343b 100%);

background: -o-linear-gradient(top, #828c95 0%,#28343b 100%);

background: -ms-linear-gradient(top, #828c95 0%,#28343b 100%);

background: linear-gradient(to bottom, #828c95 0%,#28343b 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828c95', endColorstr='#28343b',GradientType=0 );

opacity: 1;}



.ngg-gallery-thumbnail-box {

float: left;

margin: 0px 6px;

}



article#post-34 .entry-content .one_third{

float: right;

width: 275px;

background: #fff;

border-radius: 5px;

box-shadow: 0px 0px 10px #ccc;

border: 1px solid #E4E4E4;

}



.page-id-140 .full_width {

padding-bottom: 15px;

border-bottom: 1px dotted #505050;

margin-bottom: 20px;

}





/******LOOP-NEWS*********************************************************************/



.excerpt-thumb{

	float: left;

}



#content-home{

	float:left;

	width:47%;

	}

	

.template-front-page #news-loop{

	float: right;

	width:47%;

	}



#content #news-loop {

float: left;

width: 45%;

padding: 1%;

background: #fff;

border: 1px solid #ccc !important;

border-radius: 5px;

box-shadow: 0px 0px 8px #ccc;

padding-bottom: 15px;

border-bottom: 1px dashed #ccc;

margin: 5px 12px;

margin-bottom: 30px !important;

}



#content #news-loop:last-child{

	border-bottom: 0;

	margin-bottom: 0 !important;

}





#content #news-loop .entry-title a, #primary article .entry-title a {

display: block;

margin: 0px 0px 10px 0px;

font-size: 13px;

color: #F7931E;

font-style: italic;

line-height: 20px;



}

	

#primary #content-home .entry-header .entry-title,  #primary #news-loop .entry-header .entry-title {

		margin-bottom: 10px;

		margin-top: 10px;

	font-size: 14px;

line-height: 20px;

font-weight: bold;

text-transform: uppercase;

color: #EF592A;

background: url(images/bg-widget-title2.png) 0px 25px no-repeat;

padding-bottom: 15px;

}



#content-home h3 a, #news-loop h3 a, #primary article h3 a{

	display: block;

	margin: 0px 0px 10px 0px;

	font-size:13px;

	color:#808080;

	font-style:italic;

	line-height: 20px;

	

}



#content-home p, #news-loop p, #primary article p{

margin-bottom:10px;

line-height: 18px;

font-size: 12px;

color: #000;

text-align: justify;

}



#content-home a, #news-loop a, #primary article a {

	color:#F7931E;

}



#content-home .notice, #news-loop .articles-home{

	border-bottom:1px dashed #ccc;

	margin-bottom: 20px!important;

	padding-bottom: 15px;

}



#news-loop .articles-home:last-child{

	border-bottom: 0;

	margin-bottom: 0 !important;

}



#content-home img, #news-loop img{

border-radius: 3px;

box-shadow: none;

border: 1px solid #E9E9E9;

margin: 2px 15px 5px 0px!important;

width: 150px;

}



#content-home  img{

 	width: 140px;

 }



 #content-home #news-loop img{

 	width: 64px;

 }



 .date-meta{

 	float: left;

clear: both;

margin-top: 10px;

 	font-size: 11px;

 	color: #6F6F6F;

 	line-height: 16px;

 }



  .date-meta a{

  	color: #999 !important;

  }