html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
font: inherit;
/* vertical-align: baseline; */
margin: 0;
padding: 0;
}
body { text-align:center;
padding: 0px;
margin : 0px;
font-family: \"dejarip-1\", \"dejarip-2\", \"Helvetica Neue\", Arial, clean, sans-serif;
background-color: rgba(0,0,0,0.9);
}
.slider_texto{ width: 100%; margin: 0; float: auto; overflow: auto; word-wrap: break-word; white-space: initial; }
.parrafosangria {
align: justify;
text-indent:35px;
width: 90%
display: inline;
}
.parrafosangria_inverso {
background-color: #0000FF;
color: #FFFFFF;
text-align: justify;
text-indent:5%;
font-weight: bold;
padding-left: 4%;
padding-right: 4%;
font-size: 16px;
}
.semititulo{ font-weight: bold; font-size: 16; color: #FF4C4C; }
.lista{ font-size: 12; }
.label{
font-family:helvetica;
font-weight:bold;
font-size:12pt;
color:#0000A2; /* 0000A2 */
}
.label_inverted{
font:11px Verdana, Arial, Helvetica, sans-serif;
/*font-weight:bold;*/
color:#FFFFFF;
}
.labelsmallfont{
font-family:helvetica;
font-size:6pt;
color:#a54686;
}
.textbox{
font-family:helvetica;
font-size:12pt;
color:#000000;
background-color:#E6E6FA;
}
.header2{
font-family:helvetica;
font-size:14pt;
color:#000000;
}
.header3{
font-family:helvetica;
font-size:10pt;
color:#000000;
text-align:center;
}
.SectionTitle{
font:10px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
background-color:#000000;
text-align: left;
vertical-align:middle;
min-height: 13px;
height:auto;
padding:4px 4px 4px 5px;
}
.boton{
display: inline-block;
/* background: url(btn.jpg) repeat-x; */
padding:3px 5px 3px 5px;
font-weight:bold;
font-size: 24px; color: #FF0000;
text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
border:1px solid rgba(0,0,0,0.4);
-moz-border-radius: 6px;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
-webkit-border-radius: 6px;
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
position: relative;
}
.error{
font-family:helvetica;
font-weight:bold;
font-size:12pt;
color:#FF0000;
text-align:center;
}
.line{
color:#000000;
}
#popup {
position: relative;
padding: 5px;
border: 1px solid black;
background: #eee;
left: 0px;
top: 0px;
width: 350px;
visibility: hidden;
}
p { /* font:14px Verdana, Arial, Helvetica, sans-serif; */
/* color: #586885; */
color: #abb3c2;
line-height: 120%;
padding: 3px;
}
h1{ font:25px Verdana, Arial, Helvetica, sans-serif;
text-align : center;
/*color : #666666;*/
color: #FFFFFF;
margin:0px;
}
h2{ font:bold 16px Verdana, Arial, Helvetica, sans-serif;
text-align : CENTER;
color:#FF4C4C;
display: inline; /* se despliega en la misma linea */
}
h3{ font:18px Verdana, Arial, Helvetica, sans-serif;
text-align : left;
color : #666666;
}
h4 {
font:bold 15px Verdana, Arial, Helvetica, sans-serif;
text-align : left;
color : #666666;
}
h5 {
font: 13px Verdana, Arial, Helvetica, sans-serif;
text-align : left;
color : #666666;
}
h6 {
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
text-align : left;
color : #666666;
}
td {
font: 16px Verdana, Arial, Helvetica, sans-serif;
color : #abb3c2;
text-align: justify;
}
a{
text-decoration: none;
font-size:14px;
color:#325FA0;
font-family: \"sans\";
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color:#325FA0;
}
a:hover {
text-decoration: none;
font-style: italic;
color:#000066;
}
a:active {
text-decoration: none;
color:#0099CC;
}
/* 21abril2019 */
.capital{
font-size: 30px;
font-weight: bold;
}
.smalltext{
font-size: 14px;
color: #0000FF;
}
.header_slider {
text-align: left;
position: absolute;
top: 5%;
left: 10%;
right: 10%;
/* right: 20%; */
margin: 0;
/* margin: 0; */
width: 80%;
color: white;
font: 14px/45px Helvetica, Sans-Serif;
background: rgba(0, 0, 0, 0.6);
line-height: 200%;
font-weight: bold;
}
/* 21abril2019 */
@media all and (min-width: 800px) {
#CONTAINER{
margin: 0 auto; /*con este valor quedara centrado, no hace falta repetir otra vez 0
auto porque ahora mismo el 0 se refire a arriba y abajo, y el auto a los lados*/
width:1200px;
/* background-color: rgba(0,0,0,0.9); */
}
/*en header le damos el mismo ancho que el contenedor (si queremos podemos darle menos), la altura que queramos, colores etc...
Lo que mas nos interesa es que debe estar centrado con el contenedor, por eso mirad las propiedades de margin,
tiene cero arriba, a la derecha tambien, abajo tiene 10 px,
y a la izquierda de nuevo cero pixeles, por el mismo orden
que los he mencionado.
Solo he definido el borde de abajo porque los demas tocan a
los del contenedor y resulta feo.*/
.header {
width: 100%;
height: 75px;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
z-index: 999;
background-color: rgba(0,0,0,0.9); /* #747474; */
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
-ms-transition: height 0.3s;
-o-transition: height 0.3s;
transition: height 0.3s;
}
.header h1#logo {
display: inline=block;
height: 92px;
float: left;
margin-left:50px;
font-family: \"Oswald\", sans-serif;
font-size: 60px;
color: white;
font-weight: 400;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.header img#logo {
display: inline;
max-width:300px;
max-height:75px;
width: auto;
height: auto;
position: fixed; left: 0;
margin: 0;
}
.fraserandom {
/* background-color: black; */
/* background: rgba(255,0,0,0.6) ; */
width: 50%; margin: 0 200px 0 300px; float: auto; overflow: hidden;
word-wrap: break-word; white-space: initial; font-size: 16px; line-height: 32px; font-weight: 200;
font-family: Verdana,Georgia, Serif;
/*font-family: Brush Script MT,cursive; */
/*font-family: Italianno; */
color:gray; display: block;
/* border: 1px solid gray; */
}
@font-face { font-family: Italianno; src: url(fonts/Italianno-Regular.ttf); }
.header nav {
display: inline=block;
float: right;
margin-right:50px;
}
.header nav a {
line-height: 150px;
margin-left: 20px;
color: #000000; /* #9fdbfc; */
background-color: #FFFFFF; /* #9fdbfc; */
font-weight: 400;
font-size: 12px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.header nav a:hover {
color: white;
}
.header.smaller {
height: 55px;
}
.header.smaller img#logo {
width: 200px;
height: 50px;
}
.header.smaller nav a {
line-height: 75px;
}
} /* ojo cierra el media all and min width 800 ------------------------------------------------------------------- */
@media all and (max-width: 660px) {
.header img#logo {
display: block;
float: none;
margin: 0 auto;
height: 75px;
line-height:100px;
text-align: center;
}
.header nav {
display: block;
float: none;
height: 50px;
line-height:50px;
text-align: center;
margin: 0 auto;
}
.header nav a {
line-height: 50px;
margin: 0 10px;
}
.header.smaller {
height: 60px;
}
.header.smaller img#logo {
height: 50px;
width: 200px;
line-height: 40px;
font-size: 30px;
}
.header.smaller nav {
height: 35px;
line-height:35px;
}
.header.smaller nav a {
line-height: 35px;
}
.fraserandom {
font-family: Verdana,Georgia, Serif; color:#abb3c2;
border: 1px solid red;
}
td,th { display: block } /* 7sep2020 rdgc si es tabla y es moviles entonces hace renglones las columnas */
} /* finaliza seccion moviles */
/* general - moviles y pc */
.footer{ z-index: 9999; position: fixed; bottom:0;
width: 100%; margin: auto;
height: 35px;
background-color: rgba(255,255,255,0.3);
}
@media all and (min-width: 800px) {
.headerMenu{
background-color: rgba(0,0,0,0.6);
margin:0 0 0 0;
width: 100%;
height: 32px;
position: fixed;
top: 75px;
left: 0px;
z-index: 2;
}
.headerMenu.smaller{
/* background-color: rgba(0,0,0,0.6); */
margin:0 0 0 0;
width: 100%;
height: 28px;
position: fixed;
top: 55px;
}
.izquierda{
width:160px;
height:auto;
/* background-color:#E6E6FA; */
border-style:solid;
border-width:1px;
border-color:#000000;
margin:0 0 0 0;
float:left;
padding:5px;
}
.izquierda ul {
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
line-height: 140%;
text-transform:capitalize;
}
.derecha{
/*
height:auto;
width:135px;
margin:0 0 0 0;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.19, #aaecff),
color-stop(1, #4097b0)
);
background-image: -moz-linear-gradient(
center bottom,
#aaecff 19%,
#4097b0 100%
);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#aaecff\", endColorstr=\"#4097b0\"); /* for IE */
border-radius: 6px;
border-color:#000000;
*/
margin:0 0 0 0;
float:right;
padding:5px;
}
.principal{
position: relative;
top: 110px;
/* width: 90%; */
background-color: rgba(0,0,0,0.8);
text-align: center;
margin: auto; /* ojo... para centrar poner margin auto */
/* border-style:solid;
border-width:1px;
border-color:#000000;
*/
z-index: 1;
}
* html .principal{
width:90%;
background-color: #FFFFFF;
margin:auto;
text-align: center;
border-style:solid;
border-width:0px;
border-color:#000000;
}
.footer h6{
text-align:center;
text-transform:uppercase;
margin:5px auto;
color:#666666;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
}
} /* ojo, cierre del media all widht 800