* {
	margin: 0;
	padding: 0;
	}

	body {
	font-size: 10px;
	font-family: Verdana;
	color: #333333; /* sets the color of all type in the website except for links and other sections overwritten */
	background-color: #ffffff; /* sets the overall background color */
	}

	/* colors for all links */
	a:link {
	text-decoration: none; /* none = no underline, other options include line-through or overline */
	color: #00ADEE; /* sets hex color of every link - www.colorpicker.com or photoshop to find hex values */
	}
	
	a:active { 
	text-decoration: none;
	}
	
	/* highlights links that you have already clicked. This can be helpful for users to identify which items they have already seen*/
	a:visited {
	text-decoration: none;
	color: #00ADEE; /* the color can also be changed */
	background: #e0e0e0; /* this changes the background of a visited link, you can also get rid of the the back ground an color and there will be no change if a link has been visited */
	}
	
	/* sets the properties for links when mouse rolls over */
	a:hover {
	text-decoration: underline;
	color: #00ADEE;
	}

	/* any img that is a link */
	a img { 
	border: none; 
	}
	
	h1 { 
		font-family: Georgia, serif;
		font-size: 10px;
		color: #F00;
		line-height:6px;
		margin-top:3px;
	}
	
	h2 { 
		font-family: Georgia, serif;
		font-size: 20px;
		font-weight: normal;
		color: #666666;
		padding-bottom: 15px; /* sets the spacing between the heading and paragraph below */

	}
	
	h3 { 
		font-size: 16px;
		color: #0006FF;
	}
	
	h4 { 
		font-size: 12px; 
		color: #0006FF;
	}
	
	h5 { 
		font-family: Georgia, serif;
		font-size: 12px;
		color: #F00;
		line-height:6px;
		margin-top:3px;
	}

	/* TITULO */
	
	.top-section {
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 8px;
		padding-left: 25px; /* matches padding left in #menu ul */
		font-size: 24px;
		line-height: 24px;
		color: #666666;
		font-style: italic;
		font-family: Georgia, serif;
	}
	
	.bottom-section {
		line-height: 5px;
	}
	
	.blogmenu a{
		line-height: 5px;
		color: #F00;
	}
	
	.idioma a{
		line-height: 5px;
		color: #4b21f7;
	}


/* MENU */

	#menu {
		position:absolute;
		width: 225px; /* sets the width of your left hand bar - if you change this also change the LEFT margin in #content to match */
		overflow: auto;
		top: 0;
		bottom: 0;
		left: 0;
		height: 100%;
		background-color: #eeeeee;
		padding-top: 25px; /* change to match the padding-top in #content if you want them to align */
		padding-bottom: 25px;
		/* padding-left & right can be changed in #menu ul - below */
		font-size: 11px;
	}
	
	/* This section controls each section made */ 
	#menu ul {
		list-style: none;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 12px; /* sets the space between each section */
		margin-left: 0px;
		/* sets the spacing around the menu - this is normally set to match padding options in #content but can be changed seperately */
		padding-right: 25px;
		padding-left: 25px;
	}

	#menu ul li {
		margin-top: 0px;
		margin-bottom: 4px;
	}
	
	.all-tech {
		list-style: none;
		margin-top: 10px;
		margin-right: 0px;
		margin-bottom: 12px; /* sets the space between each section */
		margin-left: 0px;
	}
	
	.texto-tech {
		margin: 0px;
		padding: 0px;
		color:#C0F;
	}
	
	.texto-cliente {
		margin: 0px;
		padding: 0px;
		color:#F06;
	}
	
	.texto-roles {
		margin: 0px;
		padding: 0px;
		color:#F90;
	}
	
	.menu-all-tech {
		font-family: Georgia, serif;
		font-style: italic;
		font-size: 12px;
		padding-top: 5px;
		padding-right: 0px;
		padding-bottom: 5px;
		padding-left: 0px;
		color: #888888;
		/* Following lines adds a line about each section */
		border-top-color: #cccccc;
		border-top-style: solid;
		border-top-width: 1px;

	}
	
	/* The following sets the style for the section heading */
	.menu-all-proyecys {
		font-family: Georgia, serif;
		font-style: italic;
		font-size: 12px;
		padding-top: 5px;
		padding-right: 0px;
		padding-bottom: 5px;
		padding-left: 0px;
		color: #888888;
		/* Following lines adds a line about each section */
		border-top-color: #cccccc;
		border-top-style: solid;
		border-top-width: 1px;

	}
	
	#menu-type-proyects li a{
		text-decoration: none;
		color: #8F00FF;

	}
	
	#menu ul li sup {
		color: #F00;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 7px;
		vertical-align: top;
	}

/* CONTENT AREA */

	/*#content {
		height: 100%;
		margin-top: 35px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 280px; 
	    
		padding-top: 30px; 
		padding-right: 5px;
		padding-bottom: 25px;
		padding-left: 40px;
		min-width:1000px;
	}*/
	
	#content {
		position:absolute;
		left:280px;
		top:40px;
		min-width:800px;
	}
	
	#content-proyecto {
		position:absolute;
		left:280px;
		top:70px;
		min-width:1000px;
	}

	#texto-proyecto { 
	padding-right:50px;
	padding-bottom:30px;
	float:left; 
	width:250px;
	}
	
	#texto-proyecto p.titulo {
		display: inline;
		padding-left: 2px;
		padding-right: 2px;
		text-transform:uppercase;
		font-style:italic;
		z-index:7;
	   	font-family: Georgia, serif;
		font-size: 12px;
	   	background: rgb(131, 255, 0);
		white-space: pre-line;
	 }
	
	#texto-proyecto p span {
    	position: relative;
    	left: -3px;
  	}
  	
  	div.nav {
    	padding-bottom:6px;
  	}
	
	#line{
		padding-top: 5px;
		border-top-color: #cccccc;
		border-top-style: solid;
		border-top-width: 1px;
		color: #bbbbbb;
	}
	
	#sharpline{
		margin-top: 5px;
		border-top-color: #cccccc;
		border-top-style: solid;
		border-top-width: 1px;
		color: #bbbbbb;
	}
	
	#comentarios {
		/*display:none;*/
		clear:both;
		width:900px;
		padding-bottom:50px;
		
	}
	
	#contentheader-carrousel {
		margin-top: 25px;
	}
	
	#contentheader-carrousel p {
		width: 440px;
		color: #686868;
		padding-bottom: 15px;
		text-decoration:underline;
	}
	
	#contentheader-carrousel h1 {
		font-size: 20px;
		color: #8F00FF;
		font-family: Georgia, serif;
		padding-bottom: 15px;
		font-style: italic;
		font-weight:500;
		
	}
	
	/* CARROUSELL */
	
	div.containergrid {
		
	}
	
	#elementogrid {
		position:relative;
        width: 210px;
        min-height: 180px;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin-left:0px;
		margin-right:31px;
		padding-bottom:15px;
        zoom: 1;
        *display: inline;
        _height: 235px;
    }
	
	#elementogrid div.titulogrid {
		position:absolute;
		padding-left: 2px;
		padding-right: 2px;
		text-transform:uppercase;
		font-style:italic;
		top:6px; 
		left:6px; 
		z-index:7;
	   	font-family: Georgia, serif;
	   	  
		font-size: 12px;
		font-style:italic;
	   	background: rgb(131, 255, 0); /* fallback color */
	}
	
	#elementogrid div.fecha {
		color: #F00;
		padding-bottom:1px;
		padding-top:3px;
	}

	#elementogrid div.texto {
		padding-bottom:2px;
	}
	#tags ul {
		margin-left: 0;
		padding-left: 0;
		display: inline;
		border: none;
	} 

	#tags ul li {
		margin-left: 0;
		padding-left: 2px;
		padding-right:3px;
		line-height:1.5em;
		padding-bottom:1px;
		border: none;
		list-style: none;
		display: inline;
		color:#FFF;
		font-size: 8px;
		background: rgb(255, 0, 0); /* fallback color */
		/*text-transform: uppercase;*/
	}
	
	
	#tags ul li a {
		color: #FFFFFF;
		font-size: 9px;
		
	}
	
	
	p { /* sets the properties for all paragraphs  */
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 9px;
		margin-left: 0;
	}
		
	p.fecha { /* sets the properties for all paragraphs  */
		line-height:2px;
		font-size:9;
		font-weight:bold;
		color:#000;
	}
	
	p.fecharojo { /* sets the properties for all paragraphs  */
	padding-top: 4px;
		color: #F00;
	}
		
	
	/* BLOG
	.three-col {
       -moz-column-width: 220px;
	   -webkit-column-width:220px;
	   -moz-column-gap: 30px; 
	   -webkit-column-gap: 30px;
	   padding-right:35px;
	    padding-top:45px;
	} */
	
	.contentSlider {
  height: 500px;
  width: 640px;
  float:left;
}