@font-face{
	font-family: 'Helvetica-CondensedBold';
	src: url('Helvetica_CondensedBold.ttf');
}

html{
	font-family: "helvetica", sans-serif;
}
h1{margin-top: 0}
h3{margin-left: 10%}
h1{font-size: 220%;}
h2{font-size: 250%}
h2, h3, .main_title{
	font-family: 'Helvetica-CondensedBold', sans-serif;
	text-shadow: 1px 1px 0px #000000; 
}
h2:first-letter{font-size: 120%;}
h3{font-size: 150%}
h4{margin-left: 20%;}
h5{margin-left: 2%;}


a img{border: none;}
a h2, a h3, a h4, a h5{
	color: black;
	text-decoration: none;
}
article{text-align: justify}
article:not(#album) img{max-width: 100%;}
.catallogue{
	font-size: 120%;
}
.catallogue, .catallogue figcaption{
	margin-bottom: 0px;
	border-bottom: 1px solid rgb(187, 187, 187); 
	padding: 0 15px 0 15px;
}

.catallogue figcaption{
	margin-bottom: 13px;
}

div[class*="border"]{
	box-shadow: inset 0px 0px 1px 1px #f6f6f6;
	-moz-box-shadow: inset 0 0 1px 1px #f6f6f6; 
	-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6; 
	-o-box-shadow: inset 0 0 1px 1px #f6f6f6;
}
.border, table.border td{ border: 1px solid rgb(187, 187, 187); padding: 1px 4px 1px 4px;}
table tr:first-child{font-weight:bold}
.border_red{border: 1px solid rgb(211, 46, 18); padding: 1px 4px 1px 4px;}
.aside h2, .aside h3, .aside h4{color: rgb(211, 46, 18) !important; background-color:rgba(211, 46, 18,0.1); text-align: left !important;}
.menu1{
	-moz-box-shadow:3px 5px 6px rgba(000,000,000,0.3),inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:3px 5px 6px rgba(000,000,000,0.3),inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:3px 5px 6px rgba(000,000,000,0.3),inset 0px 0px 1px rgba(255,255,255,1);
}

.right_img{
	float: right;
}

.centered{
	text-align: center;
}

.aside{
	width: 40%;
	padding: 1px 4px 1px 4px;
}

.aside h3{margin-left: 0 !important;}

.aside img{
	max-width: 100%;
}

.right{float: right;}
.left{float: left;}

.left_img{float:left;}
.article_img img{max-width: 100%; max-height: 100%; }
.article_img{width: 100%; text-align: center !important;}
/*HEADER*/
body > header{
	width:100%;	
	height: 75px;
}
#logo{
	position: absolute;
	width: 379px;
	left: 0;
}
#logo img{padding-left: 20px;}
#logo div:first-child{
	width: 100%;
	float: right;
	left: 0;
	background-color: white;
}
#logo div:last-child{
	width: 100%;
	height: 5px;
	float: right;
	background-color: white;
	opacity: 0.5;
}

/*TITULOS*/
.main_title, .main_article h3, .main_article h4, .main_article h5{
	color: white;
	text-shadow: 0px 1px 0px #000000; 
}

.main_article h3, .main_article h4, .main_article h5{
	padding: 4px 0 4px 10px;
	clear: both;
}

.main_title{
	text-align: right;
	padding-right: 7%;
	padding-left: 2%;
}

#main{
	width: 99%;
	top: -30px;
	position: relative;
	margin: auto;

}
.main_article{
	width: 68%;
	margin-left: 14%;
	position: relative;
}

.main_article > article{width: 98%; margin: auto;}

/*MENU*/
	/*Común*/
aside[id*="menu"]{
	
}
aside[id*="menu"] ul{
	list-style-type: none;
	padding: 0px 0px 0px 0px;
}
aside[id*="menu"] a{
	color: inherit;
	text-decoration: none;
}
aside[id*="menu"] h3{
	margin-bottom: 0px;
	border-bottom: 1px solid rgb(187, 187, 187); 
}
aside[id*="menu"] h4{
	margin-bottom: 0px;
	border-bottom: 1px solid rgb(187, 187, 187);
}
	/*Menú derecha*/
/*#menu_derecha{float: right; margin-top: -17px;}*/
#menu_derecha{
	width:17%;
	position: absolute;

	right: 5px;
}
#menu_derecha h3{
	margin-left: 0;
	text-align: right;
	margin-right: 10%;
}
	/*Menú izquierda*/
#menu_izquierda{
	position: fixed;
	float: left;
	width: 13%;
	min-width: 140px;
	top: 70px;
	z-index: 4;
}
#menu_izquierda h4{
	margin-left: 0;
	text-align: right;
	margin-right: 20%;
}
	/*nav_button*/
.nav_button li{
	margin-bottom: 5px;
	padding: 15px 4px 15px 2px;
	overflow: hidden;
}
.nav_button li div{
	display: inline-block;
	width: 50% !important;
}
	/*nav_signal*/
.nav_signal li{margin-top: 5px;}
.nav_signal li > div:first-child{
	display:inline-block;
	overflow: hidden;
	width: 35%;
	text-align: center;
	vertical-align: middle;
}
.nav_signal li > div:last-child{
	display: inline-block;
	width: 63%;
	position: relative;
	padding: 7% 0px 7% 0px;
}
	/*común*/
.nav_button li, .nav_signal li > div:last-child, button{ 
	border: 1px solid rgb(187, 187, 187); 
	text-align: center; 
	color: rgb(51, 51, 51); 
	font-size-adjust: none; 
	font-stretch: normal; 
	box-shadow: inset 0px 0px 1px 1px #E6E6E6;
	-moz-box-shadow: inset 0 0 1px 1px #E6E6E6; 
	-webkit-box-shadow: inset 0 0 1px 1px #E6E6E6; 
	-o-box-shadow: inset 0 0 1px 1px #E6E6E6;
	transition: all 500ms;
	-moz-transition: all 500ms;
	-webkit-transition: all 500ms;
	-o-transition: all 500ms;
	-ms-transition: all 500ms;
}
.nav_button a:nth-child(odd) li, .nav_signal a:nth-child(odd) li > div:last-child{background: rgb(227, 227, 227)}

.nav_button a:nth-child(even) li, .nav_signal a:nth-child(even) li > div:last-child{background: #D8D8D8}

.nav_button li:hover, button:hover, .nav_signal li:hover{
	background: #FAFAFA !important; 
	color: rgb(34, 34, 34); 
	box-shadow: inset 0px 0px 1px 1px #eaeaea; 
	-moz-box-shadow: inset 0 0 1px 1px #eaeaea; 
	-webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
	-o-box-shadow: inset 0 0 1px 1px #eaeaea;
}
.nav_button li:active, .nav_signal li > div:last-child:active{
	background: #6C6C6C !important;
	color: rgb(0, 0, 0); 
	box-shadow: inset 0px 0px 1px 1px #e3e3e3; 
	-moz-box-shadow: inset 0 0 1px 1px #e3e3e3; 
	-webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
	-o-box-shadow: inset 0 0 1px 1px #e3e3e3;
}
#nav_signals a li > div:last-child{
	font-size: 120%;
	color: white !important;
	/*font-family: 'Francois One', sans-serif;*/
		font-family: 'Helvetica-CondensedBold', sans-serif;
	text-shadow: 1px 1px 0px #000000; 

}
#nav_signals a:first-child li > div:last-child{background-color: #1a472b}
#nav_signals a:nth-child(2) li > div:last-child{background-color: #f6d317}
#nav_signals a:nth-child(3) li > div:last-child{background-color: #0047b9}
#nav_signals a:nth-child(4) li > div:last-child{background-color: #d32e12}
#nav_signals a:nth-child(5) li > div:last-child{background-color: #d32e12}
#nav_signals a:nth-child(6) li > div:last-child{background-color: #1a472b}
#nav_signals a:nth-child(7) li > div:last-child{background-color: #9d9c9d}

/*FOOTER*/
 footer{
 	font-size: 90%;
 	text-align: center;
	width: 100%;
	clear:both;
}

/*Cuenta*/
.cuenta{
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
.cuenta input{
	width: 80%;
	left: 10%;
	text-align: center;
	margin: 2px 0px 2px 5px;
}


.how_to{
	z-index: 1;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	width: 30%;
	vertical-align: middle;
}


#how_to{
	text-align: center;
}

.how_to a{
	color: black;
	text-decoration: none;
}

#social{
	float: right;
	text-align: right;
}
#social>div:first-child{
	height: 2em;
}

#certificacion{
	float: right;
	text-decoration: none;
}

#certificacion img{vertical-align: middle;}

#social .facebook>*{
	display: inline-block;
	max-height: 2em;
}
#social .facebook>a{
	font-size: 80%;
	vertical-align: top;
	text-decoration: none;
	color: black;
}
#social .facebook>a>img{
	vertical-align: bottom;
	width: 1.5em;
}