/*
#------------------------------------------------------------------------
# inStyle - November Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body,
.box {
    font-size: 14px;
}
small {
    font-size: 90%;
}
/*.gkPage {
    padding: 0 15px;
}*/
/* Containers */
#gkPageContent {
    background-image: none!important;
}
#gkHeader {
    margin-bottom: 20px;
}
#gkTopMenu,
#gkUserArea {
    margin-top: 0;
}
#gkContent, 
#gkSidebar,
#gkContentWrap {
    width: 100% !important;
}
#gkContentWrap {
    margin-top: 20px;
    padding: 0!important;
}
#gkSidebar .box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px!important;
}
#gkSidebar {
    padding: 0!important;
}
#gkSidebar .box:first-child {
    padding-top: 10px!important;
}
#gkSidebar .box {
    border-top: none!important;
    float: left;
    margin-top: 0!important;
    margin-bottom: 30px!important;
    width: 50%;
}
#gkSidebar.gkOnlyOne .box,
#gkInset.gkOnlyOne .box {
    width: 100%!important;
}
#gkInset {
    padding-left: 25px;
}
.itemBody.gkInsetLeft + #gkInset {
    padding-left: 0;
    padding-right: 25px;
}
#gkSidebar .box:nth-child(2n+1) {
    clear: both!important;
}

/* Limitation suffixes */
.onlydesktop {
    display: none!important;
}
.notablet {
    display: none!important;
}
.nomobile {
    display: block!important;
}
.onlytablet {
    display: block!important;
}
.onlymobile {
    display: none!important;
}
.notablet.nomobile {
    display: none!important;
}

/* Fix for the contact page */
.contact .contact-image {
    float: left !important;
}
.contact .contact-address {
    clear: both !important;
    padding-top: 20px !important;
}
.contact .contact-form input[type="text"],
.contact .contact-form input[type="email"],
.contact .contact-form textarea {
    width: 95% !important;
}

/* K2 edit popup */
#sbox-window,
#sbox-window iframe {
    width: 720px!important;
    max-width: 720px!important;
    left: 10px!important;
}

/* menu */
#gkMobileMenu {
    float: right;
    margin: 24px 0 0 0;
    position: relative;
}
#gkExtraMenu {
    display: none!important;
}
#gkMainMenu {
    display: none;
}
#gkMainMenu.gkMenuOverlay,
#gkMainMenu.gkMenuOverlay #gkExtraMenu {
    display: block!important;
    width: 100%;
}
#gkMobileMenu select {
    width: 44px;
    height: 44px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}
#gkMobileMenu {
    color: #111;
    display: block!important;
    font-size: 40px;
    position: absolute;
    right: 0px;
    top: 0px;
}
#gkMobileMenu i {
    color: #111;
    height: 44px;
    padding: 0!important;
    position: relative;
    right: 12px;
    text-align: center;
    width: 44px;
}

/* top/bottom modules */

/* 4-column layout */
body .gkCols4 .box {
    margin-bottom: 30px!important;
}
body .gkCols4 .box.gkmod-1 {
    width: 100%;	
}
body .gkCols4 .box.gkmod-2 {
    width: 50%;
}
body .gkCols4 .box.gkmod-3 {
    width: 50%;
}
body .gkCols4 .box.gkmod-4,
body .gkCols4 .box.gkmod-more {
    width: 50%;
}
body .gkCols4 .box:nth-child(2n+1) {
    clear: both;
}
body .gkCols4 .box.gkmod-more.gkmod-last-1:last-child {
    width: 100%!important;
}
body .gkCols4 .box.gkmod-more.gkmod-last-2:last-child,
body .gkCols4 .box.gkmod-more.gkmod-last-2:nth-last-child(2) {
    width: 50%!important;
}
body .gkCols4 .box.gkmod-more.gkmod-last-3:last-child,
body .gkCols4 .box.gkmod-more.gkmod-last-3:nth-last-child(2),
body .gkCols4 .box.gkmod-more.gkmod-last-3:nth-last-child(3) {
    width: 50%!important;
}

/* 6-column layout */
body .gkCols6 .box {
    margin-bottom: 30px!important;
}
body .gkCols6 .box.gkmod-1 {
    width: 100%;	
}
body .gkCols6 .box.gkmod-2 {
    width: 50%;
}
body .gkCols6 .box.gkmod-3 {
    width: 33.3%;
}
body .gkCols6 .box.gkmod-4,
body .gkCols6 .box.gkmod-more {
    width: 33.3%;
}
body .gkCols6 .box.gkmod-5,
body .gkCols6 .box.gkmod-more {
    width: 33.3%;
}
body .gkCols6 .box.gkmod-6,
body .gkCols6 .box.gkmod-more {
    width: 33.3%;
}
body .gkCols6 .box:nth-child(3n+1) {
    clear: both;
}
body .gkCols6 .box.gkmod-more.gkmod-last-1:last-child {
    width: 100%!important;
}
body .gkCols6 .box.gkmod-more.gkmod-last-2:last-child,
body .gkCols6 .box.gkmod-more.gkmod-last-2:nth-last-child(2) {
    width: 50%!important;
}
body .gkCols6 .box.gkmod-more.gkmod-last-3:last-child,
body .gkCols6 .box.gkmod-more.gkmod-last-3:nth-last-child(2),
body .gkCols6 .box.gkmod-more.gkmod-last-3:nth-last-child(3) {
    width: 33.3%!important;
}
body .gkCols6 .box.gkmod-more.gkmod-last-4:last-child,
body .gkCols6 .box.gkmod-more.gkmod-last-4:nth-last-child(2),
body .gkCols6 .box.gkmod-more.gkmod-last-4:nth-last-child(3),
body .gkCols6 .box.gkmod-more.gkmod-last-4:nth-last-child(4) {
    width: 33.3%!important;
}
body .gkCols6 .box.gkmod-more.gkmod-last-5:last-child,
body .gkCols6 .box.gkmod-more.gkmod-last-5:nth-last-child(2),
body .gkCols6 .box.gkmod-more.gkmod-last-5:nth-last-child(3),
body .gkCols6 .box.gkmod-more.gkmod-last-5:nth-last-child(4),
body .gkCols6 .box.gkmod-more.gkmod-last-5:nth-last-child(5) {
    width: 33.3%!important;
}

.items-row > div {
    margin-bottom: 50px;
    padding: 0!important;
}

/* Suffixes and other elements */

/* Page elements */
#gkMainbody {
    margin-bottom: 30px;
}
.gkBanner > a > img {
    width: 100%;
}
.gkCols[data-cols="4"] > div,
.gkCols[data-cols="5"] > div { 
    margin-bottom: 30px;
    width: 50%; 
}
.gkCols[data-cols="4"] > div:nth-child(2n+1),
.gkCols[data-cols="5"] > div:nth-child(2n+1)  {
    clear: both;
}
#k2Container .itemsContainerWrap article header h2 {
    font-size: 18px;
    line-height: 24px;
}
article header h1, 
article header h2 {
    font-size: 32px;
}
article header li:before {
    display: none;
}
article header li {
    padding-right: 20px;
}
article header li:last-child {
    padding-right: 0;
}
.pagination ul li a, 
.pagination ul li span {
    margin: 3px 7px 3px 0;
}
.gk-newsletter input[type="email"] {
    width: 67%;
}

/* VM */
.main-image img.product-image, 
.featured-view .spacer img, 
.latest-view .spacer img, 
.topten-view .spacer img {
    width: 100%!important;
}
.category > div > a,
.product > div > div > a {
    display: block;
    overflow: hidden;
}

#gkHeader{
    margin:0px;

    padding-bottom: 20px;
}
section#steps .item {
      width: 33.33% !important;
    position: relative;
}
section#steps .item.item2, section#steps .item.item3 {
    width: 33.33%;
    position: relative;
    right:initial;
    left: -23px;
}
section#steps .item .content .text {
    float: left;
    width: 100% !important;
    font-size: 16px;
}
section#steps .item.item3{
    left:-45px;
}
.CountriesSelection .countries,
.CountriesSelection .regions{
    float: left;
    width: 100%;
    margin:0px;
}
select#mobileMenu {
    display: block !important;
    opacity: 0;
    z-index: 2;
}
#gkMobileMenu i {
    z-index: 1;
}

/*css Pati*/
#reforma .intro{
  	font-size: 16px;
}
.col1, .col2{
  	width: 100%;
}
#chronoform-Contacto #form-row-company, 
#chronoform-Contacto #form-row-CIF, 
#chronoform-Contacto #form-row-Administrador, 
#chronoform-Contacto #form-row-direccion, 
#chronoform-Contacto #form-row-Telefono, 
#chronoform-Contacto #form-row-Email, 
#chronoform-Contacto #form-row-button10, 
#chronoform-Contacto #form-row-politica {
    width: 100%;
}
#chronoform-Contacto {
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
}
#chronoform-Contacto #politica {
    position: relative;
    left: -47%;
    top: -27px;
}


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

@media screen and (max-width: 900px){
 
    #contenedor-principal,
    #contenedor-principal2,
    #contenedor-principal3,
    #contenedor-final {
        width: 100%;
    }

    .final-text,
    .panel-sectors {
      width: 100%;
    }
    
    .contenedor-boton7{
      width: 90%;
      margin: 7px auto;
    }
    
    #contenedor-principal2 a,
    #contenedor-principal a {
      width: 45%;
      margin: 0px 15px;
    }
    
    .item-sector{
      width: 45%;
      margin: 10px 0;
    }
    
    .derecho,
    .comp-penal,
    .mercantil,
    .admin,
    .civil,
    .tribut {
      background-repeat: no-repeat;
      background-size: 100%;
    }
    
    .separador {
      font-size: 20px;
      width:100%;
    }
   }
   
@media screen and (max-width: 1100px){
	#contenedor-principal3 .boton-descripcion {
        padding: 20px 5px;
  		}
    }