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

}

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

}

/* WEB */

* {
	font-family: 'TheSansLightPlainRegular';
	padding: 0px;
	margin: 0px;
}

body {
	background-color: #FBB623;
}

* b {
	font-family: 'TheSansBoldPlainRegular';
	 font-weight: normal;
}

/* INDEX */

.bold {
	font-family: 'TheSansBoldPlainRegular';
}

.menu {
	font-size: 18px;
}

	.submenu_index a {font-size: 18px; color: #939598; text-decoration: none;}
	.submenu_index a:hover {color: #FBB623; text-decoration: none;}

/* PAGE */
#page {
	width: 900px;
	height: 510px;
	top: 50%;
	left: 50%;
	margin-top: -255px;
	margin-left: -450px;
	background-color: #ffffff;
	position:absolute;
}

	#page #body {
		width: 900px;
		height: 485px;
	}

	#page #index {
		margin-top: 198px;
		margin-left: 374px;
		font-size: 18px;
		line-height: 30px;
	}
		
		#page #index a.quique {color: #000000; text-decoration: none;}
		
	#page #body #menu {
		width: 825px;
		height: 30px;
		padding-top: 30px;
		padding-left: 75px;
		font-size: 18px;
		float: left;
	}
		
		#page #body #menu a.quique {color: #000000; text-decoration: none;}
		#page #body #menu a.submenu {color: #939598; text-decoration: none;}
		#page #body #menu a.submenu:hover {color: #FBB623; text-decoration: none;}
		#page #body #menu a.submenu_opened {color: #FBB623; text-decoration: none;}
		
	#page #body #submenu {
		width: 900px;
		height: 75px;
		float: left;
	}
	
		#page #body #submenu #submenu_quique {
			padding-left: 106px;
			font-size: 13px;
			line-height: 18px;
			float: left;
		}
		
			#page #body #submenu #submenu_quique a {color: #939598; text-decoration: none;}
			#page #body #submenu #submenu_quique a:hover {color: #000000; text-decoration: none;}
			#page #body #submenu #submenu_quique a.selected {color: #000000; text-decoration: none;}
		
		#page #body #submenu #submenu_diseno {
			padding-left: 230px;
			font-size: 13px;
			line-height: 18px;
			float: left;
		}
		
			#page #body #submenu #submenu_diseno a {color: #939598; text-decoration: none;}
			#page #body #submenu #submenu_diseno a:hover {color: #000000; text-decoration: none;}
			#page #body #submenu #submenu_diseno a.selected {color: #000000; text-decoration: none;}
		
		#page #body #submenu #submenu_arte {
			padding-left: 563px;
			font-size: 13px;
			line-height: 18px;
			float: left;
		}
		
			#page #body #submenu #submenu_arte a {color: #939598; text-decoration: none;}
			#page #body #submenu #submenu_arte a:hover {color: #000000; text-decoration: none;}
			#page #body #submenu #submenu_arte a.selected {color: #000000; text-decoration: none;}
		
	#page #body #textos {
		width: 438px;
		height: 305px;
		padding-top: 15px;
		padding-left: 386px;
		font-size: 13px;
		line-height: 22px;
		float: left;
		overflow: hidden;
	}
	
		#page #body #textos a {color: #939598; text-decoration: none;}
		#page #body #textos a:hover {color: #000000; text-decoration: none;}
		
		#page #body #textos  #txtbox {
			width: 420px;
			height: 305px;
			float: left;
			overflow: hidden;
		}		
		
		#page #body #textos #scroll {
				width: 10px;
				padding: 260px 0px 0px 0px;
				float: right;
			}
			
				#page #body #textos #scroll img {
					padding-top: 10px;
				}
		
	#page #body #left_band {
		width: 350px;
		height: 315px;
		float: left;
	}
		
		#page #body #left_band #clientes {
			width: 200px;
			height: 252px;
			padding-left: 75px;
			font-size: 13px;
			line-height: 18px;
			float: left;
		}
		
			#page #body #left_band #clientes a {color: #939598; text-decoration: none;}
			#page #body #left_band #clientes a:hover {color: #000000; text-decoration: none;}
			#page #body #left_band #clientes a.selected {color: #000000; text-decoration: none;}
		
		#page #body #left_band #detalle {
			width: 350px;
			padding-top: 11px;
			padding-left: 75px;
			font-size: 12px;
			line-height: 18px;
			float: left;
		}
			
			#page #body #left_band #detalle .bold{font-family: 'TheSansBoldPlainRegular';}
			#page #body #left_band #detalle a{color: #939598; text-decoration: none;}
			#page #body #left_band #detalle a:hover{color: #000000; text-decoration: none;}
		
		#page #body #left_band #items {
			width: 65px;
			padding-right: 10px;
			font-size: 13px;
			line-height: 18px;
			text-align: right;
			float: right;
		}
			
			#page #body #left_band #items a {color: #000000; text-decoration: none;}
			#page #body #left_band #items a:hover {color: #FBB623; text-decoration: none;}
	
	#page #body #square_big {
		width: 470px;
		height: 315px;
		padding-right: 75px;
		float: left;
	}
	
#footer {
	width: 900px;
	height: 30px;
	padding-top: 5px;
	font-size: 12px;
	background-color: #FBB623;
	float: left;
}

	#footer #quique{
		padding-left: 75px;
		float: left;
	}
	
	#footer #direccion{
		padding-right: 214px;
		float: right;
	}