/*
Theme Name: levelcorp
Theme URI: www.levelcorp.cl
Description: ropa de trabajajo
Version: 0.1
Author: crackoscl
Author URI: emmm.....
*/



/* Specific fonts */
* {
	font-family:arial, sans-serif;
}
h1,h2,h3,h4 {
	font-family:'Ubuntu', sans-serif;
}
h5,h6 {
	font-family:'McLaren', cursive;
	color:#999;
}


a:focus {
    outline:0;}

#logo {
    margin: 7px 0px 16px 18px;
}

.input-medium{
width:50px;
}
.search:focus { 

    transition-duration: 400ms;
    transition-property: width;
    transition-timing-function: ease;
    
    -webkit-transition-duration: 400ms;
    -webkit-transition-property:width;
    -webkit-transition-timing-function: ease;
    width: 150px;
}

#search.search {
     border-radius: 6px;
    border-bottom: 1px solid #de6532;
    background: #be3d00;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.4);
    background: url(img/icono-busqueda.png) no-repeat scroll 5px center,none repeat scroll 0 0 #be3d00 ;
     color: #ffffff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    padding-left: 30px;
}


/* Always use nice dots for password fields */
input[type=password] {
	font-family:verdana !important;
}

/* Fix for fluid input height in bootstrap 2.1.0 */
.row-fluid input[class*='span'] {
	min-height:20px;
}

/* Print adjustments */
@media screen {
	.print-show {
		display:none !important;
	}
}
@media print {
	* {
		font-family:Arial !important;
	}
	.print-hide {
		display:none !important;
	}
}

/* Message overlay background */
.modal-backdrop {
	opacity: 0.2;
	filter: alpha(opacity=20);
}

/* Different icons */
[class^="icon-"],
[class*=" icon-"] {
  background-image: url("img/glyphicons-halflings.png");
}
.icon-white,
.main-nav.navbar .nav > li > a:hover i,
.main-nav.navbar .nav > .current_page_item > a i,
.main-nav.navbar .nav > .current_page_item > a:hover i,
.nav-tabs > .active > a > [class^="icon-"],
.nav-tabs > .active > a > [class*=" icon-"],
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .current_page_item > a > [class^="icon-"],
.navbar-inverse .nav > .current_page_item > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"] {
  background-image: url("img/glyphicons-halflings-white.png");
}

.header-action {
	margin:10px 0 0 10px;
}
.header-search {
	margin:auto;
}
.navbar .nav>li>.dropdown-menu:after, 
.navbar .nav>li>.dropdown-menu:before,
.navbar .nav>li>.dropdown-menu {
    content: none !important;
}
.navbar .nav>li>.dropdown-menu {
	margin:-5px 0 0 10px;
	border:none;
	padding:0;
}
.navbar .nav>li>.dropdown-menu li {
	margin-top:5px;
	margin-bottom:5px;
}
.header-nav .nav li {
	font-size:12px;
}
.header-nav.navbar .nav > .active > a, 
.header-nav.navbar .nav > .active > a:hover, 
.header-nav.navbar .nav > .active > a:focus {
	background-color:transparent;
	color:#000;
  -webkit-box-shadow:none;
     -moz-box-shadow:none;
          box-shadow:none;
}
.header-search-nav .nav li {
	font-size:12px;
}
.header-search-nav.navbar .nav > .active > a, 
.header-search-nav.navbar .nav > .active > a:hover, 
.header-search-nav.navbar .nav > .active > a:focus {
	background-color:transparent;
	color:#000;
  -webkit-box-shadow:none;
     -moz-box-shadow:none;
          box-shadow:none;
}
.main-nav.navbar .nav > li > a {
  text-shadow:none;
}
.main-nav.navbar > .navbar-inner > .container > a.btn-navbar {
  background-image:none;
	background-color:#C30;;
	padding:4px 13px 4px 13px;
	margin-bottom:5px;
}
.main-nav.navbar .nav > .current_page_item > a,
.main-nav.navbar .nav > li > a:hover,
.main-nav.navbar .nav > .current_page_item > a:hover {
	background-color:#C30;;
	color:#fff;
  -webkit-box-shadow:none;
     -moz-box-shadow:none;
          box-shadow:none;
}
.main-nav.navbar .nav > .current_page_item > a > .caret,
.main-nav.navbar .nav > li > a:hover > .caret,
.main-nav.navbar .nav > .current_page_item > a:hover > .caret {
	border-top-color: #fff !important;
	border-bottom-color: #fff !important;
}

.telefono a{
    color: #000;
    cursor: default;
    font-size: 3rem;
    display: block;
    margin-top: 10px;
}
.material-icons{
    font-size: 32px;
}
.hero-unit {
    background: none repeat scroll 0 0 #E6E6E6;
    border: 1px solid #CECECE;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 5px 20px 15px;
}
.hero-unit h2 {
    font-weight: normal;
}
.hero-unit h2 {
    border-bottom: 1px solid #DEDEDE;
    box-shadow: 0 1px 0 #FFFFFF;
    color: #333333;
    font-family: 'Ubuntu',Helvetica,sans-serif;
    font-size: 39px;
    letter-spacing: 0;
    line-height: 1.5;
}
.hero-unit .row-fluid {
    margin-top: 10px;
}
.hero-unit p {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 73px;
    margin-top: 10px;
}

.portfolio {
    margin-top: 0px;
}

.portfolio-title h3 {
    width: 279px;
    margin: 0 auto;
    background: #fff;
    font-family: arial, sans-serif;
    font-size: 24px;
    color: #5d5d5d;
}

.portfolio .work {
    margin-top: 40px;
    padding-bottom: 20px;
    background: #f8f8f8;
    border-bottom: 2px solid #CC3300;
}

.portfolio .work:hover img {
    opacity: 0.7;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

.portfolio .work:hover {
    box-shadow:
        0 5px 15px 0 rgba(0,0,0,.05),
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
}

.attachment-portfolio.wp-post-image{
	width:100%;}
	
.portfolio .work .icon-awesome {
    margin-top: 15px;
    font-size: 22px;
    line-height: 22px;
}

.portfolio .work .icon-awesome a {
    display: inline-block;
    padding: 5px 9px;
    background: #9d426b; 
    color: #fff;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    border-radius: 19px;
    -moz-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
}

.portfolio .work .icon-awesome a:hover {
    background: #5d5d5d;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.portfolio .work .icon-awesome a:active {
    -moz-box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
}

.portfolio .work h4 {
    margin-top: 20px;
    font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #5d5d5d;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

.portfolio .work p {
    line-height: 24px;
    font-style: italic;
}


/********** ----- PORTFOLIO PAGE ----- **********/

.portfolio-page {
    padding-bottom: 50px;
}

.portfolio-page h4.filter-portfolio {
    margin-top: 35px;
    padding: 0 20px;
    font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #5d5d5d;
    text-align: left;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

ul.portfolio-img {
    margin: 0;
    overflow: hidden;
}

ul.portfolio-img li {
    list-style: none;
}

.filter-portfolio {
    float: left;
    margin-bottom: 30px;
    margin-left: 0;
}
.filter-portfolio li {
    float: left;
    list-style: none outside none;
    margin-bottom: 10px;
    margin-right: 10px;
}
.filter-portfolio a {
	background-color: #CC3300;
	color: #F9F9F9;
	display: inline-block;
	padding: 4px 10px;
}
.filter-portfolio a:hover, #filtrable .current a {
    background-color: #383838;
}

/*
.filter-portfolio a { color: #5d5d5d; text-decoration: none; }
.filter-portfolio a:hover { color: #BE3D00; text-decoration: none; }

.filter-portfolio a#active-imgs { color: #CC3300; }
.filter-portfolio a#active-imgs:hover { color: #5d5d5d; }
*/

h2{font-size:21px;}

h2.title {
    color: #313131;
    font-family: 'Ubuntu', sans-serif;
	font-size: 21px;
    font-weight: 800;
    line-height: 28px;
    margin: 0 0 19px;
    padding: 0;
    text-transform: uppercase;
}
h2.title a {
    color: #313131;
    font-family: 'Ubuntu', sans-serif;
    font-size: 21px;
    font-weight: 800;
    text-transform: uppercase;
}
h2.title a:hover {
    color: #D00B01;
    text-decoration: none;
}

section{
	padding-top:20px;}


.post > img {
    display: block;
    margin: auto;
}

/*sirebar*/

.sidebar li{list-style:none;}

.sidebar > ul{
	margin:0px;
	padding:0px;}

.well.well-small > ul{
margin:0 0 0 10px;
}

	
.sidebar h2.widgettitle {
	font-size:20px;
	text-transform:uppercase;
	margin:0 0 0 10px;
	padding: 0;
}


/*contact form*/

.wpcf7-form{
    width : 100%;
    height: auto;
    overflow: hidden;
    border: 2px solid #fff;
}
.wpcf7-form h2{
    font-size : 20px;
    text-align: center;
}
.wpcf7-form input, .wpcf7-form textarea {
    border: 1px solid #DDDDDD;
    border-radius: 0 0 0 0;
    box-shadow: none;
    font-family: 'Ubuntu', sans-serif;
    font-size: 13px;
    height: 24px;
    width: 98%;
}

.wpcf7-form input:focus{
	border-color: #c30;
	box-shadow: inset 0 1px 1px rgba(0,255,153,0.075),0 0 8px rgba(174, 84, 7, 0.6);
	outline: 0 none;
	}
.wpcf7-form textarea {
    line-height: 16px;
    font-size: 14px;
    height: 100px;
}
.wpcf7-form p{
    font-size : 14px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
    padding: 0 0 10px;
    color: #333333;
}

.buttons_form {
      padding: 0px;
     height: 30px;
     width: 150px !important;
     border: none !important;
     cursor: pointer;
     color: #fff;
     -webkit-border-radius: .5em;
     -moz-border-radius: .5em;
     border-radius: .5em;
     color: #fff;
     border: solid 1px #980c10;
     background: #DD4814;
     background: -webkit-gradient(linear, left top, left bottom, from(#c30;), to(#DD4814;));
     background: -moz-linear-gradient(top,  #c30,  #BE3807);
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}


/* Footer links */

footer {
    background: url("../img/pattern.jpg") repeat scroll left top #F8F8F8;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05) inset;
    margin-top:20px;

    padding-bottom: 10px;
}
footer .widget {
    margin-top: 20px;
    text-align: left;
}
footer .widget h4 {
    color: #5D5D5D;
    font-family: 'Ubuntu',Helvetica,Arial,sans-serif;
    font-size: 14px;
    margin-top: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
}
footer .widget p {
    line-height: 24px;
}
footer .widget i {
    padding-right: 7px;
}


.copyright{
	margin-top:50px;}

#IrArriba{
   height: 50px;
    margin-top: 37px;
    width: 50px;
    
}

/* ----- Media queries ----- */

@media (min-width: 980px) and (max-width: 1200px) {

   
    .what-we-do .service p, .portfolio .work p {
        padding-left: 10px;
        padding-right: 10px;
    }

    .call-to-action-text {
        padding-bottom: 30px;
    }

    .call-to-action-text .ca-text {
        padding: 0 35px;
    }

    .call-to-action-text .ca-button {
        margin-top: 10px;
    }

}

@media (min-width: 768px) and (max-width: 979px) {

    .header ul.nav li a {
        padding: 15px 20px 15px 20px;
        font-weight: normal;
        text-align: left;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .header ul.nav li.current-page a {
        padding-top: 15px;
    }

    .header ul.nav li a i, .header ul.nav li a br {
        display: none;
    }

    .flex-caption {
        max-width: 500px;
    }

    .what-we-do .service p, .portfolio .work p {
        padding-left: 10px;
        padding-right: 10px;
    }

    .call-to-action-text {
        padding-bottom: 30px;
    }

    .telefono a {
        font-size: 2.3rem;
        margin: 0;
    }

    .call-to-action-text .ca-text {
        padding: 0 35px;
    }

    .call-to-action-text .ca-button {
        margin-top: 10px;
    }
	.wpcf7-form p{
	  width:98%;
	  }

}

@media (max-width: 767px) {
	#logo{
	margin-left:0px;
	}

    .slider, .what-we-do, .portfolio {
        padding: 0 20px;
    }

    .what-we-do {
        margin-top: 30px;
    }

    .header ul.nav li a {
        padding: 15px 20px 15px 20px;
        font-weight: normal;
        text-align: left;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .header ul.nav li.current-page a {
        padding-top: 15px;
    }

    .header ul.nav li a i, .header ul.nav li a br {
        display: none;
    }

    .telefono a {
        margin: 0 0 10px 0;
    }

    .flex-caption {
        display: none;
    }

    .presentation, footer, .testimonials {
        padding-left: 20px;
        padding-right: 20px;
    }

    .presentation p {
        line-height: 30px;
    }

    .what-we-do .service p, .portfolio .work p {
        padding-left: 10px;
        padding-right: 10px;
    }

    .what-we-do .service .icon-awesome {
        padding-top: 10px;
    }

    .page-title p {
        display: block;
        margin-top: 10px;
        margin-left: 20px;
    }

    .call-to-action-text {
        padding-bottom: 30px;
    }

    .call-to-action-text .ca-text {
        padding: 0 35px;
    }

    .call-to-action-text .ca-button {
        margin-top: 10px;
    }

    .portfolio-page {
        padding-bottom: 50px;
    }

    .tweet_list {
        height: 6em;
    }
	.wpcf7-form p{
	  width:98%;
	  }
}

/* Landscape phones and down */
@media (max-width: 480px) {
  
  .wpcf7-form p{
	  width:98%;
	  }
    #logo{
	    margin-left:0px;
	    }
    .telefono a {
        font-size: 2.4rem;
    }
	
	 .tweet_list {
        height: 10em;
    }
}