@charset "utf-8";
/************************* CONSIDERACIONES GENERALES ***********************/
html,body{
margin:0px;
height:100%;
background-color:#FFFFFF;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
-webkit-font-smoothing: antialiased;
outline: 0;
/**font-family: 'Croissant One', cursive;**/
font-family: 'Gafata', sans-serif;
font-size: 110%;
}
img,div,h1,h2,table,ul,li,a{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 0px;
-webkit-font-smoothing: antialiased;
font-size: 110%;
/**font-family: 'Croissant One', cursive; **/
font-family: 'Gafata', sans-serif;
}
h1.normal{
display: inline;
margin:0px;
padding:0px;
-webkit-font-smoothing: antialiased;
font-size: 1em;
font-family: 'Gafata', sans-serif;
font-weight:normal;
}
p.normal{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 0px;
-webkit-font-smoothing: antialiased;
font-size: 110%;
/**font-family: 'Croissant One', cursive; **/
font-family: 'Gafata', sans-serif;
}
div.top_fondo{
position: absolute;
top: 0px;
left: 0px;
width:100%;
height: 150px;
z-index:-1;
background: #000 url(https://www.servyad.com/images/fondo_top.jpg);
background-repeat: no-repeat;
background-size:100%;
background-position: center;
}
div.top_menu{
position: absolute;
top: 150px;
left: 0px;
width:100%;
background-image: url(https://www.servyad.com/images/tira_fondo_detalle.png);
z-index:+3;
}
div.top_menu_texto {
position:relative;
margin:0 auto 0 auto;
width:980px;
height: 40px;
z-index:-1;
}
div.blog {
position:relative;
float:right;
width: 50px;
height: 40px;
z-index:-1;
}
h1.menu{
position:relative;
top: -2px;
padding-left:20px;
margin:0 auto 0 auto;
font-size:1em;
}
img.social{
position:relative;
float:left;
top: 8px;
margin-left:4px;
height:27px;
width:27px;
}
div.logo {
position:relative;
margin:0 auto 0 auto;
padding: 15px 0px 0px 0px;
width:980px;
height:120px;
}
img.logo{
position:relative;
float:left;
margin-left:90px;
margin-top:25px;
height:65px;
}
h1.idiomas{
position:relative;
float:right;
margin-right:30px;
margin-top:10px;
font-size:0.9em;
color: #979797 ;
}
a.idiomas{
font-size:0.9em;
color: #ffffff ;
background-color: rgba(240, 240, 240, 0.4);;
text-decoration:none;
}
a.idiomas_bottom{
font-size:0.9em;
color: #979797 !important ;
text-decoration:none;
}
div.principal {
position:relative;
clear:left;
top: 60px;
margin:0 auto 0 auto;
padding: 30px 0px 0px 0px;
width:980px;
height:2500px;
/**** background: #000 url(https://www.servyad.com/images/fondo_principal.jpg) repeat; ****/
}
img.principal{
position:relative;
left: 15px;
margin-top:50px;
width:950px;
height:353px;
}
img.banner{
position:relative;
left: 15px;
margin-top:50px;
width:950px;
}
p.principal{
margin-left:auto;
margin-right:auto;
text-align : justify;
width:882px;
font-size:1.3em;
}
p.secciones{
position:relative;
margin-left:auto;
margin-right:auto;
margin-top: 15px;
width:882px;
text-align : justify;
}
p.pre_titulo{
font-family: 'Crete Round';
position:relative
margin:0 auto 0 auto;
text-align:center;
width:980px;
font-size:+1em;
font-style:normal;
color:#C0C0C0;
}
p.titulo_paginas{
font-family: 'Crete Round';
position:relative
margin:0 auto 0 auto;
text-align:center;
width:980px;
font-size:+1.3em;
font-style:bold;
}
p.separador_naranja{
margin:0 auto 0 auto;
text-align:center;
}
p.foto_empresa{
margin:0 auto 0 auto;
text-align:center;
z-index:-99;
}
img.separador_naranja{
height: 2px;
margin: 0px 0px 30px 0px;
}
/*-------------------------------------------------------------------MENU-----------------------------------------------------------------------------------*/
p.contacto_formulario{
font-size:+1em;
font-style:bold;
}
/*-------------------------------------------------------------------PROPIETARIOS-----------------------------------------------------------------------------------*/
p.propietarios{
padding:0;
margin-top: 15px;
margin-left:auto;
margin-right:auto;
text-align : justify;
width:882px;
}
p.propietarios_tab{
padding:0;
margin:0;
margin-top: 15px;
margin-left:10px;
margin-right:auto;
text-align : justify;
}
p.experiencia{
padding:0;
margin:0;
margin-top: -8px;
margin-left:-15px;
margin-right:auto;
text-align : justify;
font-size: 1.2em;
font-style:bold;
}
a.experiencia{
font-style:bold;
text-decoration:none;
color: black;
}
img.flecha_dcha{
padding: 0px 0px 0px 60px;
width:30px;
z-index:-99;
}
/*-------------------------------------------------------------------VACACIONAL-----------------------------------------------------------------------------------*/
div.fondo_listado{
margin-left:auto;
margin-right:auto;
margin-top: 0px;
padding:8px;
width:882px;
background:#e6e2e3;
}
p.orden_listado{
margin-left:auto;
margin-right:auto;
margin-top: 0px;
padding:8px 8px 8px 38px;
width:882px;
font-size:1.1em;
text-decoration:none;
color:#000000;
}
div.aparamento_listado{
margin-left:auto;
margin-right:auto;
margin: 8px 0px 8px 0px;
height:120px;
background:#f3eded;
}
img.principal_listado{
position: relative;
float:left;
margin: 0px 20px 0px 0px;
height:120px;
width:160px;
border:0px;
}
p.titulo_apartamento_listado{
position: relative;
float:left;
margin: 0px;
width:500px;
text-align:left;
font-size:1.3em;
font-style:bold;
}
img.iconos_apartamentos{
position: relative;
float:left;
margin: 0px 3px 0px 0px;
height:40px;
width:40px;
border:0px;
}
div.listado_pisos_derecha{
position: relative;
float:right;
margin: 0px 0px 0px 0px;
height:120px;
background-image: url(https://www.servyad.com/images/cruz_listado.png );
background-repeat: no-repeat;
background-width:100%;
width: 150px;
border:0px;
}
div.listado_pisos_derecha_venta{
position: relative;
float:right;
margin: 0px 0px 0px 0px;
height:120px;
background-image: url(https://www.servyad.com/images/linea_listado.png );
background-repeat: no-repeat;
background-width:100%;
width: 150px;
border:0px;
}
p.listado_pisos_derecha_small{
position: relative;
float:left;
text-align:center;
margin: 0px 0px 0px 0px;
height:60px;
width: 70px;
border-color:blue;
border:2px;
}
p.listado_pisos_derecha_venta{
position: relative;
float:left;
text-align:center;
margin: 0px 0px 0px 0px;
height:60px;
width: 140px;
left:10px;
border-color:blue;
border:2px;
}
div.imagen_listado{
position: relative;
float:left;
left: 49px;
padding:0;
margin:0;
top:20px;
}
div.leyenda_listado{
position: relative;
float:left;
left: 60px; ;
width: 822px;
top: 8px;
padding:0px;
margin:0px;
}
p.leyenda{
position:relative;
float:left;
width:195.5px;
padding:0px;
margin:5px;
top:10px;
}
p.titulo_detalle_apartamento{
position:relative
text-align:left;
margin-left: 30px;
font-size:+1.3em;
}
h1.titulo_detalle_apartamento{
position:relative
text-align:left;
margin-left: 30px;
font-size:+1.3em;
}
div.detalle_img_principal{
position:relative;
float:left;
text-align:left;
margin-left: 30px;
width:736px;
height:552px;
}
img.detalle_img_principal{
width:736px;
height:552px;
}
div.detalle_img_secundarias{
position:relative;
float:left;
text-align:left;
margin: 0px 0px 15px 20px ;
width:164px;
height:126.75px
}
img.detalle_img_secundarias{
width:164px;
height:126.75px
}
p.apartamento_descripcion{
display:inline;
position:relative;
paading:0xp;
margin-top:0px;
text-align:justify;
width:552px;
}
div.iconos_apartamento_detalle{
position:relative;
float:left;
margin: 0px auto 0px auto;
width:552px;
margin-top: 15px;
}
div.principal_apartamento_detalle{
position:relative;
float:left;
width:552px;
margin-left: 30px;
height:400px;
}
div.detalle_comentario{
position:relative;
float:left;
width:552px;
margin-left: 30px;
}
div.google{
position:relative;
margin-top:0px;
float:right;
text-align:right;
margin-right: 30px;
width:368px;
height:400px;
}
div.detalle_derecho{
position:relative;
margin-top:0px;
float:right;
text-align:right;
margin-right: 30px;
width: 350px;
}
div.detalle_otros_apartamentos{
position: relative;
float:right;
width: 350px;
height:40px;
padding:0;
background-image: url(https://www.servyad.com/images/otros_apartamentos.png );
color:#FFFFFF;
font-style:bold;
}
div.detalle_comentarios{
position: relative;
float:right;
width: 350px;
height:40px;
padding:0;
background-image: url(https://www.servyad.com/images/otros_apartamentos.png );
color:#FFFFFF;
font-style:bold;
}
div.detalle_izquierda{
position: relative;
float:left;
width: 95%;
height:40px;
background-image: url(https://www.servyad.com/images/tira_fondo_detalle.png );
background-repeat:repeat;
color:#FFFFFF;
font-style:bold;
}
div.detalle_imagen{
position: relative;
float:left;
padding:0;
margin:0;
top:50px;
}
/*-------------------------------------------------------------------MENU-----------------------------------------------------------------------------------*/
#derecha{ /*Curva derecha del menu*/
width:15px;
height: 60px;
float:left;
margin:0px;
padding:0px;
border:0px;
}
#izquierda{ /*Curva izquierda del menu*/
width:15px;
height: 60px;
float: right;
margin: 0px;
padding:0px;
border:0px;
}
#menu { /*Estilos de la capa menu */
text-align: center;
font-family: 'Crete Round';
font-size: 1.1em;
width: 100%;
height:60px;
border:0px;
padding:0px;
margin-top: -25px;
z-index:100;
}
#menu ul { /*Para los estilos de las listas*/
list-style-type: none;
}
#menu ul li.nivel1 { /*Para las li de primer nivel*/
float: left;
width: 150px;
margin-right: 2px;
margin-left: 2px;
margin-top: 4px;
margin-bottom: 2px;
}
#menu ul li a { /*Es para los items de primer nivel, recuerden que son enlaces hacia sitios de la web, no parrafos*/
display: block;
text-decoration: none;
/*border: solid 1px #fff;*/
padding: 8px;
position: relative;
z-index:100;
}
#menu ul li:hover { /*Propiedad css de posicionamiento del despliege de sub menu*/
position: relative;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 { /*Estilos cuando el cursor este sobre los LI*/
background-color: /*#006*/;
color: /*#000*/;
position: relative;
font-weight: bold;
font-style: italic;
font-size: 12.5px
}
#menu ul li a.nivel1 { /*Mantiene la estructura de el menu*/
display: block!important;
display: none;
position: relative;
}
#menu ul li ul {
display: none;
}
#menu ul li a:hover ul, #menu ul li:hover ul { /*Describe el comportamiento que deve tener la sub lista que se despliegara*/
display: block;
position: absolute;
left: 0px;
}
#menu ul li ul li a { /*Para los sub menus*/
width: 150px;
padding: 6px 0px 8px 0px;
border-top-color: #000;
left: -20px;
}
#menu ul li ul li a:hover { /*Estilos cuando el cursor esta sobre los enlaces*/
border-top-color: #000;
position: relative;
}
table.falsa { /*Esto es para que el menu funcione en IE, ya que no soporta la pseudoclase HOVER*/
border-collapse:collapse;
border:0px;
float: left;
position: relative;
}
/*-------------------------------------------------------------FIN DEL MENU------------------------------------------------------------------------------------*/