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


body {	
	font-family: Helvetica, serif;
	font-size: 12px;
	background-color:#000;
	margin:0px;
}
a{	
	color: #FFF;
	text-decoration: none;
}
#boxMainINDEX {
	width:320px;
	min-height: 600px;
	margin: 0 auto;
	background-position:top;
	background-image:url(images/fondoIndex.png);
}
#boxMainSERVICES {
	width:320px;
	min-height: 600px;
	margin: 0 auto;
	background-position:top;
	background-image:url(images/fondoServicios.png);
}
#boxMainUS {
	width:320px;
	min-height: 600px;
	margin: 0 auto;
	background-position:top;
	background-image:url(images/fondoNosotros.png);
}
#boxMainCONTACT {
	width:320px;
	min-height: 600px;
	margin: 0 auto;
	background-position:top;
	background-image:url(images/fondoContacto.png);
}
.Menu{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#FFF;	
	margin-top:20px;
	text-align:center;
}
/* TOP */

#boxTop{
	width:320px;
	height:160px;
	padding-top:0px;
	margin-left:00px;
}
#topMenuLogo{
	width:120px;
	height:120px;	
	float:left;
	padding-left:5px;
	padding-top:5px;
	background-image:url(images/transparent.png);
}
#topMenuIndex{
	width:93px;
	height:64px;	
	float:left;
	margin-top:0px;
	padding-left:0px;
	border-right: #FFF 1px solid;
	border-bottom: #FFF 1px solid;
	background-image:url(images/transparent.png);
}
#topMenuServ{
	width:99px;
	height:64px;
	float:left;
	margin-top:0px;
	border-bottom: #FFF 1px solid;
	background-image:url(images/transparent.png);
}
#topMenuAbout{
	width:93px;
	height:60px;	
	float:left;
	margin-top:0px;
	border-right: #FFF 1px solid;
	background-image:url(images/transparent.png);
}
#topMenuContact{
	width:99px;
	height:60px;
	float:left;
	margin-top:0px;
	background-image:url(images/transparent.png);
}
#topMenuSocial{
	width:320px;
	height:58px;	
	float:left;
	margin-top:0px;
	border-bottom: #FFF 1px solid;
	border-top: #FFF 1px solid;
	background-image:url(images/transparent.png);
}
#socialFB{
	width:30px;
	height:30px;	
	float:left;
	margin-top:15px;
	margin-left:15px;
	background-image:url(images/facebook.png);
}
#socialTW{
	width:30px;
	height:30px;	
	float:left;
	margin-top:15px;
	margin-left:30px;
	background-image:url(images/twitter.png);
}
#socialAM{
	width:30px;
	height:30px;	
	float:left;
	margin-top:15px;
	margin-left:30px;	
	background-image:url(images/aboutme.png);
}
#socialYT{
	width:30px;
	height:30px;	
	float:left;
	margin-top:15px;
	margin-left:30px;	
	background-image:url(images/youtube.png);
}
#socialLI{
	width:30px;
	height:30px;	
	float:left;
	margin-top:15px;
	margin-left:30px;	
	background-image:url(images/linkedin.png);
}
#socialFB:hover{
	background-image:url(images/facebookOVER.png);
}
#socialTW:hover{
	background-image:url(images/twitterOVER.png);
}
#socialAM:hover{
	background-image:url(images/aboutmeOVER.png);
}
#socialYT:hover{
	background-image:url(images/youtubeOVER.png);
}
#socialLI:hover{
	background-image:url(images/linkedinOVER.png);
}

#top-menu-user{
	width:320px;
	height:85px;
	float:left;
	background-image:url(images/top-menu-user.png);	
}
#user-option{
	width:154px;
	height:40px;
	margin-left:3px;
	float:left;
}

/*BODY*/
#boxBodyUS{
	width:250px;
	height:100px;
	float:left;
	margin-top:10px;
	margin-left:20px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	color:#FFFFFF;
	font-size:16px;
	text-align:justify;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	background-image:url(images/transparent.png);
}
#boxBodyCONTACT{
	width:280px;
	height: 300px;
	float:left;
	margin-top:30px;
	margin-left:10px;
	padding-top: 50px;
	padding-left: 10px;
	padding-right: 0px;
	color:#FFFFFF;
	font-size:18px;
	text-align:justify;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	background-image:url(images/transparent.png);
}
#boxBodySERVICES{
	width:200px;
	min-height: 500px;
	height:auto !important;
	float:left;
	margin-top:20px;
	margin-left:5px;
	padding-top: 50px;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 30px;
	color:#FFFFFF;
	font-size:20px;
	text-align:justify;
	background-image:url(images/transparent.png);
}
#boxService{
	width:170px;
	height: 170px;
	color:#FFF;
	font-size:32px;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:center;
	float:left;
	padding-top:20px;
	padding-left:10px;
}
#boxFOTOS{
	width:200px;
	min-height: 500px;
	height: auto !important;
	color:#FFF;
	font-size:32px;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:left;
	float:left;
}
#boxFotoDEMO{
	width:200px;
	margin-top:30px;
	margin-left:10px;
	height:135px;
	float:left;
	border: 5px solid #FFF;
}
#boxFotoDemo img{
	width:100%;
	height:auto;
}
#boxVIDEOS{
	width:200px;
	min-height: 500px;
	height: auto !important;
	margin-top:50px;
	color:#FFF;
	font-size:32px;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:left;
	float:left;
}
#boxVideoDEMO{
	width:200px;
	margin-top:50px;
	margin-left:5px;
	height:170px;
	float:left;
	border: 5px solid #FFF;
}
#boxVideoDEMO img{
	width:100%;
	height:auto;
}
/*
	BANNER 
#boxBanner{
	width:1200px;
	height:500px;
	position:relative;
	margin-top:20px;
	margin-bottom:20px;
}
#boxBanner IMG{
	position:absolute;
    top:0;
    left:0;
    z-index:8;
}
#boxBanner IMG.active {
    z-index:10;
}

#boxBanner IMG.last-active {
    z-index:9;
}
*/