@charset "utf-8";
/* CSS Document */

/* INICIO ICON FONT */


@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	
}

/* Use the following CSS code if you want to use data attributes for inserting your icons 
[data-icon]:before {
	font-family: 'icomoon';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
} */

/* Use the following CSS code if you want to have a class per icon */
/* Instead of a list of all class selectors, you can use the generic selector below, but it's slower: */

[class*="icon-"] {
	
	font-family: 'icomoon';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	        font-smoothing: antialiased;
    text-rendering: optimizeLegibility;	
	

	 }

.icon-plane, .icon-food, .icon-suitcase, .icon-book, .icon-hospital, .icon-home, .icon-cart, .icon-automobile, .icon-webhostinghub, .icon-building, .icon-graduation, .icon-pill, .icon-drink, .icon-book-2 {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	        font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
		
}



.big {
      
  font-size: 6em;
  text-align: center !important;  
  font-weight: normal;
  overflow: hidden;
   margin:10px;
  padding:20px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out
}

.big:hover {
  background:;
}

.icon-font {
  font-size: 1em;
  line-height: 1.9 !important;
  text-align:center !important;
}

.big .icon-font {
  float:left;
}

/*
.icon-tag {
	background: #8BBA30;
	color:#FFFFFF;
	margin:7px;
	}

.icon-tag:hover {
	background: #FFFFFF;
	color: #8BBA30;
	margin:7px;
	}

*/




.icon-suitcase:before {
	content: "\e002";
}

.icon-food:before {
	content: "\e001";
}

.icon-plane:before {
	content: "\e000";
}

.icon-book:before {
	content: "\e003";
}
.icon-hospital:before {
	content: "\e004";
}
.icon-home:before {
	content: "\e005";
}
.icon-cart:before {
	content: "\e006";
}
.icon-automobile:before {
	content: "\e007";
}
.icon-webhostinghub:before {
	content: "\e008";
}
.icon-building:before {
	content: "\e009";
}
.icon-graduation:before {
	content: "\e00a";
}
.icon-pill:before {
	content: "\e00b";
}
.icon-drink:before {
	content: "\e00c";
}
.icon-book-2:before {
	content: "\e00d";
}


/* FIN DE ICON FONT */

#contenedor_1A {
	
	height: 1700px;
	width: 100%;

}

#contenedor {
	
	height: 1427px;
	width: 100%;

}


#cabecera {
	background-color: #FFF;
	height: 190px;
	width: 100%px;
}


#contenedor_cab {
	background-color: #FFF;
	height: 150px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}


#box {
	background-color: #FFF;
	height: 1000px;
	width: 100%px;
}


#portafolio {
	margin-right: auto;
	margin-left: auto;
	height: 150px;
	width: 780px;
	padding-top:50px;
	padding-left:40px;
}

/* COMO CENTRAR UNA IMAGEN EN CSS*/
img.pexpresso {
display: block;
margin-left: auto;
margin-right: auto 	

	}
	
.pexpress {
width:100px;
height:120px;
background-image:url('../images/pizz-smblack.png');
background-repeat:no-repeat;
display: block;
	}
	
.pexpress:hover {
width:100px;
height:100px;
background-image:url('../images/pizz-sm.png');
background-repeat:no-repeat;
display: block;

  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out

	}	

.cfloral {
width:120px;
height:120px;
background-image:url('../images/cfloralblk.png');
background-repeat:no-repeat;
display: block;
	}
	
.cfloral:hover {
width:120px;
height:120px;
background-image:url('../images/cfloralclr.png');
background-repeat:no-repeat;
display: block;

  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out

	}	


.bclinik {
width:100px;
height:100px;
background-image:url('../images/bclinikblk.png');
background-repeat:no-repeat;
display: block;
	}
	
.bclinik:hover {
width:100px;
height:100px;
background-image:url('../images/bclinikclr.png');
background-repeat:no-repeat;
display: block;

  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out

	}	
	
.lena {
width:100px;
height:100px;
background-image:url('../images/lenablk.png');
background-repeat:no-repeat;
display: block;
	}
	
.lena:hover {
width:100px;
height:100px;
background-image:url('../images/lenaclr.png');
background-repeat:no-repeat;
display: block;

  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out

	}	
	
.barra {
width:100px;
height:100px;
background-image:url('../images/livingblk.png');
background-repeat:no-repeat;
display: block;
	}
	
.barra:hover {
width:100px;
height:100px;
background-image:url('../images/living.png');
background-repeat:no-repeat;
display: block;

  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out

	}

.julias {
width:100px;
height:100px;
background-image:url('../images/juliasblk.png');
background-repeat:no-repeat;
display: block;
	}
	
.julias:hover {
width:100px;
height:100px;
background-image:url('../images/juliasclr.png');
background-repeat:no-repeat;
display: block;

  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out

	}

.test {
width:100px;
height:100px;
background-image:url('../images/cakeblk.png');
background-repeat:no-repeat;
display: block;
	}
	
.test:hover {
width:100px;
height:100px;
background-image:url('../images/cakeclr.png');
background-repeat:no-repeat;
display: block;

  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out

	}
	
		
#box1content{
	
	margin: 50px;
	float: left;
	height: 300px;
	width: 300px;
	border: 1px solid #CCC;
	-moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    
}


#box1image {
	border: 1px solid #EBEBEB;
	height: 621px;
	width: 980px;
	margin-top: 2px;
	margin-left: 2px;
	


}






#slider {
	
	height: 448px;
	width: 100%;

	
}


p.texto {
	font-family:Tahoma, Geneva, sans-serif; font-size:36px; color: #FFF;
	
	}
	

#logo {
	
	height: 145px;
	width: 242px;
	float: left;
	margin: 0px;
	margin-top:40px;
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
	
}

#logo:hover {
	
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
	
}


#menu {
	
	height: 96px;
	width: 689px;
	margin-top: 20px;
	float: left;
	margin-left:55px;
	padding-left:10px;
}

#wrapper_1A {
	margin-right: auto;
	margin-left: auto;
	height: 800px;
	width: 1000px;
}


#wrapper {
	margin-right: auto;
	margin-left: auto;
	height: 650px;
	width: 1000px;
}

.info {
	margin-right: auto;
	margin-left: auto;
	}

#footer {
	background-color:#2c3e50;
	height: 350px;
	width: 100%;
}

#footercontent {
	background-color: #2c3e50;
	height: 200px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

/* LINK FOOTER */
a.footertext:link {color: #FFFFFF; font-size: 12px; padding-right:10px; text-decoration:none;}
a.footertext:visited {color: #FFFFFF; text-decoration:none }
a.footertext:hover {color: #F4B300; text-decoration:none }
a.footertext:active {color: #FFFFFF; text-decoration:none }

/* LINK TERMINOS Y CONDICIONES */
a.terminos:link {color: #BAC5C9; font-size: 12px; padding-right:10px; text-decoration:none; }
a.terminos:visited {color: #BAC5C9; text-decoration:none }
a.terminos:hover {color: #FFFFFF; text-decoration:none }
a.terminos:active {color: #BAC5C9; text-decoration:none }

/* LINK DE TWITTER */
a.twitter:link {color: #1AB7EA !important; font-size: 12px; padding-right:10px; text-decoration:none; text-align:center !important;}
a.twitter:visited {color: #1AB7EA; text-decoration:none }
a.twitter:hover {color: #BAC5C9 !important; text-decoration:none }
a.twitter:active {color: #1AB7EA; text-decoration:none }


/* QUIENES SOMOS */

#boxsomos {
	background-color: #FFF;
	height: 1000px;
	width: 100%px;
}


#wrapperqsomos {
	margin-right: auto;
	margin-left: auto;
	height: 900px;
	width: 1000px;
}

#contqsomos {
	
	height: 900px;
	width: 100%;

}

#boxqsomos {
	background: #e67e22;
	float: left;
	height: 425px;
	width: 550px;
	margin-top: 50px;
	margin-left: 20px;

	color:#FFF;
}


#contentqsomos{
	
	margin: 15px;
	padding-top:35px;
	padding-left:30px;
	float: left;
	height: 390px;
	width: 350px;

}

#contentqsomos2{
	
	margin: 40px;
	float: left;
	height: 360px;
	width: 270px;
	padding-left:70px;

}

#boxqsomos2 {
	float: left;
	height: 300px;
	width: 550px;
	margin-top: 50px;
	margin-left: 20px;
	color:#4BACC6;
	background:#2980b9;
	
}

/* FIN QUIENES SOMOS */



/* PORTAFOLIOS */

#bxportafolio {
	background-color: #FFF;
	height: 2900px;
	width: 100%px;
}


#contportaffo {
	
	height: 2300px;
	width: 100%;

}

#contportafol {
	
	height: 1500px;
	width: 100%;

}


#wrapperportafo{
	margin-right: auto;
	margin-left: auto;
	height: 2300px;
	width: 1000px;
}

#boxportafo1 {
	float: left;
	height: 350px;
	width: 520px;
	margin-top: 50px;
	margin-left: 20px;
	
	color: #4BACC6;
	background: #2980b9;
	margin-right: 30px;
	
}

#boxportafo2 {
	height: 480px;
	width: 400px;
	border: 1px solid #CCC;
	color: #4BACC6;
	margin-top: 50px;
	float: left;
	
}

#boxportafo {
	background: #e67e22;
	float: left;
	height: 125px;
	width: 972px;
	margin-top: 50px;
	margin-left: 20px;

	color:#FFF;
	
	


}

.clearfloat {
	
	clear:left;	
	
	}

/* FIN PORTAFOLIOS */


/* METODOLOGIA */


#wrappermeto{
	margin-right: auto;
	margin-left: auto;
	height: 1350px;
	width: 1000px;
}


#boxmetodo1 {
	float: left;
	height: 505px;
	width: 520px;
	margin-top: 50px;
	margin-left: 20px;
	
	color: #4BACC6;
	background:#e67e22 ;
	margin-right: 30px;
	
}


#boxmetodo {
	background: #3498db;
	float: left;
	height: 300px;
	width: 972px;
	margin-top: 50px;
	margin-left: 20px;

	color:#FFF;

}

#contentmetodo{
	
	margin: 50px;
	float: left;
	height: 500px;
	width: 300px;   
    
}

#boxmetoimg {
	height: 480px;
	width: 400px;
	
	color: #4BACC6;
	margin-top: 50px;
	float: left;
	padding-left:30px;
	
}

/* FIN METODOLOGIA */


/* SOLUCIONES */

#cabecerasolu {
	background-color: #FFF;
	height: 150px;
	width: 100%px;
}

#boxcontsolu {
	background-color: #FFF;
	height: 800px;
	width: 100%px;
}

#wrappersolucion{
	margin-right: auto;
	margin-left: auto;
	height: 700px;
	width: 1000px;
}

#boxsolucion {
	
	
	float: left;
	height: 540px;
	width: 972px;
	margin-top: 5px;
	margin-left: 20px;

	color: #CCC;

}

#boxsoluciones1 {
	background: #2673EC;
	float: left;
	height: 300px;
	width: 972px;
	margin-top: 50px;
	margin-left: 20px;
	color:#FFF;

}

#contentsoluciones{
	
	margin: 50px;
	float: left;
	height: 500px;
	width: 300px; 
    
}

.soluciones {
	background-color:#2FB1BE ;
	float: left;
	height: 135px;
	width: 230px;
	margin:2px;
	color:#F9F9F9;
	text-align:center !important;
	padding-top:45px;
}

.soluciones:hover {
	background: #F9F9F9;
	color: #2FB1BE;
   cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
	}
	

.restaurante {
	background-color:#8BBA30 ;
	float: left;
	height: 135px;
	width: 230px;
	margin:2px;
	color:#F9F9F9;
	text-align:center !important;
	padding-top:45px;
}

.restaurante:hover {
	background: #F9F9F9;
	color: #8BBA30;
   cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
	}
	
.travel {
	background-color:#BEA881 ;
	float: left;
	height: 135px;
	width: 230px;
	margin:2px;
	color:#F9F9F9;
	text-align:center !important;
	padding-top:45px;
}

.travel:hover {
	background: #F9F9F9;
	color: #BEA881;
   cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
	}	

.university {
	background-color:#EF3A5B ;
	float: left;
	height: 135px;
	width: 230px;
	margin:2px;
	color:#F9F9F9;
	text-align:center !important;
	padding-top:45px;
}

.university:hover {
	background: #F9F9F9;
	color: #EF3A5B;
   cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
	}	

.store {
	background-color:#83A8C3 ;
	float: left;
	height: 135px;
	width: 230px;
	margin:2px;
	color:#F9F9F9;
	text-align:center !important;
	padding-top:45px;
}

.store:hover {
	background: #F9F9F9;
	color: #83A8C3;
   cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
	}

.plaza {
	background-color:#EBB741 ;
	float: left;
	height: 135px;
	width: 230px;
	margin:2px;
	color:#F9F9F9;
	text-align:center !important;
	padding-top:45px;
}

.plaza:hover {
	background: #F9F9F9;
	color: #EBB741;
   cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
	}
	
.drugstore {
	background-color:#385E82 ;
	float: left;
	height: 135px;
	width: 230px;
	margin:2px;
	color:#F9F9F9;
	text-align:center !important;
	padding-top:45px;
}

.drugstore:hover {
	background: #F9F9F9;
	color: #385E82;
   cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
	}	

.gym {
	background-color:#56C5FF ;
	float: left;
	height: 135px;
	width: 230px;
	margin:2px;
	color:#F9F9F9;
	text-align:center !important;
	padding-top:45px;
}

.gym:hover {
	background: #F9F9F9;
	color: #56C5FF;
   cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
	}	

.hospital {
	background-color:#EF3A5B ;
	float: left;
	height: 135px;
	width: 230px;
	margin:2px;
	color:#F9F9F9;
	text-align:center !important;
	padding-top:45px;
}

.hospital:hover {
	background: #F9F9F9;
	color: #EF3A5B;
   cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
	}		
	
.hospital {
	background-color:#EF3A5B ;
	float: left;
	height: 135px;
	width: 230px;
	margin:2px;
	color:#F9F9F9;
	text-align:center !important;
	padding-top:45px;
}

.hospital:hover {
	background: #F9F9F9;
	color: #EF3A5B;
   cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
	}	
	
.college {
	background-color:#56C5FF ;
	float: left;
	height: 135px;
	width: 230px;
	margin:2px;
	color:#F9F9F9;
	text-align:center !important;
	padding-top:45px;
}

.college:hover {
	background: #F9F9F9;
	color: #56C5FF;
   cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
	}	
		
	
.bar {
	background-color:#8BBA30 ;
	float: left;
	height: 135px;
	width: 230px;
	margin:2px;
	color:#F9F9F9;
	text-align:center !important;
	padding-top:45px;
}

.bar:hover {
	background: #F9F9F9;
	color: #8BBA30;
   cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
	}	
	
	
.home {
	background-color:#EBB741 ;
	float: left;
	height: 135px;
	width: 230px;
	margin:2px;
	color:#F9F9F9;
	text-align:center !important;
	padding-top:45px;
}

.home:hover {
	background: #F9F9F9;
	color: #EBB741;
   cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
	}	

.car {
	background-color:#385E82 ;
	float: left;
	height: 135px;
	width: 230px;
	margin:2px;
	color:#F9F9F9;
	text-align:center !important;
	padding-top:45px;
}

.car:hover {
	background: #F9F9F9;
	color: #385E82;
   cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
	}	
	
.disp1 {
	background-color:#EF3A5B ;
	float: left;
	height: 135px;
	width: 230px;
	margin:2px;
	color:#F9F9F9;
	text-align:center !important;
	padding-top:45px;
}

.disp1:hover {
	background: #F9F9F9;
	color: #EF3A5B;
   cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
	}			

.disp2 {
	background-color:#83A8C3 ;
	float: left;
	height: 135px;
	width: 230px;
	margin:2px;
	color:#F9F9F9;
	text-align:center !important;
	padding-top:45px;
}

.disp2:hover {
	background: #F9F9F9;
	color: #83A8C3;
   cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
	}			
					
/* SOLUCIONES */



#blockcontainer {
	
	height: 336px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top:30px;
}

.cajitas {
	background-color: #EFF0F2;
	float: left;
	height: 336px;
	width: 186px;
	margin-left:14px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}

 .icon {
	
	height: 120px;
	width: 120px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
}

	
	
	
 .boton {
	width:160px;
	height:40px;
	background:#2980b9;
	margin-top:10px; 
	margin-right: auto;
	margin-left: auto;

	border-bottom: 4px solid #185F8D;
	
	
	 
	 }	
	 
		 
.boton:hover {
	width:160px;
	height:40px;
	background:#3498db;
	margin-top:10px; 
	margin-right: auto;
	margin-left: auto;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  	
	border-bottom: 4px solid #185F8D;
  
	 
	 }	 


 .boton2 {
	width:160px;
	height:40px;
	background:#F39C12;
	margin-top:10px; 
	margin-right: auto;
	margin-left: auto;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	
	
	 
	 }	
	 
		 
.boton2:hover {
	width:160px;
	height:40px;
	background:#F1C40F;
	margin-top:10px; 
	margin-right: auto;
	margin-left: auto;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
  
	 
	 }	

/* CAJITAS */
a.boxy:link {color: #FFFFFF; size:14px !important; padding-right:10px; text-decoration:none; }
a.boxy:visited {color: #FFFFFF; text-decoration:none }
a.boxy:hover {color: #FFFFFF; text-decoration:none }
a.boxy:active {color: #FFFFFF; text-decoration:none }	 


/* WEBMOVIL */

#wrappermovil {
	margin-right: auto;
	margin-left: auto;
	height: 1000px;
	width: 1000px;
}

#boxwebmovil {
	background: #e67e22;
	float: left;
	height: 190px;
	width: 972px;
	margin-top: 50px;
	margin-left: 20px;
	color:#FFF;

}

#boxwebmovil2 {
	float: left;
	height: 685px;
	width: 520px;
	margin-top: 50px;
	margin-left: 20px;
	
	color: #4BACC6;
	background: #2980b9;
	margin-right: 30px;
	
}


.twitter {
width:64px;
height:64px;
background-image:url('../images/twitter.svg');
background-repeat:no-repeat;
	}
	
.twitter:hover {
width:64px;
height:64px;
background-image:url('../images/twitter-hov.svg');
background-repeat:no-repeat;
	}	

.facebook {
width:64px;
height:64px;
background-image:url('../images/facebook.svg');
background-repeat:no-repeat;
	}
	
.facebook:hover {
width:64px;
height:64px;
background-image:url('../images/facebook-hov.svg');
background-repeat:no-repeat;
	}		


.gplus {
width:64px;
height:64px;
background-image:url('../images/gplus.svg');
background-repeat:no-repeat;
	}
	
.gplus:hover {
width:64px;
height:64px;
background-image:url('../images/gplus-hov.svg');
background-repeat:no-repeat;
	}		

/* WEBMOVIL */

/* QUE ES UN SITIO WEB MOVIL sitiomovil.php */

#boxsitiomov {
	background: #34495e;
	float: left;
	height: 930px;
	width: 590px;
	margin-top: 50px;
	margin-left: 20px;

	color:#FFF;
}

#contsitiomov {
	
	height: 1200px;
	width: 100%;

}

#contentsitiomov{
	
	margin: 50px;
	margin-left:25px;
	float: left;
	height: 425px;
	width: 300px;

}

#contentmov{
	
	margin: 20px;
	margin-left:25px;
	float: left;
	height: 425px;
	width: 300px;

}

#contentwebmovil{
	
	margin: 50px;
	float: left;
	height: 507px;
	width: 277px;

}

/* QUE ES UN SITIO WEB MOVIL sitiomovil.php */

/* USABILIDAD */

#boxusabilidad {
	background: #1ABC9C;
	float: left;
	height: 465px;
	width: 550px;
	margin-top: 50px;
	margin-left: 20px;

	color:#FFF;
}

/* USABILIDAD */


/* VENTAS  */

#boxventas {
	background: #e67e22;
	float: left;
	height: 507px;
	width: 550px;
	margin-top: 50px;
	margin-left: 20px;

	color:#FFF;
}


#boxventas2 {
	float: left;
	height: 375px;
	width: 550px;
	margin-top: 10px;
	margin-left: 20px;
	color:#4BACC6;
	background:#2980b9;
	
}

#contentventas{
	
	margin: 50px;
	float: left;
	height: 507px;
	width: 277px;

}

/* VENTAS  */

/* SOCIALES  */

#boxsociales {
	background: #E74C3C;
	float: left;
	height: 470px;
	width: 550px;
	margin-top: 50px;
	margin-left: 20px;

	color:#FFF;
}

#boxsocial2 {
	float: left;
	height: 360px;
	width: 550px;
	margin-top: 30px;
	margin-left: 20px;
	color:#4BACC6;
	background:#2980b9;
	
}

/* SOCIALES  */

/* TIEMPO  */

#boxtiempo {
	background: #2C3E50;
	float: left;
	height: 425px;
	width: 550px;
	margin-top: 50px;
	margin-left: 20px;

	color:#FFF;
}

#boxtiempo2 {
	float: left;
	height: 320px;
	width: 550px;
	margin-top: 50px;
	margin-left: 20px;
	color:#4BACC6;
	background:#2980b9;
	
}


/* TIEMPO  */



/* QRCODE  */

#contqrcode {
	
	height: 1200px;
	width: 100%;

}

#wrapperqrcode{
	margin-right: auto;
	margin-left: auto;
	height: 1000px;
	width: 1000px;
}

#contentqrcode{
	
	margin: 35px 15px 50px 50px;
	float: left;
	height: 300px;
	width: 300px;

}

#boxqrcode {
	background: #e67e22;
	float: left;
	height: 130px;
	width: 972px;
	margin-top: 50px;
	margin-left: 20px;
	color:#FFF;

}



/* QRCODE */



/* ATERRIZAJE */

#wrapperaterriz{
	margin-right: auto;
	margin-left: auto;
	height: 1350px;
	width: 1000px;
}


#contentaterriz{
	
	margin: 50px;
	float: left;
	height: 507px;
	width: 277px;

}

#boxaterrizaje {
	background: #e67e22;
	float: left;
	height: 120px;
	width: 972px;
	margin-top: 50px;
	margin-left: 20px;
	color:#FFF;

}

#boxaterrizaje2 {
	float: left;
	height: 735px;
	width: 520px;
	margin-top: 50px;
	margin-left: 20px;
	
	color: #4BACC6;
	background: #2980b9;
	margin-right: 30px;
	
}

/* ATERRIZAJE */


/* MARKETMOVIL */

#wrappermarket{
	margin-right: auto;
	margin-left: auto;
	height: 1350px;
	width: 1000px;
}

#contentmarket{
	
	margin: 50px;
	float: left;
	height: 507px;
	width: 277px;

}

#boxmarket {
	background: #e67e22;
	float: left;
	height: 130px;
	width: 972px;
	margin-top: 50px;
	margin-left: 20px;
	color:#FFF;

}



/* MARKETMOVIL */

/* ANALYTICS */

#wrapperanalyt {
	margin-right: auto;
	margin-left: auto;
	height: 1350px;
	width: 1000px;
}

#contentanalyt{
	
	padding-top: 50px;
	float: left;
	height: 277px;
	width: 350px;

}

#boxanalytics {
	background: #e67e22;
	float: left;
	height: 140px;
	width: 972px;
	margin-top: 50px;
	margin-left: 20px;
	color:#FFF;

}



/* ANALITICS */

/* PRIVACIDAD */

#boxpriva {
	background-color: #FFF;
	height: 2000px;
	width: 100%px;
}

#wrapperpriva{
	margin-right: auto;
	margin-left: auto;
	height: 1500px;
	width: 1000px;
}

#wrapperterm{
	margin-right: auto;
	margin-left: auto;
	height: 1000px;
	width: 1000px;
}

#boxprivacy {
	
	float: left;
	height: 1900px;
	width: 972px;
	margin-top: 50px;
	margin-left: 20px;

	color:#95A5A6;

}



/* PRIVACIDAD */

/* TERMINOS */

#boxtermino {
	background-color: #FFF;
	height: 1200px;
	width: 100%px;
}

#wrappertermino{
	margin-right: auto;
	margin-left: auto;
	height: 1500px;
	width: 1000px;
}

#boxterms {
	
	float: left;
	height: 1000px;
	width: 972px;
	margin-top: 50px;
	margin-left: 20px;

	color:#95A5A6;

}


/* TERMINOS */

/* SIMULADOR */

#boxsimucont {
	background-color: #FFF;
	height: 1250px;
	width: 100%px;
}

#boxsimulador {
	background: #3498db;
	float: left;
	height: 200px;
	width: 972px;
	margin-top: 50px;
	margin-left: 20px;

	color:#FFF;

}

#wrappersimulador{
	margin-right: auto;
	margin-left: auto;
	height: 900px;
	width: 1000px;
}

.simubox {

height: 700px;
width:100%;	
margin-bottom:50px;
	
	}

#footersi {
   position:fixed;
   left:0px;
   bottom:0px;
   height:55px;
   width:100%;
   background:#2C3E50;
   text-align:center;
   font-family: "Arial, Helvetica, sans-serif";
   font-size:12px;
   font-weight: normal !important;
   color:#FFF;
  

   
}

.botton {
background: #F39C12;
border:0px;
padding:10px;
border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
-webkit-border-radius:4px;
color:#2C3E50;
	
	}

.botton:hover {
background: #F1C40F;
border:0px;
padding:10px;
border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
-webkit-border-radius:4px;
color:#2C3E50;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out
	
	}	
input.http {
	background:#ECF0F1;
	border:none;
	padding:7px;
	color:#2980B9;
	text-align:center;
	
	}	

/* SIMULADOR */


/* ARTICULOS */

#contarticulo {
	
	height: 3500px;
	width: 100%;

}

#boxarticulo {
	background-color: #FFF;
	height: 4300px;
	width: 100%px;
}

#boxitem {
	background: #ffffff;
	float: left;
	height: 665px;
	width: 550px;
	margin-top: 10px;
	margin-left: 20px;

	color:#2C3E50;
}

#boxitem3 {
	background: #ffffff;
	float: left;
	height: 500px;
	width: 550px;
	margin-top: 10px;
	margin-left: 20px;

	color:#2C3E50;
}

#boxitem4 {
	background: #ffffff;
	float: left;
	height: 380px;
	width: 550px;
	margin-top: 10px;
	margin-left: 20px;

	color:#2C3E50;
}

#contentimg{
	
	margin: 10px 50px 50px 50px;
	float: left;
	height: 300px;
	width: 300px;

}

#wrapperarticulo {
	margin-right: auto;
	margin-left: auto;
	height: 3500px;
	width: 1000px;
}

/* ARTICULOS */


/* CONTACTO */

#contentcont {
	background-color: #FFF;
	height: 780px;
	width: 100%px;
}


#boxcontacto {
	background: #3498db;
	float: left;
	height: 65px;
	width: 972px;
	margin-top: 50px;
	margin-left: 20px;

	color:#FFF;

}

#boxcontact {
	background: #ffffff;
	float: left;
	height: 300px;
	width: 972px;
	margin-top: 50px;
	margin-left: 20px;
   
	

}

#wrappercontact{
	margin-right: auto;
	margin-left: auto;
	height: 500px;
	width: 1000px;
}

/* CONTACTO */


/* FAQ */

#boxfaq2 {
	background: #34495E;
	float: left;
	height: 65px;
	width: 972px;
	margin-top: 50px;
	margin-left: 20px;

	color:#FFF;

}

#boxfaq3 {
	background: #E74C3C;
	float: left;
	height: 65px;
	width: 972px;
	margin-top: 50px;
	margin-left: 20px;

	color:#FFF;

}

#contfaq  {
height:2750px;	
width:100%;
	
	}
	
/* FAQ */


/* DATA */


#contentdata {
	background-color: #FFF;
	height: 400px;
	width: 100%px;
}

#wrapperdata{
	margin-right: auto;
	margin-left: auto;
	height: 500px;
	width: 1000px;
}

#boxdata {
	
	float: left;
	height: 300px;
	width: 972px;
	margin-top: 50px;
	margin-left: 50px;
   
	

}

/* DATA */

/* NOSOTROS */

#boxnosotros1 {
	background-color: #FFF;
	height: 600px;
	width: 100%px;
}

#contnosotros {
	
	height: 500px;
	width: 100%;

}

#wrappernosotros {
	margin-right: auto;
	margin-left: auto;
	height: 700px;
	width: 1000px;
}

#boxelegirnos {
	background: #e67e22;
	float: left;
	height: 510px;
	width: 550px;
	margin-top: 50px;
	margin-left: 20px;

	color:#FFF;
}

/* NOSOTROS */

#decorativo {
margin-left:auto !important;
margin-right:auto !important;
height: 255px;
width: 884px;
background:url(../images/pagos.png);
background-repeat: repeat-x;	
	}

#dineromail {
margin-left:auto !important;
margin-right:auto !important;
height: 65px;
width: 500px;


}	
	
	
/* PAQUETES */

#contpaquetes {
	
	height: 3100px;
	width: 100%;

}

#paqcontenido {
	background-color: #FFF;
	height: 3100px;
	width: 100%px;
}


#wrapperpaquete{
	margin-right: auto;
	margin-left: auto;
	height: 3000px;
	width: 1500px;
}

#boxpaquete {
	background:#ffffff ;
	float: left;
	height: 210px;
	width: 980px;
	margin-top: 50px !important;
	margin-left: 0px;
	color:#FFF;
	margin-bottom:50px;
	text-align:justify;

}

#boxpaquete2 {
	float: left;
	height: 221px;
	width: 971px;
	margin-top: 50px;
	margin-left: 20px;	
	color: #4BACC6;
	background: #ffffff;
	margin-right: 30px;
	
	
}

.boxpaq {
width:235px;
height:365px;
float:left;
border: 1px solid #CCC;	
margin-left:5px;
margin-bottom:30px;
	
	}

#tab {
margin-left:auto !important;
margin-right:auto !important;
width:1000px;
margin-top:50px;	
	} 

/* PAQUETES */

#nvovallarta {	
margin-left:auto !important;
margin-right:auto !important;
width: 1000px;	
	
	}

#fecha {	
margin-left:auto !important;
margin-right:auto !important;
width: 970px;	
	
	}

/* BOLSA DE TRABAJO */

#contenttrabajo {
	background-color: #FFF;
	height: 700px;
	width: 100%px;
}

#wrappertrabajo{
	margin-right: auto;
	margin-left: auto;
	height: 700px;
	width: 1000px;
}

#boxtrabajo {
	float: left;
	height: 150px;
	width: 520px;
	margin-top: 50px;
	margin-left: 20px;
	
	color: #4BACC6;
	background: #2980b9;
	margin-right: 30px;
	
}

#boxtrabajo2 {
	background: #e67e22;
	float: left;
	height: 150px;
	width: 972px;
	margin-top: 50px;
	margin-left: 20px;
	color:#FFF;

}

/* BOLSA DE TRABAJO */