/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

nav{
	margin-top:20px;
	}
/* FUENTES PROPIAS */
@font-face {
	font-family: 'sansation';
	src: url('../fonts/Sansation-Light.eot');
	src: local('☺'), url('../fonts/Sansation-Light.ttf') format('truetype'), url('../fonts/Sansation-Light.svg#webfont30G9S4nm') format('svg');
	font-weight: normal;
	font-style: normal; }

@font-face {
	font-family: 'sketch';
	src: url('../fonts/SketchBlock.eot');
	src: local('☺'), url('../fonts/SketchBlock.ttf') format('truetype'), url('../fonts/SketchBlock.svg#webfont30G9S4nm') format('svg');
	font-weight: normal;
	font-style: normal; }


@font-face {
	font-family: 'Lobster1.1Regular';
	src: url('../fonts/Lobster_1.1_-webfont.eot');
	src: local('☺'), url('../fonts/Lobster_1.1_-webfont.woff') format('woff'), url('../fonts/Lobster_1.1_-webfont.ttf') format('truetype'), url('../fonts/Lobster_1.1_-webfont.svg#webfont30G9S4nm') format('svg');
	font-weight: normal;
	font-style: normal; }
    
@font-face {
	font-family: 'RalewayThin';
	src: url('../fonts/raleway_thin-webfont.eot');
	src: local('☺'), url('../fonts/raleway_thin-webfont.woff') format('woff'), url('../fonts/raleway_thin-webfont.ttf') format('truetype'), url('../fonts/raleway_thin-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal; }
/* FUENTSE NUEVAS */

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

}

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

}

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

}

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

}

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

}

/* Aaargh! */	

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

}

/*  BEBAS NEUE */

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

}
	
/* DROID SANS */

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

}

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

}

/* DROID SANS MONO */


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

}
/* DURU SANS */

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

}

/* Site-wide properties ======================================================== */
body{
    font: normal normal 16px/16px 'CabinRegular';  
	background:#0092BE;
	color:#ffffff;
	}
	h1{	font-size:40px;
}
    .h_uno{
	font-family:'BebasNeueRegular';
	letter-spacing:2px;
	color:#ffffff;
	text-shadow: 0 1px #000000;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	}
	.h_uno:hover{ 
		font-size:180px;
	}
	.h_uno .minus{
		color:#FFFFFF;
		font-size:17px;
		font-family: 'DuruSansRegular';
		letter-spacing:-1px
	}
	.naranja{color:#f48800;font-family:'CabinRegular';letter-spacing:-1px;font-weight:bold;}
    /* Fibonacci based heading scale ratio */
    h1{ font-size: 4.4em; font-weight: normal; }
    h2{ font-size: 2.8em; font-weight: bold; }
    h3{ font-size: 1.6em; font-weight: bold; }
    h4{ font-size: 1.2em; font-weight: bold; }
a{
			color:#f48800;
			font-size:1.2em;
			text-decoration:none;
			text-shadow: 0 1px #000000;
			
}
nav a{
bordeR:1px solid #555555;
}
#twitter{
/*float:left; */
width:100%;
font-size: 2.2em;
/*padding:10px;
padding-top:0px;
background:#2f2f2f;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;*/
}
#twitter a{
background:none;
color:#009ad9;
margin-left:0px;
padding:0px;
}

#twitter ul li{
			/*border:1px solid #2f2f2f; */
			color:#009ad9;
			line-height:45px;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			border-radius:10px;
			text-shadow: 0 1px #ffffff;
			/*background:#EBEBEB; */
			padding:10px;
}

.Avanzado{
color:#ffffff;
text-shadow: 0 1px #000000;
}
.Medio{
color:#ffffff;
}
p{
margin:15px;
margin-left:0px;
color:#ffffff;
text-shadow: 0 1px #000000;
font-size:15px;
line-height:18px;
}
/* Reusable classes ============================================================ */

/* Left & Right alignment */
.left{ float: left; }
.right{ float: right; }
.contenido{display:none;}
/* The inside class provides consistent padding. To be used often! */
.inside{ padding: 20px; }
.clear{ clear:both;}
/* The fraction classes are useful for column lists */
.half, .third, .quarter, .fifth, .sixth{ width: 100%; }
.half li, .third li, .quarter li, .fifth li, .sixth li{ float: left; }
.half li{ padding-right: 5%; width: 45% }
.third li{  padding-right: 5%; width: 28.3% }
.quarter li{  padding-right: 5%; width: 20% }
.fifth li{  padding-right: 5%; width: 15% }
ul{ list-style:none;}
ul li{margin-top:15px;text-shadow: 0 1px #ffffff;color:#313131;}
ul li:hover{color:#f8a43b;}
/* For when a <br /> just ain't enough */
.separator{
    clear: both;
    float: left;
    height: 1px;
    width: 100%; }
.foto_retrato{
	float:right;
	margin:15px;
	}
#about{
	font-weight:normal;
}

#about h3{
	font-family: 'BebasNeueRegular';
 	letter-spacing:1px;
	font-size:35px;
	text-shadow: 0 1px #000000;
}
#about p{
	text-align:justify;
	text-shadow: 0 1px #000000;
	color:#ffffff;
	font-size:17px;
	line-height:21px;
	letter-spacing:0.5px;
	float:left;
	max-width:550px;
	margin-right:20px;
	margin-bottom:20px;
	}
	
#about p b{
	font-weight:normal;
	color:#FFFFFF;
	font-size:20px;
	letter-spacing:-1px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#about p b:hover{
	font-size:30px;
}
.ayuda{
			border: 1px solid #DDD;
			background: #F9F9F9;
			display:block;
			padding:15px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border-radius:5px; 
			text-shadow: 0 1px #FFFFFF;
			color:#444;
		  -ms-transform:rotate(5deg); /* IE 9 */
		  -moz-transform:rotate(5deg); /* Firefox */
		  -webkit-transform:rotate(5deg); /* Safari y Chrome */
		  -o-transform:rotate(5deg); /* Opera */
}
#top {
border-bottom: 1px solid #DDD;
background: #F9F9F9;
height: 25px;
width: 100%;
text-align: center;
font-size: 11px;
line-height: 25px;
overflow: hidden;
text-shadow: 0 1px white;
color:#666666;
}
.clear{
	/* This class clears the floats */
	clear:both;
}

/* Basic Structure ============================================================= */
#wrap{
    margin: 0 auto;
    position: relative;
    width: 100%; }

    /* Header */
    header{
        float: left;
        width: 100%; }
    
    /* Content */
    article{
        float: left;
         /* width: 66.7%; */ 
		}
    
    /* Sidebar */
    aside{
        float: left;
        width: 33.3%; }
        
    /* Footer */
    footer{
        float: left;
        width: 100%; }
    
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */

/* The H1 declarations - for @font-face presentational purposes only */
h1{ font: 38px 'CabinRegular';  color:#f48800;font-weight:normal;}
    h1 span{ font: 'CabinRegular'; text-align:left;color:#313131;font-weight:normal;}