/*
Reglas para trabajar con CSS
1) Primero se definen los estilos para ETIQUETAS html. por ejemplo : header, footer, div, a, p, etc.
2) Despues se definen los estilos para IDENTIFICADORES (id), los id's son elementos unicos en el html,
en el css se declaran con el simbolo de # ejemplo: #nombre-id{ estilos } y en el html se llaman
mediante el atributo id ejemplo :
3) Al fnal se definen los estilos para las CLASES (class), las clases son elementos que se pueden
repetir 'n' veces en el html, en el css se declaran con el simbolo de . ejemplo : .nombre-clase{ estilos }
y en el html se llaman mediante el atributo class, ejemplo :
4) Todos los estilos se ordenan conforme van apareciendo en la disposicion del html, teniendo en cuenta
la prioridad anterior, es decir, primero ETIQUETAS, luego IDENTIFICADORES y al final las CLASES
5) Los atributos se declaran de la siguiente forma : { atributo:valor1; atributo:valor2; ...atributoN:valorN; }
6) Todos los atributos se ordenan alfabeticamente, por ejemplo si tengo width, color, display
entonces el orden seria primero color, luego display y al final width
7) Si tenemos estilos para el comodin *, o para las etiquetas html y/o body, estos estilos son los
primeros en definirse.
8) En el body debemos declarar un tamaño de fuente global.
9) Si tenemos estilos para resetear elementos html, estos iran antes de cualquier estilo.
*/
/* reseteo universal */
* {
border: 0;
margin: 0;
padding: 0;
}
@font-face {
font-family: "Chalet";
src: url("../fonts/Chalet.eot");
src: url("../fonts/Chalet.eot?#iefix") format("embedded-opentype"),
url("../fonts/Chalet.woff") format("woff"),
url("../fonts/Chalet.ttf") format("truetype"),
url("../fonts/Chalet.svg#Chalet") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Pecita";
src: url("../fonts/Pecita.eot");
src: url("../fonts/Pecita.eot?#iefix") format("embedded-opentype"),
url("../fonts/Pecita.woff") format("woff"),
url("../fonts/Pecita.ttf") format("truetype"),
url("../fonts/Pecita.svg#Chalet") format("svg");
font-weight: normal;
font-style: normal;
}
/* 16px = 12pt = 100% = 1em */
body {
/*
*/
background-color: #CCCCCC;
}
section#contenedor_tit_manlo { /* contenedor titulo mantenimiento de locutores */
/*
background-color: #F47D31; */ /* fondo naranja
background-color: #2B6145; */ /* fondo verde
background-color: #34466D; */ /* fondo Azul
padding: 5px;
margin: 2% 0% 0% 1.5%;
*/
background: -webkit-gradient(linear, left top, left bottom, from(#34466D), to(#ffffff));
background: -moz-linear-gradient(top, #34466D, #ffffff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D7E9F3', endColorstr='#ffffff');
border-radius: 8px;
display:block;
width: 97%; /* ancho del header (titulo) */
min-height: 90px;
margin: 1.5% 0% 0% 1.5%;
}
section#tit_loman_dosgrupos {
/*
background-color: #fff;
height: 38px;
margin: 1px 0px 0px 0px;
margin: 10% 0% 0% 0%;
*/
border-radius: 5px;
display:block;
margin: 0% 0% 1% 0%;
text-align: left;
width: 100%; /* ancho del header (titulo) */
}
article#tit_loman_grupo1, article#tit_loman_grupo2 {
/*
vertical-align: top;
max-width: 100%;
min-height: 90px;
*/
display: inline-block;
width: 100%;
height: 100px;
vertical-align: middle; /* en medio del bloque */
}
article#tit_loman_grupo1 {
/*
background-color: #CCCCCC;
background-color: #ac965d;
padding: 4px;
width: 22%;
*/
margin: 0% 0% 0% 0%;
width: 19%;
}
article#tit_loman_grupo2 {
/*
background-color: #ac965d;
background-color: #34466D;
margin: 0px 0px 0px -4px;
width: 78%;
*/
margin: 0% 0% 0% -1%;
width: 81%;
}
#tit_sistema_nm_empresa { /* Texto Nombre de la Empresa */
/*
color: #ac965d; /* no va se ve dorado
color: #34466D; /* no va se ve es azulito
color: #FFFFFF;
background-color: #ac965d;
margin: 10% 10% 10% 10%;
margin: 2% 0% 0% 2.5%;
text-shadow: 4px 4px 4px rgba(53,72,110,0.5);
text-shadow: 4px 4px 4px rgba(255,255,255,0.5);
*/
color: #eee; /* xxxxxxxxxx */
font-size: 18px; /* 16px = 1em. standart, tamaño de fuente Global */
font-style: italic;
margin: 1.5% 0% 0% 1%;
width: 90%;
}
#tit_sistema { /* Mantenimiento al Codificador de Rubros */
/*
color: #ac965d;
font-family: Georgia, "Times New Roman", Times, serif;
text-shadow: .20em .20em .20em rgba(255,255,255,0.5);
margin: 2% 10% 10% 8%;
text-align:center;
margin: 2% 10% 10% 14%;
*/
font-size: 25.6px;
font-family: Georgia, "Times New Roman", Times, serif;
margin: 2% 10% 10% 32%;
text-shadow: 3.2px 3.2px 3.2px rgba(255,255,255,0.5);
}
.fade1 {
/*
height: 90px;
width: 96px;
*/
border-radius: 8px;
opacity: 1;
filter: alpha(opacity=10);
-ms-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
-webkit-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
margin: 10px 0px 0px 10px;
height: 58px;
width: 176px;
}
.fade1:hover {
/*
border-radius: 8px 8px 120px 8px;
*/
border-radius: 16px 16px 16px 16px;
opacity: 0.7;
filter: alpha(opacity=7);
-ms-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#sub_tit_sistema_left { /* Texto Sistema Inmobiliario */
/*
background-color: #ac965d;
margin: 10% 10% 10% 10%;
margin: 2% 0% 0% 2.5%;
font-style: italic;
*/
color: #34466D;
font-size: 16px; /* 16px = 1em. standart, tamaño de fuente Global */
margin: 1.5% 0% 0% 10.5%;
text-shadow: 4px 4px 4px rgba(53,72,110,0.5);
width: 90%;
}