body {
	background-color:rgba(67,67,67,1.00);
	font-family: "menuFont";
	line-height: 24px;
	font-size: 100%;
	color: #5D5C98;
	}

figure, p, address {
    margin: 0;
}

p {
	color: #fff;
	line-height: 25px;
}

iframe {
    border: 0;
}

a {
    -webkit-transition: all 0.3s ease-out 0s;
       -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
}

a, a:hover, a:focus, .btn:focus {
    text-decoration: none;
    outline: none;
}

.btn {
    border-radius: 0;
    border: 0;
    position: relative;
    text-transform: uppercase;
}

.btn-blue {
    background-color: rgba(0,158,227, 0.78);
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset;
    padding: 15px 55px;
    color: #fff;
}

.btn-blue2 {
    background-color: rgba(0,158,227, 0.78);
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset;
    padding: 3px 15px;
    color: #fff;
}

.btn-border {
    border: 2px solid #fff;
    color: #fff;
    padding: 12px 35px;
}

.bg-blue {
    background-color: #009EE3;
}

/* Sweep To Right */
.btn-effect {
	vertical-align: middle;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	display: inline-block;

	-webkit-transform: translateZ(0);
	   -moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		 -o-transform: translateZ(0);
			transform: translateZ(0);
		  
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
			backface-visibility: hidden;
		  
	-webkit-transition-property: color;
	   -moz-transition-property: color;
		-ms-transition-property: color;
			transition-property: color;
		  
	-webkit-transition-duration: 0.3s;
	   -moz-transition-duration: 0.3s;
		-ms-transition-duration: 0.3s;
			transition-duration: 0.3s;
		  
	-moz-osx-font-smoothing: grayscale;
}

.btn-effect:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	
	-webkit-transform: scaleX(0);
	   -moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
			transform: scaleX(0);
			
	-webkit-transform-origin: 0 50%;
	   -moz-transform-origin: 0 50%;
		-ms-transform-origin: 0 50%;
			transform-origin: 0 50%;
			
	-webkit-transition-property: transform;
	   -moz-transition-property: transform;
		-ms-transition-property: transform;
			transition-property: transform;
			
	-webkit-transition-duration: 0.3s;
	   -moz-transition-duration: 0.3s;
		-ms-transition-duration: 0.3s;
			transition-duration: 0.3s;
			
	-webkit-transition-timing-function: ease-out;
	   -moz-transition-timing-function: ease-out;
		-ms-transition-timing-function: ease-out;
			transition-timing-function: ease-out;
}

.btn-effect:hover, .btn-effect:focus, .btn-effect:active {
	color: #009EE3;
}

.btn-effect:hover:before, .btn-effect:focus:before, .btn-effect:active:before {
	-webkit-transform: scaleX(1);
	   -moz-transform: scaleX(1);
	    -ms-transform: scaleX(1);
			transform: scaleX(1);
}

.btn_servicios{
	width:  85%;
	margin: 1%;

}

.btn_servicios:hover {
	width:  80%;
	margin: 1%;
	opacity: 0.6;
	}



/*General*/

#separador {
height:100px;	
}

#cuerpo {
margin: 0px;
margin-left: 0px;
margin-right: 0px;
}

*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


/*Headers*/
h1,h2,h3,h4,h5,h6,.w3-slim,.w3-wide{font-family:"Segoe UI",Arial,sans-serif}
h1,h2,h3,h4,h5,h6{font-weight:400;margin:10px 0}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
 
 h1{
	color: #fff;
	font-size:36px;
}

h2{
	font-size:30px;
	color: #fff;
}
	
h3{
	color: #fff;
	font-size:24px
	}
	
h4{
	color: #fff;
	font-size:20px
}


h5{
	font-family: "menuFont";
	color: rgba(0,224,95,1.00);
	font-size:18px;
}

h6{
	color: #fff;
	font-size:16px;
}


/*DIVs*/
#padre {
	display: table;
	margin-top: 0px;
	padding:20px;
    height:100%;
	width: 100%;
		}
	
#hijo {
	display:table-cell;
	vertical-align:top;
	text-align: center;
	font-family:"menuFont";
	color: #FFFFFF;
	background-color:rgba(75,75,75,0.78);
		}
	
#divGeneral {
	background-color: rgba(255,255,255,1.00);
    height:auto;
	width: 100%;
	padding:0px;
	margin-left: 0%;
	margin-right: 0%;
	}
	
#divInterno {
	display: block;
	vertical-align: top;
	text-align: center;
	font-family: "menuFont";
	color: #CCCCCC;
	padding: 5px;
	}

.div-content{
	
	max-width:50%;
	margin:20px;
		}
.div_mensaje{
	background-image:url(../imagenes/fondo_div.jpg);
	background-size: 100% 100%;
		background-repeat: no-repeat;
	text-align: center;
	padding-top: 7%;
	padding-bottom: 8%;
	
}

.div_mensaje2{
background-image:url(../imagenes/fondo_div1.jpg);
	background-size: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.div_mensaje_contacto{
	color: rgba(0,16,144,1.00);
	background-image:url(../imagenes/fondo_div.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	text-align: center;
	
}



.div_registro_conta{
	background-color: rgba(253,190,0,0.83);	
	font-family: "menuFont";
	display: inline-block;
	padding:20px;
	color:rgba(255,255,255,1.00);
	font-size:16px;
}

.div_registro_conta_titulos{
	background-color:rgba(253,190,0,0.83);	
	font-family: "menuFont";
	padding:20px;
	color:rgba(255,255,255,1.00);
	text-align: center;
	vertical-align: middle;
/*font-size:16px;*/
}

.div_registro_conta_fondo{
	background-color:rgba(131,131,131,0.30);	
	padding:20px;
		}
	

#div_encabezado{
	float:left;
	margin-left:10px;
}

 /*Menus*/
 /*Barra Superior*/
 
 #button {
background-color:  rgba(0,21,108,1.00);
box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset;
padding: 0px;
color: #FFFFFF;
text-align: center;
}

#button li {
		display: inline;
		}

#button li a {
font-family: "menuFont";
font-size:14px;
text-decoration: none;
float: none;
padding: 5px;

color: #FFFFFF;
}

#button li a:hover{
background-color: #2175bc;
vertical-align: middle;
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
		
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
		  
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
		  
-webkit-transition-property: color;
-moz-transition-property: color;
-ms-transition-property: color;
transition-property: color;
		  
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
transition-duration: 0.3s;
-moz-osx-font-smoothing: grayscale;
}


/*Menus barra lateral*/		
.social{
position:fixed;
left:0;
z-index:2000;
top: 200px;
width: 50%;
}

.social ul{
list-style:none;
}

.social ul li a{
display: inline-block;
color: #fff;
padding: 0px 0px;
text-decoration:none;
-webkit-transition: all 500s;
-o-transition: all 500s;
transition: all 500s;
}
	
.social ul li a:hover{
background: #0000; 
content:url(../imagenes/ir.png); 
}

/*Menus barra inferior*/

#buttonPie {
padding: 0;
}

#buttonPie li {
display:inline-block;
	position: relative;
	padding: 10px;
}

#buttonPie li a {
font-family:"menuFont";
font-size:13px;
text-decoration: none;
float: none;
padding: 10px;
color: #ffff;
text-align:center;
	display:block;
}



/*Imagenes*/	 

#id_img_fondo{    
position: absolute;
alignment-adjust:central;
z-index: -1;
top: 0;
left: 0;
width: 100%;
}

#id_img_fondo_web{    
position: fixed;
alignment-adjust:central;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height:100%;
}
 
#imgen_encabezado{
width: 100%;
height:auto;
text-align:center;
}

#imagen_productos{
width: 35%;
height:auto;
text-align:center;
}

#imagen_productos2{
width: 30%;
height:auto;
text-align:center;
}

.icon-idemp { 
content:url(../imagenes/idemp.png); 
width: 15%;
height:auto;
}

.icon-fact{
content: url(../imagenes/fact.png);
width: 15%;
height:auto;
   }
 
.icon-xml{
content: url(../imagenes/xml.png);
width: 15%;
height:auto;
  }

.icon-pdf{
content: url(../imagenes/pdf.png);
width: 15%;
height:auto;
}

.icon-house{
content: url(../imagenes/home.png);
}

.icon-suitcase{
content: url(../imagenes/info.png);
}

.icon-rocket{
content: url(../imagenes/rocket.png);
}

.icon-mail{
content: url(../imagenes/envelop.png);
}

.icon-clip{
content: url(../imagenes/clipboard.png);
}

.icon-sphere{
content: url(../imagenes/sphere.png);
}

.icon-dot{
content: url(../imagenes/dot.png);
}
   
#imgenes_banner{
width: 100%;
height:auto;
}

#imagen_logo_tablas{
	width:40%;	
}

	  
/*Rotacion de Banners*/		
/*Rotacion Facturacion*/  		  
.rotateMe { 
 -webkit-transition: -webkit-transform 1s ease-out;
 -moz-transition: -moz-transform 1s ease-out;
 transition: transform 1s ease-out;
 }
	   
.rotateMe :hover{
padding-right: 25px;
}
	   
.rotateMe:active {
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
transform: rotate(270deg); 
width: 500px;
height:500px;
}

/*Rotacion de Xml*/
	
.rotateMeXml { 
-webkit-transition: -webkit-transform 1s  ease-out;
-moz-transition: -moz-transform 1s ease-out;
transition: transform 1s ease-out;
}	
			
.rotateMeXml:hover{
padding-right: 25px;
}
	   
.rotateMeXml:active {
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
transform: rotate(270deg); 
width: 500px;
height:500px;		 	
}

/*Rotacion de Converter*/	

.rotateMeConverter { 
-webkit-transition: -webkit-transform 1s ease-out;
-moz-transition: -moz-transform 1s ease-out;
transition: transform 1s ease-out;
}
		
.rotateMeConverter:hover{
padding-right: 25px;
}
	   
.rotateMeConverter:active {
content:url(../imagenes/convertXmlDesc.jpg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg); 
width: 85%;
height:auto;		 
}
	
/*Tablas*/

#margen_tabla{
padding: 10px;
}

#tabla_social{
alignment-baseline: central;
width:100%;
text-align: right;
background-color:rgba(0,27,90,0.54);
}

#tabla_precios{
alignment-baseline:baseline;
background-color:rgba(255,255,255,1.00);
font-family:"Segoe UI",Arial,sans-serif;
font-weight:400;
font-size:18px;
padding: 0px;
}

#tabla_precios1{
alignment-baseline:baseline;
color:rgba(255,255,255,1.00);
background-color: rgba(0,0,92,1.00);
font-family:"Segoe UI",Arial,sans-serif;
font-weight:400;
font-size:18px;
padding: 0px;
}

#tabla_precios2{
alignment-baseline:baseline;
	background-color:rgba(0,126,158,0.49);
font-family:"Segoe UI",Arial,sans-serif;
font-weight:400;
color: #fff;
font-size:18px;
	padding: 10px;
}

#tabla_precios3{
alignment-baseline:baseline;
	background-color:rgba(54,160,211,0.75);
	font-family:"Segoe UI",Arial,sans-serif;
font-weight:400;
color: #fff;
font-size:18px;
	padding: 10px;
}

#tabla_precios_td{
text-align: center;
background-color:rgba(255,206,0,0.80);
font-family:"Segoe UI",Arial,sans-serif;
font-weight:400;
margin:10px 0;
color:#FFFFFF;
font-size:14px;
}

#tabla_precios_td0{
text-align: center;
background-color:rgba(255,150,0,0.80);
font-family:"Segoe UI",Arial,sans-serif;
font-weight:400;
margin:10px 0;
color:#FFFFFF;
font-size:14px;
}

#tabla_precios_td1{
text-align: center;
background-color:rgba(0,200,72,0.80);
font-family:"Segoe UI",Arial,sans-serif;
font-weight:400;
margin:10px 0;
color:#FFFFFF;
font-size:14px;
}

#tabla_precios_td2{
text-align: center;
background-color:rgba(0,76,255,0.80);
font-family:"Segoe UI",Arial,sans-serif;
font-weight:400;
margin:10px 0;
color:#FFFFFF;
font-size:14px;
}

#tabla_precios_td3{
text-align: center;
background-color:rgba(255,63,0,0.80);
font-family:"Segoe UI",Arial,sans-serif;
font-weight:400;
margin:10px 0;
color:#FFFFFF;
font-size:14px;
}

#productos{
alignment-baseline:baseline;
	text-align: center;
	background-color:rgba(0,0,0,0.80);
font-family:"Segoe UI",Arial,sans-serif;
font-weight:400;
color: #7D7D7D;
}

#productos2{
alignment-baseline:baseline;
	text-align: center;
	background-color:rgba(10,47,223,0.50);
font-family:"Segoe UI",Arial,sans-serif;
font-weight:400;
color: #fff;
}
/* modal*/
/*Headers*/

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 4000; /* Sit on top */
    padding-top: 0px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(255,255,255,1.00); /* Fallback color */
    background-color: rgba(255,255,255,1.00); /* Black w/ opacity */
	}

/* Modal Content */
.modal-content {
     margin: auto;
    display: block;
    width: 100%;
	}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/*menor resolucion*/

@media screen and (max-width: 800px) {
	
	#cuerpo {
margin: 0px;
margin-left: 5%;
margin-right: 5%;
}
	
	#buttonPie {
padding: 0;
}
	
	#buttonPie li {
		position: relative;
display: inline-block;
padding: 0px;
}

#buttonPie li a {
font-family:"menuFont";
font-size:10px;
text-decoration: none;
float: none;
padding: 0px;
color: #ffff;
text-align:center;
}

 #button {
background-color:  rgba(64,64,64,0.9);
box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset;
padding: 0px;
color: #FFFFFF;
text-align: center;
}
	
.modal-content {
     margin: auto;
    display: block;
    width: 100%;
	   
}

	#imagen_logo_tablas{
	width:80%;	
}

}