/*----------------------------------------------------------------------------- 

RAMA BASIC STYLES OF HTML DOCUMENT

Screen Stylesheet 

version:   	1.0 
date:      	07/27/11 
author:		freshline
email:     	support@version-four.com 
website:   	http://www.version-four.com
-----------------------------------------------------------------------------*/

/***********************
	-	BASICS 	-
***********************/
html {
	width: 100%;
	overflow-x:hidden;
	margin: 0;
	padding: 0;
	height:100%;
}

body{	margin:0px; height:100%;}
ol, ul { 
    list-style: none; 
}

a{
	text-decoration:none;
	color:#51C9BF; }

a:hover{
	text-decoration:none;
	color:white; }

.resizeimg {
	position:absolute;
	left: 50%;
	top: 10px;
	margin-left: -125px;
	z-index:99999;
}


/*******************
	-	CONTENT	-	
*******************/	
/* Centered Container for all Content*/


#nombre {
	position:absolute;
	top: -340px;
	left: -334px;
	width: 370px;
	text-align: left; 
	font-size: 45px; 
	line-height: 35px;
	color:#51C9BF; }

#logo {
	position:absolute;
	top:-340px;
	left:610px; }
	
#foto {
	width: 515px;
	position: absolute;
	top: -247px;
	left: -370px; 
	opacity: 0.7; }

.foto-prog{	
	width: 40px; 
	border-radius: 5px;}
	
.menu-text {	
	color: white;    
	font-family: pompiere;   
	font-size: 23px;
    text-align: center;
    width: 101px;    
	line-height: 22px;
    cursor: pointer;
    text-shadow:black 2px 3px 7px;
	margin-top: 3px;}

.menu-text:hover {	
	color: #C5C5C5;  
	font-family: pompiere;   
	font-size: 23px;
    text-align: center;
    width: 101px;    
	line-height: 22px;
    cursor: pointer;
    text-shadow:black 2px 3px 7px;
	margin-top: 3px;}

.menu-text:active {	
	color:#51C9BF;   
	font-family: pompiere;   
	font-size: 23px;
    text-align: center;
    width: 101px;    
	line-height: 22px;
    cursor: pointer;
    text-shadow:black 2px 3px 7px;
	margin-top: 3px;}
    
#menu-background {
    position: absolute;
    top: 58px;
    left: 504px;
    width: 608px; }

#programas {
	position: absolute;
    top: 186px;
    left: 198px;   
	width: 300px; }

#prog1 {
	width:40px; }

#prog2 {
	width: 40px;
    float: right;
    margin-top: -137px; }

.catperfil {
	position: absolute;
    left: 400px;
    width: 635px; }

#texto {
	background: none;
	box-shadow: none;
	overflow:visible;    
    color: #FFFFFF;    
	font-size: 30px;     
	font-family: 'pompiere';
    text-align: justify;  
	text-shadow: black 2px 3px 7px;
	line-height: 30px;
	z-index: 1; }

.desc {
	position:absolute; 
	top:-235px;
	width: 735px; 
	left:-50px;
	z-index: 1; }

.desc2 {
	position:absolute; 
	top:-134px;
	width: 697px; 
	left:-10px;
	z-index: 1; }

.desc3 {
	position:absolute; 
	top:22px;
	width: 656px; 
	left:30px;
	z-index: 1; }

    
#content_wrap{
	width: 1090px;
	margin: 0 auto;
	padding-top: 30px;
	z-index:5;
	position:relative;
	
}

.example-wrapper{
	z-index:3;
	position:relative;
	width:1030px;
	margin:auto;
	border:1px solid rgba(0,0,0,0.5);	
	background: transparent url('../megafolio/assets/black50.png') repeat center top;
	padding:30px;
	margin-bottom:100px;
	-webkit-box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.8);
	box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.8);
}


#products{
	width:1030px;
	height:auto;
	position:relative;		
}

h3{
	font-family: 'pompiere';
	font-size: 34px;
	font-weight: 700;
	color: #fff;
	line-height: 10px;
	text-shadow: 1px 1px 5px #000
}

#footer {
	position: absolute;
	height: 40px;
	width: 100%;
	clear:both;
	border:1px solid rgba(0,0,0,0.5);	
	background: transparent url('../megafolio/assets/black65.png') repeat center top;
	-webkit-box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.8);
	box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.8); 
	z-index: 200; }

.footer-desc {
	font-family: 'pompiere';
	color: white;
	font-size: 25px;
	font-weight: bold;
	position:absolute;
	margin:8px 0px 0px 8px; }
	
#footer-wrapper {
    margin: auto;
    width: 1100px;
    height: 40px; }