/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

body { background:#fff;  overflow-x:hidden; overflow-y:auto;}

*{margin:0; padding:0;}

img{border:0; }

.servicios-inner{
                 width:100%;
                 height:auto;
                 margin:0;
                 padding:0;
                -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
 }

.servicios-inner-left{
                      width:50% !important;
                      float:left;
                      height:330px;
                      background:#d1dae2;
                      -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding:15px;
                      
 }

.servicios-inner-right{ 
                        width:50% !important;
                        float:left;
                      height:330px;
                      
                      -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
        padding:0px;  
              
}

.servicios-inner h2{ 
                 font-family: 'Oswald', sans-serif;
	color:#1990b3;
	text-transform:uppercase;
	font-weight:300;
	text-align:left;
	font-size:28px;	
    margin-bottom:10px;
}

.servicios-inner p{ 

                 font-family: 'Open Sans', sans-serif;
	color:#444;
	font-size:13px;
    text-align:justify;
}

.servicios-inner-frase{
                       background:#18acb3;
color:white;
font-family: 'Open Sans', sans-serif;
font-size:18px;
font-style:italic;
text-align:center;
padding:10px;
 }
 
 #auditoria{ 
 background:url('../img/auditoria-carousel.jpg') no-repeat #ccc;
 background-size:auto;
 }
 
#outsourcing{ 
background:url('../img/outsourcing-carousel.jpg') no-repeat #ccc;
 background-size:auto;
}

#nomina{ 
background:url('../img/nomina-carousel.jpg') no-repeat #ccc;
 background-size:auto;

}

#impuestos{ 
background:url('../img/impuestos-carousel.jpg') no-repeat #ccc;
 background-size:auto;

}

#contables{ 
background:url('../img/contables-carousel.jpg') no-repeat #ccc;
 background-size:auto;

}


/***********************************************
Tablet (Smaller than 959px)
***********************************************/
@media only screen and (min-width:600px) and (max-width: 959px) {

.servicios-inner{
                 width:100%;
                 height:auto;
                 margin:0;
                 padding:5%;
                
 }

.servicios-inner-left{
                      width:50% !important;
                      float:left;
                      height:100% !important;
                      background:#d1dae2;
                      -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding:15px;
                      
 }

.servicios-inner-right{ 
                        width:50%;
                        float:left;
                      height:400px !important;
                      
                      -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
        padding:0px;              
}

}

/***********************************************
Mobile (portrait 300px)
***********************************************/
@media only screen and (max-width:699px) {
  .servicios-inner{
                 width:100%;
                 height:auto;
                 margin:0;
                 padding:5%;
                 
                
 }

.servicios-inner-left{
                     
                      float:left;
                      height:auto !important;
                      background:#d1dae2;
                      -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding:15px;
                      
 }

.servicios-inner-right{ 
                       display:none;          
}     
}