@charset "utf-8";
body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;

}

#test1 {
	position: absolute;
	z-index: 1;
	background-image: url(../fotos/berlin01.jpg);

}
#menu {
	list-style-type: none;
	margin-top: 10px;
	color: #FFF;
	margin-left: 110px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
}

ul#menu li {
	display: inline; /* Prevents "stepdown" */
}
#nav {
}
#nav li {
	color: #FF6;
}
#nav a {
	text-decoration: none;
}

.intro {
	height: 580px;
	width: 840px;
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 50px;
}
#contenedor {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}
#contenido {
	height: 600px;
	width: 940px;
}
#contenido2 {
	height: 600px;
	width: 940px;
}

#cabacera {
	background-image: url(../imagenes/tresco-realty.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 60px;
}
.cabecera {
	width: 840px;
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 50px;
}

#pie {
	height: 40px;
}
#banderas {
	float: right;
	margin-right: 60px;
	margin-top: 20px;
}


#cont-menu {
	width: 940px;
	height: 60px;
}

#m1 { display: block; width: 140px; height: 40px; background-image: url(../imagenes/m1.png); float: left; outline: none; text-indent: -9999px; margin-right: 4px; }
#m2 { display: block; width: 140px; height: 40px; background-image: url(../imagenes/m2.png); float: left; outline: none; text-indent: -9999px; margin-right: 4px; }
#m3 { display: block; width: 140px; height: 40px; background-image: url(../imagenes/m3.png); float: left; outline: none; text-indent: -9999px; margin-right: 4px; }
#m4 { display: block; width: 140px; height: 40px; background-image: url(../imagenes/m4.png); float: left; outline: none; text-indent: -9999px; margin-right: 4px; }
#m5 { display: block; width: 140px; height: 40px; background-image: url(../imagenes/m5.png); float: left; outline: none; text-indent: -9999px; margin-right: 4px; }
#m6 { display: block; width: 140px; height: 40px; background-image: url(../imagenes/m1.png); float: left; outline: none; text-indent: -9999px; margin-right: 4px; }

}


#m1 .hover { position: relative; top: -21px; background-image: url(../imagenes/m1o.png); display: block; width: 140px; height: 40px; display: none; }
#m2 .hover { position: relative; top: -21px; background-image: url(../imagenes/m2o.png); display: block; width: 140px; height: 40px; display: none; }
#m3 .hover { position: relative; top: -21px; background-image: url(../imagenes/m3o.png); display: block; width: 140px; height: 40px; display: none; }
#m4 .hover { position: relative; top: -21px; background-image: url(../imagenes/m4o.png); display: block; width: 140px; height: 40px; display: none; }
#m5 .hover { position: relative; top: -21px; background-image: url(../imagenes/m5o.png); display: block; width: 140px; height: 40px; display: none; }
#m6 .hover { position: relative; top: -21px; background-image: url(../imagenes/m1o.png); display: block; width: 140px; height: 40px; display: none; }
}
#fotos-cabecera {
	margin-right: 50px;
	margin-left: 50px;
	background-image: url(../fotos/cabecera01.jpg);
	display: none;
}
.contenido {
	height: 250px;
	width: 840px;
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 50px;
}

#datos1 {
	height: 330px;
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	background-image: url(../imagenes/banda1.png);
	background-repeat: repeat-x;
}
.tresco {
	float: left;
	background-image: url(../imagenes/tresco.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 38px;
	width: 110px;
	margin-left: 10px;
}
.foto {
	float: right;
	height: 240px;
	width: 240px;
	margin-right: 20px;
	margin-top: 20px;
}


.puntos {
	background-image: url(../imagenes/puntos.png);
	background-repeat: no-repeat;
	height: 9px;
	width: 840px;
	float: left;
}

.titulo {
	float: left;
	font-size: 36px;
	margin-left: 20px;
	position: relative;
}
.texto {
	float: left;
	width: 350px;
	height: 200px;
	margin-top: 40px;
	margin-left: 30px;
	font-size: 14px;
	text-align: justify;
	color: #666;
}
.texto-blanco {
	color: #333;
}
.titulo-proyectos {
	width: 235px;
	float: left;
	font-size: 36px;
	margin-left: 20px;
}
.foto-proyectos {
	float: right;
	height: 240px;
	width: 240px;
}

.texto-blanco-titulo {
	font-size: 18px;
	color: #333;
}

#slider1 {
	height: 280px;
	width: 840px;
}
#weinmeister {
	height: 280px;
	width: 740px;
}
.weinmeister-texto {
	height: 200px;
	width: 380px;
	margin-top: 45px;
	margin-left: 15px;
	float: left;
	font-size: 14px;
	color: #666;
	text-align: justify;
}
.weinmeister-foto {
	height: 242px;
	width: 242px;
	margin-top: 15px;
	float: right;
	margin-right: 15px;
	margin-left: 15px;
	background-image: url(../fotos/proyecto01.jpg);
}
.weinmeister-texto a {
	color: #333;
	text-decoration: none;
}
.weinmeister-texto a:hover {
	color: #C93;
}


#kasntstrasse {
	height: 280px;
	width: 740px;
}
.kasntstrasse-texto {
	height: 200px;
	width: 380px;
	margin-top: 45px;
	margin-left: 15px;
	float: left;
	font-size: 14px;
	color: #666;
	text-align: justify;
}
.kasntstrasse-foto {
	height: 242px;
	width: 242px;
	margin-top: 15px;
	float: right;
	margin-right: 15px;
	margin-left: 15px;
	background-image: url(../fotos/proyecto02.jpg);
}
.links {
	float: left;
	width: 240px;
	height: 240px;
	color: #666;
	font-size: 14px;
	text-align: justify;
	margin-top: 25px;
	margin-left: 25px;
}
.links ul {

}
.links ul li a {
	color: #666;
	text-decoration: none;
}
.links ul li a:hover {
	color: #C63;
	text-decoration: none;
}
.mapa {
	float: right;
	height: 240px;
	width: 600px;
	margin-right: 10px;
	margin-top: 20px;
}
.mapa small a {
	font-size: 10px;
	color: #CCC;
	text-decoration: none;
}
.mapa small a:hover {
	color: #FFF;
}

.texto-contactar {
	float: left;
	width: 180px;
	height: 200px;
	margin-top: 30px;
	margin-left: 30px;
	color: #666;
	font-size: 14px;
	text-align: justify;
}
.texto-contactar a {
	text-decoration: none;
	color: #333;
}
.texto-contactar a:hover {
	color: #C93;
}