@charset "UTF-8";
/***************************************************************************************************************

HOJA DE ESTILOS PARA EL SITIO WEB DE ARTE URBANO

***************************************************************************************************************/

	body{
		padding: 0;
		margin: 0;
	}
	
	/*#bodyContainer{
		width: 100%;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #959595;
		text-align: left;
		margin: 0;
		padding: 0;
	}

	#infoContainer{
		width: 1000px;
		height: auto;
		margin: 0 auto;
		text-align: left;
	}*/
	
	/* Estilo para retirar borde de las imágenes hipervínculo */
	a img{
		border: none;
	}
	
	img{
		border: 0;
	}
	
	/* Estilo para el masthead ppal del Web 
	#masthead{
		width: 100%;
		height: auto;
		z-index: 50;
	}*/
	
	#mastheadMenu{
		width: 180px;
		float: left;
		background: #FFF;
		padding: 10px 0;
		text-align: left;
		line-height: 24px;
		font-size: 14px;
		margin-left: 80px;
		float: left;
		text-transform: uppercase;
		padding: 10px 5px;
		border-radius: 0px 0px 10px 10px;
		-moz-border-radius: 0px 0px 10px 10px;
		-webkit-border-radius: 0px 0px 10px 10px;
		
		background-image: url(../images/label-arrow.png);
		background-repeat: no-repeat;
		background-position: 50% 120%;
		
		/*background-image: url(../images/label-arrow.png);
		background-repeat: no-repeat;
		background-position: 50% 120%;*/
	}
	
	#purpleLine{
		height: 2px;
		width: 100%;
		background-image: url(../images/progress-back.png);
		background-repeat: repeat-x;
		padding-bottom:5px;
		padding-top:10px;
	}
	
	/* Estilo para instrucciones de abrir y cerrar Galería de Thumbnails */
	#slideinstructions { 
		float: right; 
		color: #666;
		margin: 0px 2px 0 25px; 
		line-height: 42px; 
	}
	
	/*************************************************************************************************************** TEMPORAL**/
	
	#txt{
		width: 350px;
		height: 80px;
		text-align: left;
		font-size: 28px;
		font-style: bold;
		padding: 15px;
		background-color: #FFF;
		float: right;
		right: 80px;
		bottom: 180px;
		text-transform: uppercase;
		z-index: 100;
		position: fixed;
		color: #666666;
		
		border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
	}
	
	/*************************************************************************************************************** TEMPORAL**/
	
	#containerCards{
		width: 100%;
		height: 150px;
		text-align: center;
		background-image: url(../images/bg-white.png);
		float: bottom;
		bottom: 50px;
		z-index: 3;
		position: fixed;
		box-shadow: 0px 0px 4px #000;
		-moz-box-shadow: 0px 0px 4px #000;
		-webkit-box-shadow: 0px 0px 4px #000;
	}
	
	#containerVideos{
		width: 100%;
		height: 135px;
		text-align: center;
		background-image: url(../images/bg-white.png);
		float: bottom;
		bottom: 65px;
		z-index: 3;
		position: fixed;
		box-shadow: 0px 0px 4px #000;
		-moz-box-shadow: 0px 0px 4px #000;
		-webkit-box-shadow: 0px 0px 4px #000;
	}
	
	#containerNews{
		width: 100%;
		height: 500px;
		text-align: center;
		float: bottom;
		bottom: 100px;
		z-index: -1;
		position: absolute;
	}
	
	#centerCards{
		width: 1020px;
		margin: 0 auto;
		text-align: center;
	}
	
	#centerNews{
		width: 1000px;
		margin: 0 auto;
		text-align: center;
	}
	
	#cards{
		width: 350px;
		heigth: 400px;
		float: left;
		margin-right: 15px;
		border: solid #000 1px;
	}
	
	#cardNoticias{
		width: 590px;
		heigth: 400px;
		float: left;
		margin-right: 15px;
		background-color: #FFF;
		padding: 15px;
		text-align: left;
		
		border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
	}
	
	#cardTwitter{
		width: 350px;
		heigth: auto;
		float: left;
		margin-right: 15px;
		margin-bottom: 15px;
	}
	
	#mastheadSocialNetworks{
		width: 250px;
		text-align: right;
		float: right;
	}
	
	#socialNetworks{
		width: 175px;
		background-image: url(../images/bg-white.png);
		text-align: left;
		padding: 10px;
		float: right;
		margin-right: 80px;
		border-radius: 0px 0px 10px 10px;
		-moz-border-radius: 0px 0px 10px 10px;
		-webkit-border-radius: 0px 0px 10px 10px;
		font-size: 11px;
	}
		
	#socialNetworks a{
		font-size: 8pt;
		color: #06F;
	}
	
	/* Estilos para la pleca con las marcas y la información del showroom */
	#block-marcas{
		width: 250px;
		height: 100%;
		background-color: #FFF;
		text-align: right;
		padding-top: 5px;
		padding-right: 15px;
		padding-bottom: 20px;
		padding-left: 15px;
		margin-right: 80px;
		float: right;
		font-size: 12px;
		text-transform: uppercase;
		
		border-radius: 0px 0px 10px 10px;
		-moz-border-radius: 0px 0px 10px 10px;
		-webkit-border-radius: 0px 0px 10px 10px
	}
	
	/* Estilos para la flecha de back */
	#rowMarcas{
		width: 100%;
	}
	
	#arrowMarcas{
		width: 30px;
		float: left;
	}
	
	#infoMarcas{
		width: 220px;
		padding-left: 30px;
	}
	
	#block-marcas a{
		color: #06F;
		text-decoration: none;
	}
	
	#block-marcas a:hover{
		color: #158A70;
		text-decoration: underline;
	}
	
	#txtHome{
		font-family: 'Mr De Haviland', cursive;
		bottom: 125px;
		float: right;
		padding-left: 80px;
		position: fixed;
		color: #FFF;
		font-size: 65px;
		line-height: 56px;
		text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 5px #000;
	}
	
	
	/* Estilo para el footer ppal del Web */
	#footer{ 
		height: 45px;
		width: 100%;
		background-color: #FFF;
		bottom: 0px;
		z-index: 4;
		position: fixed;
		padding: 10px 10px 10px 0;
	}
	
	#footerHunterDouglas{
		width: auto;
		float: left;
		padding: 6px 0 0 15px;
	}
	
	#footerLinks {
		width: auto;
		text-align: right;
		float: right;
		right: 170px;
		position: fixed;
		padding-top: 6px;
	}
	
/******************************************************************************

HIPERVINCULOS
	
******************************************************************************/
	
	a{
		color: #666666;
		text-decoration: none;
	}
	
	a:hover{
		color: #158A70;
		text-decoration: underline;
	}
		


/******************************************************************************

INTERIORES
	
******************************************************************************/

	h1{
		font-size: 21px;
		font-weight: lighter;
	}
	
	h2{
		font-size: 14px;
	}
	
	/* Titulo para encabezado de noticia */
	h3{
		font-size: 18px;
		font-weight: lighter;
		text-align: left;
		color: #1B8C71;
		margin-bottom: 12px;
	}
	
	p{
		font-size: 12px;
		color: #666;
		text-align: left;
		line-height: 14px;
		margin-bottom: 10px;	
	}
	
	#rowNoticias{
		width: 100%;
		height: 300px;
		margin-top: 20px;
	}
	
	#rowNoticias2{
		width: 100%;
		height: 180px;
		margin-top: 20px;
	}
	
	#noticia{
		width: 290px;
		height: auto;
		float: left;
		padding-right: 5px;
	}


/*menu*/

#menu {
	text-align: center;
	font-size: 9pt;
	width: 614px;
	position: relative;
	height: auto;
	color: #999999;
	margin-left: auto;
	margin-top: 36px;
}

#menu ul { 
    list-style-type: none;
}

#menu ul li.nivel1 {
	width: 150px;
	position: relative;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #6666FF;
}
#menu ul li { 
    float: left;
}

#menu ul li a {
	display: block;
	text-decoration: none;
	color: #666666;
	position: relative;
}

#menu ul li { float: left;}

#menu ul li a {
	display: block;
	text-decoration: none;
	color: #666666;
	background-color: #FFFFFF;
	padding: 8px;
	position: relative;
	font-size: 9pt;
}

#menu ul li ul {
    display: none;
}

#menu ul li a:hover, #menu ul li:hover a.nivel1 {
	background-color: #6666FF;
	color: #FFFFFF;
	position: relative;
}

#menu ul li a.nivel1 {display: block!important;display: none;
}

#menu ul li ul {display: none;
}

#menu ul li a:hover ul, #menu ul li:hover ul {
	display: block;
	position: absolute;
	width: 630px;
	background-color: #FFFFFF;
	color: #6666FF;
}

#menu ul li a:hover:link ul {
    visibility: hidden;
}

#menu ul li a:active:hover ul {
	visibility: visible;
}

#menu ul li ul li a {
	width: 140px;
	color: #666666;
	background-color: #FFFFFF;
	height: 14px;
}

#menu ul li ul li a:hover {
	position: relative;
	text-decoration: none;
	border-bottom: none;
	color: #6666FF;
	background-color: #FFFFFF;
}

table.falsa {
    border-collapse:collapse;
    border:0px;
    float: left;
    position: relative;
}

ul.uno {left: -0px;}
ul.dos {left: -164px; top: -30px;}
ul.tres {left: -328px;}
ul.cuatro {left: -470px; top: -30px;}
ul.cinco {left: -656px;}


/******************************************************************************

ESTILOS PANEL DESPLEGABLE
	
******************************************************************************/
	
	
	#menuContainer {
		margin: 0px auto;
		width: 200px;
		height: 500px;
		text-align: left;
		margin-left: 0px;
		color: #FFF;
		float: left;
	}
		
	#menu {
		position: relative;
		height: 200px;
		margin-left: 5px;
		margin-top: 0px;
	}
		
	.gallery{
		width: 200px;	
		padding: 10px 0;
	}
	.menuitem{
		width: 200px;
		height: 55px;
	}
	.menutargetpurple{
		/*background-image: url(../images/bg-menu-purple.png);
		background-repeat: no-repeat;*/
		background-color: #FFF;
		display: none;
	}
	

	/************************************************************************************************ Contacto */

	.textBox{ 
		width: 250px; 
		height: 17px; 
		border: 1px Solid #999;
		background-color: #FFF;
		padding-bottom: 1px;
		padding-left: 2px;
		color: #000;  
		font-size: 11px; 
	}
	
	.numsBox{ 
		width: 120px; 
		height: 17px; 
		border: 1px Solid #999;
		background-color: #FFF;
		padding-bottom: 1px;
		padding-left: 2px;
		color: #000;
		font-size: 11px; 
	}
	
	.productTxtArea{ 
		width: 280px; 
		height: 75px; 
		border: 1px Solid #999;
		background-color: #FFF;
		padding-bottom: 1px;
		padding-left: 2px;
		color: #000;
		font-size: 11px; 
	}
	
	.messageTxtArea{ 
		width: 320px; 
		height: 50px; 
		border: 1px Solid #999;
		background-color: #FFF;
		padding-bottom: 1px;
		padding-left: 2px;
		color: #000; 
		font-size: 11px; 
	}
	
	.sendCopy{
		font-size: 11px;
		text-align: left;
		color: #999;
	}
	
	.btnSend{
		width: 120px;
		height: 22px;
		border: 1px Solid #999;
		background-color: #33C;
		color:#FFF;
		padding-bottom: 2px;
		font-weight: bold;
	}
	
	.btnSendOver{
		width: 120px;
		height: 22px;
		border: 1px Solid #C7C9C8;
		background-color: #099;
		color:#FFF;
		padding-bottom: 2px;
		font-weight: bold;
	}
	
	#txtConfirmarContacto{
		font-size: 24px;
		padding: 55px 0;
		text-align: center;
	}
	
	#noResultado{
		font-size: 21px;
		padding: 25px 0;
		text-align: center;
	}
	
	table tr{
		height: 20px;
	}
	
	.confirmacion{
		font-weight: normal;
		font-size: 18px;
		line-height: 22px;
	}