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


#headermenu {
	height: 100px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	overflow: visible;
	z-index: 1;
	position: relative;
}

#menucont {
	float: left;
	height: auto;
	width: 600px;
	margin-right: 0px;
	margin-left: 360px;
	margin-top: 20px;
	overflow: visible;
	position: absolute;
	z-index: 2;
}
#menucont a {
   text-decoration: none; 
}



.boton {
	float: left;
	height: 25px;
	width: 90px;
	position: fixed;
	left: 558px;
	top: 49px;
}
#botoninv {
	background-image: url(img/2x2lila.png);
	background-repeat: repeat;
	z-index: 1;
	}
#botoninv a hover {
	background-image: url(2x2lila.png);
	background-repeat: repeat;
	z-index: 1;
	}
	
#contenedorropa {
	float: left;
	width: 980px;
	height: auto;
}

#contenedoralles {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	background-image: url(img/ropa/rayaslang.png);
	background-repeat: repeat-y;
	height: auto;
	overflow: hidden;
}

.texto300 {
	float: left;
	width: 510px;
	font-weight: 100;
	color: #333;
	font-size: 14px;
	text-align: justify;
	background-image: url(img/ropa/weiss2x2_70.png);
	background-repeat: repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
#conteninside {
	float: left;
	width: 940px;
	margin-right: 20px;
	margin-left: 20px;
	height: auto;
	font-family: 'Exo 2', sans-serif;
	font-weight:100;
	z-index: 998;
	margin-top: 30px;
}

#conteninside h1 { 
    font-family: 'Exo 2', sans-serif;
	font-weight:200; 
	font-size: 20px; 
}

.titel {
	float: left;
	height: 40px;
	width: 300px;
	margin-top: 20px;
	border-top-width: 0.1em;
	border-bottom-width: 0.1em;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666;
	border-bottom-color: #666;
	text-align: left;
	vertical-align: middle;
	text-indent: 10px;
	font-weight: 300;
}
#contenedorinside2 {
	float: left;
	width: 940px;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
	height: auto;
}
.titel p {
	font-size: 18px;
}
#textospace660 {
	float: left;
	width: 640px;
}
#contenedorimag {
	float: left;
	width: 940px;
	height: auto;
	margin-top: 10px;
}
#leiste {
	float: left;
	height: 300px;
	width: 110px;
	background-color: #A5000B;
	margin-right: 10px;
}
#bild200x300 {
	float: left;
	height: 300px;
	width: 200px;
	margin-right: 10px;
}

#400x300 {
	float: left;
	height: 300px;
	width: 400px;
}

#contenedorimage2 {
	float: left;
	height: 300px;
	width: 940px;
	margin-top: 10px;
}

#image2_3 {
	float: left;
	height: 300px;
	width: 200px;
	margin-right: 10px;
}
#image400_300mr {
	float: left;
	height: 300px;
	width: 400px;
	margin-right: 10px;
}
#img200_300 {
	float: left;
	height: 300px;
	width: 200px;
}
#footer {
	height: 110px;
	width: 940px;
	font-family: 'Exo 2', sans-serif;
	font-weight: 100;
	font-size: 12px;
	margin-top: 70px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
}
#direccfooter {
	float: left;
	height: 80px;
	width: 180px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-image: url(img/ropa/weiss2x2_70.png);
	background-repeat: repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#separadorfooter {
	float: left;
	height: 110px;
	width: 460px;
}
#socialmedia {
	float: right;
	height: 65px;
	width: 195px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-top: 35px;
}
#socialmediabox {
	float: left;
	height: 30px;
	width: 20px;
	padding-left: 10px;
}
#twitter {
	float: right;
	height: 30px;
	width: 33px;
	margin-right: 0px;
	margin-left: 8px;
}

#new310 {
	float: left;
	height: 545px;
	width: 270px;
	margin-right: 10px;
	background-image: url(produccion/img/mueblesneu.png);
	background-repeat: no-repeat;
}
#new280 {
	float: left;
	height: 545px;
	width: 220px;
	margin-right: 10px;
	background-image: url(produccion/img/accesoriosneu.png);
	background-repeat: no-repeat;
}
#new310re {
	float: left;
	height: 545px;
	width: 270px;
	background-image: url(produccion/img/ropaneu.png);
	background-repeat: no-repeat;
}



#menuleiste {
	float: left;
	height: auto;
	width: 520px;
	margin-right: 0px;
	margin-top: 22px;
	padding-left: 0px;
	overflow: visible;
}

.menupunkt {
	float: left;
	height: 15px;
	width: 80px;
	margin-right: 3px;
	padding-left: 3px;
	font-family: 'Exo 2', sans-serif;
	font-size:12px;
	color: #666;
	padding-top: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	
}

.menupunkt:hover {
	color: #fff;
	
}

.menupunkt1 {
	float: left;
	height: 15px;
	width: 80px;
	margin-right: 3px;
	padding-left: 3px;
	font-family: 'Exo 2', sans-serif;
	font-size:12px;
	color: #666;
	padding-top: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;

}

.menupunkt1:hover {
	color: #fff;
	font-weight: 400; 
	font-size:12px; 
	background: #990099; 
	
}

.menupunkt2 {
	float: left;
	height: 15px;
	width: 78px;
	margin-right: 2px;
	padding-left: 2px;
	font-family: 'Exo 2', sans-serif;
	font-size:12px;
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	background-color: #cc0000;
	padding-top: 25px;
}

.menupunkt2:hover {
	font-weight: 400;
	font-size:12px;
	background-color: #cc0000;
	overflow: visible;
}
.menupunkt3 {
	float: left;
	height: 15px;
	width: 80px;
	margin-right: 3px;
	padding-left: 3px;
	;
	font-family: 'Exo 2', sans-serif;
	font-size:12px;
	color: #666;
	padding-top: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

.menupunkt3:hover {
	color: #fff;
	font-weight: 400; 
	font-size:12px; 
	background: #ffc600; 
	
}
.menupunkt4 {
	float: left;
	height: 15px;
	width: 80px;
	margin-right: 3px;
	padding-left: 3px;
	font-family: 'Exo 2', sans-serif;
	font-size:12px;
	color: #666;
	padding-top: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

.menupunkt4:hover {
	color: #fff;
	font-weight: 400; 
	font-size:12px; 
	background: #099; 
	
}
.menupunkt5 {
	float: left;
	height: 15px;
	width: 80px;
	margin-right: 3px;
	padding-left: 3px;
	font-family: 'Exo 2', sans-serif;
	font-size:12px;
	color: #666;
	padding-top: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	
}

.menupunkt5:hover {
	color: #fff;
	font-weight: 400; 
	font-size:12px; 
	background: #639; 
	
}
.menupunkt6 {
	float: left;
	height: 15px;
	width: 80px;
	margin-right: 3px;
	padding-left: 3px;
	font-family: 'Exo 2', sans-serif;
	font-size:12px;
	color: #666;
	padding-top: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;

}

.menupunkt6:hover {
	color: #fff;
	font-weight: 400; 
	font-size:12px; 
	background: #369; 
	
}
	
#donaciones {
	float: left;
	height: 505px;
	width: 145px;
	margin-right: 10px;
	background-color: #CCC;
	background-image: url(img/2x2grau40.png);
	padding-top: 40px;
	padding-left: 5px;
}

#popmenu {
	float: left;
	height: 40px;
	width: 80px;
	overflow: hidden;
	margin-right: 3px;
	transition: all 0.5s; 
}

#popmenu:hover {
	float: left;
	height: 140px;
	width: 80px;
	overflow:visible;
	margin-right: 3px;
}

#pop1 {
	float: left;
	height: 15px;
	width: 78px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 2px;
	padding-top: 25px;
	background-color: #AE0400;
	padding-left: 2px;
	font-family: 'Exo 2', sans-serif;
	font-size: 12px;
	color: #FFF;	
}

#pop2 {
	float: left;
	height: 15px;
	width: 78px;
	margin-right: 2px;
	margin-bottom: 3px;
	padding-top: 25px;
	padding-left: 2px;
	background-color: #AA000C;
	font-family: 'Exo 2', sans-serif;
	font-size: 12px;
	color: #FFF;
}
#pop3 {
	float: left;
	height: 15px;
	width: 78px;
	margin-right: 2px;
	margin-bottom: 3px;
	padding-top: 25px;
	padding-left: 2px;
	background-color: #8F0101;
	font-family: 'Exo 2', sans-serif;
	font-size: 12px;
	color: #FFF;
}