/* CSS Document */

@media (min-width: 1800px) {
	.logo img {
	max-height: 450px !important;
}
}

@media all and (max-width: 1800px) and (min-width: 1500px) {
	.logo img {
	max-height: 330px !important;
}
}

@media all and (max-width: 1500px) and (min-width: 1000px) {
	.logo img {
	max-height: 300px !important;
}
}

@media (max-width: 1000px) {
.logo img {max-height: 230px !important;}
#donde {color: #0d0d0d; background-color:#FFF;}
#donde h3 {color: #0d0d0d; left: 0px !important; text-align:left; }
.hidden800 {display:none;}
.ancho30 {width: 30% !important;}
.ancho33 {width: 33% !important;}
.ancho50 {width: 50% !important;}
.ancho100 {width: 100% !important;}
.alto50 {height: 50% !important;}
.alto100 {height: 100% !important;}
}

@media (max-width: 700px) {
	.display-hidden {display: block !important;}
	.movil100 {width: 100% !important;}
	.hidden500 {display:none;}
	.movil-black {background-color: #0d0d0d !important;}
	.logo {margin-top: 35px;}
	.logo img {max-height: 200px !important;}
	a.anchor{top: -45px !important;}
	img {max-height: 200px; width:auto !important;}
	.caption, .caption-left, .caption-bottom {display:none !important;}
	}

body {
	font-family: arial;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
a.anchor{
	display: block;
	position: relative;
	top: -30px;
	visibility: hidden;
}
p {
	font-size: 0.7em;
	padding: 0.5em 1em;
	overflow: auto;
	font-weight: 300;
	margin: 0;
	color: #999999;
	line-height: 1.4em;
}
#que p {
	font-size: 0.6em;
}
h1 {
	margin: 0px;
	padding: 0px;
}

h2 {
	margin: 0px;
	padding: 0px;
	font-size: 1.6em;
	margin-right: 5px;
	bottom: 5px;
	right: 5px;
	position: absolute;
}
h3 {
	text-align: right;
	margin: 0px;
	padding: 0px;
	font-size: 2em;
	margin-right: 5px;
	font-family: verdana;
	font-weight: bold;
	color: #f5f5f5;
	right: 0px;
	position: absolute;
	clear: both;
}
h4 {
	margin: 0px;
	padding: 0.5em 1em;
	font-size: 0.75em;
}
.tlf {
	font-size: 0.7em;
	padding: 0.5em 1em;
	color: #999999;
}
.personas {
	font-weight: bold !important;
	margin: 0px;
	padding: 0em 1em;
	font-size: 0.7em;
	color: #999999;
}
img#interiorismo1, img#interiorismo2, img#interiorismo3, img#interiorismo4, img#interiorismo5, img#interiorismo6, img#interiorismo7, img#interiorismo8, img#interiorismo9, img#interiorismo10, img#interiorismo11 {
	width: 100%;
	height: auto;

    -webkit-transition: all 2s ease; /* Safari and Chrome */
    -moz-transition: all 2s ease; /* Firefox */
    -o-transition: all 2s ease; /* IE 9 */
    -ms-transition: all 2s ease; /* Opera */
    transition: all 2s ease;
        max-width: 100%;
}
img#interiorismo1:hover, img#interiorismo2:hover, img#interiorismo3:hover, img#interiorismo4:hover, img#interiorismo5:hover, img#interiorismo6:hover, img#interiorismo7:hover, img#interiorismo8:hover, img#interiorismo9:hover, img#interiorismo10:hover, img#interiorismo11:hover {
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
     transform:scale(1.1);
}
#cosmopolita {
	max-width: 72.72%;
	bottom: 0px;
}
#pernas {
	overflow: hidden;
	position: relative;
}
img#rede1 {
	margin-left: 0px;
}


.logo {
	float: right;
	height: 100%;
	width: auto;
}
.logo img {
	width: auto;
	max-height: 290px;
}
.box-menu {
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 999;
	text-align: right;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.box-menu-content {
	background-color: #0d0d0d;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1400px;
}
.menu-element {
	color: #f5f5f5;
	font-size: 1.25em;
	font-weight: bold;
	font-family: verdana;
	margin-left: 10px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
}
.menu-element a {
	color: #999;
	text-decoration: none;
}
.menu-element a:hover {
	color: #CCC;
	text-decoration: underline;
}
.box.top {
	margin-top: 30px;
}
.box {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	max-width: 1400px;
}
.box-col {
	float: left;
	position: relative;
	overflow: hidden;
}
.box-15 {
	width: 15%;
	background-color: #0d0d0d;
}
.box-25 {
	width: 25%;
}
.box-30 {
	width: 30%;
}
.box-40 {
	width: 40%;
}
.box-45 {
	width: 45%;
}
.box-50 {
	width: 50%;
}
.box-55 {
	width: 55%;
}
.box-85 {
	width: 85%;
}
.box-45-45 {
	width: 45.45%;
}
.box-54-54 {
	width: 54.54%;
}
.box-100 {
	width: 100%;
}
.height-40 {
	height: 40%;
}
.height-30 {
	height: 30%;
}
.height-50 {
	height: 50%;
}
.height-60 {
	height: 60%;
}
.height-70 {
	height: 70%;
}
.height-100 {
	height: 100%;
}
.caption {
	position: absolute;
	top: 0px;
	right: 5px;
	font-size: 0.7em;
	color: #f5f5f5;
}
.caption-left {
	position: absolute;
	top: 0px;
	font-size: 0.7em;
	color: #f5f5f5;
	left: 5px;
}
.caption-bottom {
	position: absolute;
	right: 5px;
	font-size: 0.7em;
	bottom: 0px;
	color: #f5f5f5;
}
.caption-bottom-left {
	position: absolute;
	font-size: 0.7em;
	bottom: 0px;
	color: #f5f5f5;
	left: 5px;
}
.caption-logo-bottom-left {
	position: absolute;
	bottom: 5px;
	left: 5px;
}
.caption-logo-bottom-right {
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.caption-logo-top-left {
	position: absolute;
	left: 5px;
	top: 5px;
}
.caption-logo-top-right {
	position: absolute;
	right: 5px;
	top: 5px;
}
.black {
	color: #FFF;
	background-color: #0d0d0d;
}
.top {
	margin-top: 10px;
}
.line-white {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	clear: both;
	margin: 1em;
}
.linea-ptos {
	width: 90%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-left: 5%;
	margin-right: 5%;
	font-size: 0.7em;
	font-weight: bold;
}
.white {
	background-color: #FFF;
}
.white p {
	color: #333;
}
.grey {
	background-color: #999;
}
.equal {
	height: auto;
}
.hidden {
	overflow: hidden;
}
.display-hidden {
	display: none;
}
.footer {
	width: 100%;
	z-index: 999;
	text-align: right;
	margin-top: 5px;
	font-size: 0.9em;
}
.footer-content {
	background-color: #0d0d0d;
	width: 95%;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	color: #999999;
}
.footer-content .menu-element {
	font-weight: normal;
	text-transform: uppercase;
}