header, nav, section, footer, article, aside {

    display:block;
}

body {  margin:0;
        padding:0;
        background-image:url(../images/fondo-costados-copia1.png);
        background-size:cover;
        background-repeat:no-repeat;
        background-attachment:fixed;
        background-size:100% 100%;
        font-family: 'Open Sans', sans-serif;
}


header	{width:70%;
        position:relative;
        margin:0 auto;
        display:block;
		clear:both;
        background-image:url(../images/fondo-header.png);
        background-size:cover;
        background-repeat:no-repeat;
        background-position:center bottom;}

#logo {display:inline-block;margin:5% 5% 5% 5%;}		
#logo img	{width:280px;
		   height:80px;
		   z-index:20;}
		   
		   

.main-section	{padding:0 100px;
               width:70%;
               margin:100px auto;
               font-size:1em;}

#nuestra-empresa	{width:100%;
                  box-sizing:border-box;
                  padding:0 80px 30px 80px;}

#hr1	{width:40%;margin-top:10px;}
.hr2	{width:96.6%;margin-top:10px;}

.main-nav	{
    position:absolute;
    top:55px;
    right:0;
    font-size:0.8em;
    z-index:30;
    background-image:url(../images/fondo-nav.png);
    background-repeat:repeat-y;
    text-transform:uppercase;
    display:inline-block;
}

.main-nav ul {margin-top:0;
              padding-left:0;
              text-align: center;}

.main-nav   a   {
    display:block;
    color:gray;
    text-decoration:none;
    z-index:40;
    padding:0 40px;
    margin:0 10px;
    font-weight:bold;}

.main-nav	li:hover {opacity:0.5}

.main-nav	li	{float:left;
              list-style-type:none;
              height:50px;
              line-height:50px;
              background-image:url(../images/fondo-nav.png);}					

.main-nav	a:link		{color:#517da1;}
.main-nav	a:hover		{color:#517da1;}
.main-nav	a:active	{color:#517da1;}
.main-nav	a:visited	{color:#517da1;}


.main-nav2	{margin:50px 0;
            width:100%;
            font-size:1em;}		
.main-nav2	a		{
    list-style-type:none;
    padding-left:50px;
    padding-right:50px;
    border-right:2px solid gray;
    text-decoration:none;}

.main-nav2 a:last-child{border:none;}

.main-nav2	a:active	{color:black;}
.main-nav2	a:hover		{color:black;}
.main-nav2	a:visited	{color:black;}
.main-nav2	a:link		{color:black;}			



.texto	{text-align:justified;}

#img-software	{float:right;
               margin-left:70px;}

footer	{
    border-top:30px solid #4078b1;
    width:70%;
    margin:0 auto;
    height:250px;
    clear:both;
    background-color:white;}

footer	div	{width:100%;
            text-align:center;}

#copyright	{margin:20px 0;
            clear:both;
            text-align:center;
            line-height:40px;
}


#contacto-div	ul	{list-style-type:none;}						


#lista-contacto	li	{float:left;
                    padding-right:20px;
                    padding-left:20px;}				




#icono-bandera	{margin-left:0px;}				

#icono-contacto		{margin-left:0px;}				

#icono-email		{margin-left:0px;}				




#productos-servicios {clear:both;
                      box-sizing:border-box;
                      padding:0 80px;}

#productos {list-style-type:none;display:inline-block;width:50%;vertical-align:top;}

#servicios  {display:inline-block;
            width: 35%;
		    box-sizing:border-box;
            margin-left: 15%;
            vertical-align:top;}
#servicios > ul,
#productos ul,
#productos li {margin-top:20px;padding-left:0;}

#servicios ul li {color:#244564;}

#productos ul {list-style-type:none;}


#contacto-div	img	{max-height:60px;max-width:100px;}



#productos-tabs	{margin:50px auto;
                 height:100%;
                 width:95%;
                 color:#244564;
                 font-weight:normal;
                 z-index:75;}										




#productos-tabs #tabs	{background-color:#f5f5f5;
                       width:100%;
                       color:white;
                       border:0px solid white;
                       list-style-type:none;
                       margin:0px;
                       position:relative;}

#productos-tabs #tabs .tabs-li	{border-top:1px solid white;						
                                border-left:1px solid white;					
                                border-right:1px solid white;					 
                                border-radius:5%;
                                background-color:#224870;}



#productos-tabs #tabs .tabs-li:hover {color:#254a71;
                                      background-color:#ebc244;
                                      text-decoration:none;}					


#productos-tabs	ul a {color:white;
                      text-decoration:none;
                      display:block;
                      height:100%;
                      width:100%;
}

#productos-tabs	.ul-prestaciones li,
#home-productos-list > li{
    color:#244564;
    font-weight:normal;
    list-style-type:none;
    font-size:1em;
    padding-left:40px;
    margin-top:20px;
    background-image:url(../images/alti-software-iso.png);
    background-repeat:no-repeat;
    background-position:top left;}

#home-productos-list li {padding-left:30px;}

#home-servicios-list li {margin-top:10px;}

#nuestra-empresa h1 {
    margin-top:70px;    
}

h1,h2	{
    font-size:1.5em;
    margin:50px 0;
    color:#244564;}

.title-producto {margin:40px 0;}

h3	{color:#4078b1;}


h3.slide-toggle {font-size:1.2em;}
h3.slide-toggle:hover {color:blue;}
h3.slide-toggle a {text-decoration:none;background-color:#224870;color:#fff;display:block;width:300px;height:50px;line-height:50px;text-align:center;}
h3.slide-toggle a:hover {background-color:#ebc244;}
h3.slide-toggle a:visited {color:#fff;}



th.align-center {text-align:center;}

.tabs-li	{width:16.4%;
                margin-top:0px;
                font-size:1em;
                float:left;
                line-height:40px;
                text-align:center;
      }
#productos-h	{text-align:center;color:#244564;font-weight:normal;margin-top:400px;}


#productos-tabs ul {padding-left:0;}
#productos-tabs #tabs {height:50px;}

.td-img {position:relative;}

.img-flexible	{text-align:center;    
               vertical-align:top;
               position:absolute; /* para que el tamaño de las imagenes se adapte al contenido */
               height:100%;
               right:0;
               top:0;
               background-repeat:no-repeat;
               background-size:cover;
               background-position:center;}

.img-flexible.w-100 {width:100%;}
.img-flexible.w-49 {width:49%;}

.img-flexible.left {left:0}
.img-flexible.right {right:0}

.p-der {padding-left:51%;}
.p-izq {padding-right:51%;}

.img-flexible.laboral1 {background-image:url(../images/laboral_foto1.jpg);}
.img-flexible.laboral2 {background-image:url(../images/laboral_foto2.jpg);}

.img-flexible.contable1 {background-image:url(../images/contable.jpg);}

.img-flexible.activo1 {background-image:url(../images/activo_fijo.jpg);}

.img-flexible.ptos_venta1 {background-image:url(../images/puntos_venta.jpg);}

.img-flexible.compras1 {background-image:url(../images/compras.jpg);}

.img-flexible.stock1 {background-image:url(../images/stock1.jpg);}




#contable-img-flexible	{margin-left:50px;width:250px;}




#contacto-form		{width:50%;
                 margin:0 auto;}



#contacto-form	div	{width:100%;
                    margin-left:0%;}					

#contacto-form label {display:inline-block;margin-top:30px;vertical-align:top;}
#contacto-form textarea {margin-top:30px;width:100%;height:200px}

#contacto-form input {width:100%;}
#contacto-form #mensaje {display:block;}
#contacto-form input[type="submit"] {width:30%;margin-top:30px;}



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


	#nuestra-empresa {margin-top:60px;}
	
    .main-section {width:70%;padding:0 30px;}

    header {background-size:cover;}

    #logo img {margin: 5% 5% 7% 5%}

    .main-nav {
        top:20px;
        width:100%;
        position:static;
        background:none;
        font-size:1em;
        display:none;
    }

    .main-nav	li {float:none;
                  background:none;
                  background-image:url(../images/fondo-nav-responsive.png);
                  color:#fff;}

    .main-nav	ul {padding-left:0;}

    #menu-button {width:50px;
                  display:block;
                  background-color:#00346a;
                  border-radius:2px;
                  opacity:0.7;
				  position:absolute;
				  right:30px;
				  top:30px;}

    #productos-tabs {margin-top:0;}
    #productos-tabs h1 {font-size:1.3em;margin-bottom:10px;}
    #nuestra-empresa h1 {margin:0;}

    .button-line {width:60%;
                  display:block;
                  margin:10px auto;
                  height:2px;
                  background-color:#fff;} 

    #productos-tabs {width:96%;}

    #productos-tabs #tabs {height:250px;}

    #productos-tabs #tabs .tabs-li {width:100%;margin:0;border-radius:0%;}

    h1 {margin:50px 0;}

    #productos-tabs ul a {text-transform:uppercase;}

    #nuestra-empresa {padding: 0 40px 30px 40px;}

    #productos-servicios {padding:0 50px}
    #productos,
    #servicios {width:100%;}
    #servicios {margin-left:5%;}

    #img-software {display:none;}

}



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


    .img-flexible.w-49 {position:static;
	width:100%;
	height:250px;
	margin:10px 0 20px 0;}

    .p-der,
    .p-izq {padding:0;}

    body {background:none;}

    header,
    .main-section,
    footer {width:100%;padding:0;margin:0;}

    .main-section {margin:40px 0;}

	.title-producto {display:block;padding:30px 0 0 0;}	  
	

    #logo img {width:170px;
           height:50px;
           margin:15px 0px 20px 5%;
		   box-sizing:border-box;}
 
		   
    .img-flexible {margin-top:5px;}
		   
    .main-nav {display:none;}

    .main-nav2 {width:30%;margin:10px auto;}

    .main-nav2 a {display:block;padding:20px 0;border:none;border-bottom:1px solid gray;}


	
    #contacto-form {width:80%;}
	
	#copyright {font-size:0.8em;}
}