html, body, div, p, img, ul, li, footer, header, section, h1, span, time, hgroup, aside, form, input, article, h2, h3, h4, label, textarea, small {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
text-decoration:none;
}
body {
background: url(../images/fondo.jpg) repeat ;
font-size:17px !important;
font-family: 'Arial', sans-serif;
line-height:1.3em;
width:100%;
max-width:2000px;
height:100%;
}
ul {
list-style:none;
}
aside {
display:block;
}
.max {
width: 100%;
float: left;
margin-top: 5px;
}
.max1 {
width: 100%;
float: left;
margin-top: 0px;
padding-top: 10px;
padding-bottom: 10px;
}
.max2 {
width: 100%;
float: left;
margin-top: 0px;
background: #E3E3E3;
padding-top: 10px;
padding-bottom: 10px;
}
.max3 {
width: 100%;
float: left;
padding-top: 5px;
border-top-width: 1px;;
border-top: solid;
border-top-color: #818080;
}
.max4 {
width: 100%;
float: left;
margin-top: 5px;
}
.maxrespuesta {
width: 94%;
float: left;
margin-top: 5px;
padding-left: 55px;
background: #e9e9e9 ;
background-repeat: no-repeat;
background-image: url("../images/respuesta.png");
}
.group {
text-align: center;
width: 650px;
margin-left: auto;
margin-right: auto;
}
.imagenzoom {
width: 550px;
}
.tablalistado {
width: 100%;
float: left;
}
.useracceso {
position: relative;
top: 0;
margin:0;
padding:0;
float: right;
width: 30px;
height: 30px;
}
.linea { position:relative; float: left; background: #000000 ;COLOR: #ffffff;
margin-top: 0px; margin-bottom: 0px; position:relative; width: 100%;height: 2px; }
.lineapuntos { position:relative; float: left; border-top: 1px dotted black ;
margin-top: 0px; margin-bottom: 0px; position:relative; width: 100%;height: 2px; }
.contenedorfotousuario {
float: left;
margin-top: 0px;
padding: 0px;
border-radius: 25px;
width: 50px;
height: 50px;
background-size: 50px;
}
.columnatextousuario {
padding-left:11px;
padding-top:15px;
text-align: left;
float: left;
width: 85%;
}
.columnacomentariogaleria {
text-align: left;
float: left;
width: 50%;
}
.lineagris { position:relative; float: left; background: #818080 ;COLOR: #818080; margin-top: 0px; margin-bottom: 0px; position:relative; width: 100%;height: 2px; }
.titulo {
margin-left: 0px;
padding-top: 10px;
padding-bottom: 10px;
width:100%;
font-size: 30px;
font-weight: bold;
line-height: 120%;
float: left;
position:relative;
color:#000000;
text-decoration: none;
}
.titulo a:link {
text-decoration: none;
color:#000000;
}
.titulo a:hover {
text-decoration: underline;
color:#000000;
}
.titulo a:visited {
text-decoration: none;
color:#000000;
}
.titulo a:active {
text-decoration: none;
color:#000000;
}
.titulo2{
font-size: 15px;
font-weight: bold;
}
.titulo3{
width:100%;
margin-left: 0px;
margin-top: 20px;
padding-bottom:10px;
color:red;
font-size: 22px;
font-weight: bold;
float: left;
position:relative;
}
#container {
position: relative;
}
.peque{
font-size: 14px;
line-height:1.1em;
}
.columnax {
float: left;
width: 30%;
}
.columna1 {
color:#ffffff;
background: #000000;
font-size:15px;
text-align: center;
float: left;
width: 140px;
padding-top:8px;
height: 31px;
}
.columna1 a {
text-decoration: none;
color:#ffffff;
background: #000000;
}
.columna1 a:link {
text-decoration: none;
color:#ffffff;
background: #000000;
}
.columna1 a:hover {
text-decoration: none;
color:#ffffff;
background: #000000;
}
.columna1 a:visited {
text-decoration: none;
color:#ffffff;
background: #000000;
}
.columna1 a:active {
text-decoration: none;
color:#ffffff;
background: #000000;
}
.columna2 {
font-size:15px;
color:#000000;
text-align: center;
float: left;
width: 140px;
padding-top:8px;
height: 31px;
}
.columna2 a {
text-decoration: none;
color:#000000;
}
.columna2 a:link {
text-decoration: none;
color:#000000;
}
.columna2 a:hover {
text-decoration: none;
color:#000000;
}
.columna2 a:visited {
text-decoration: none;
color:#000000;
}
.columna2 a:active {
text-decoration: none;
color:#000000;
}
.columna3 {
height: 60px;
}
.columnafoto {
text-align: center;
float: left;
width: 100px;
}
.columnanombre {
padding-top: 0px;
padding-left: 15px;
text-align: left;
float: left;
width: 80%;
}
.columnafecha {
FONT-SIZE: 13px;
COLOR: #636262;
text-align: right;
float: left;
width: 10%;
line-height:1.1em;
}
.columnacomentario {
padding-left: 10px;
padding-bottom: 10px;
text-align: left;
float: left;
width: 85%;
}
.columnafoto2 {
text-align: center;
float: left;
width: 10%;
}
.columnafotogaleria {
padding-right:20px;
text-align: right;
float: left;
width: 20%;
}
.columnavideo {
text-align: center;
float: left;
width: 5%;
}
.video{
width:500px;
height:310px;
}
.columnafotousuario {
text-align: center;
float: left;
width: 10%;
}
.myBtn { background: #ffffff ;COLOR: #000; FONT-FAMILY: arial; FONT-SIZE: 12px; text-align: left; TEXT-DECORATION: none ; padding: 3px; border: #000 1px solid; width: 100px; }
.input { background: #ffffff ;COLOR: #000; FONT-FAMILY: arial; FONT-SIZE: 17px; TEXT-DECORATION: none ; padding: 2px; border: #000000 1px solid; }
.boton { background: #000000 ;COLOR: #ffffff; FONT-FAMILY: arial; FONT-SIZE: 17px; TEXT-DECORATION: none ; padding: 2px; position:relative; width: 100px;height: 30px; }
.botonblanco { background: #ffffff ;COLOR: #000; FONT-FAMILY: arial; FONT-SIZE: 17px; TEXT-DECORATION: none ; padding: 2px; border: #000000 1px solid; width: 300px; }
.botonblanco a:hover { color: yellow; }
.idiomas {
top: 20px; left: 90%; right:50px;
position:absolute;
float:right;
font-size:13px;
color:#000000;
text-align: center;
width: 120px;
height: 30px;
}
.idiomaon {
text-align: center;
border: 0.5px solid #000000;
}
.idiomaon a { TEXT-DECORATION: none ; color:#000000;}
.idiomaon a:hover { TEXT-DECORATION: underline ; }
.idiomaon a:active { TEXT-DECORATION: none ; }
.idiomaon a:visited { TEXT-DECORATION: none ; }
.idiomaoff {
text-align: center;
border: 0px solid #ffffff;
}
.idiomaoff a { TEXT-DECORATION: none ;color:#000000; }
.idiomaoff a:hover { TEXT-DECORATION: underline ; }
.idiomaoff a:active { TEXT-DECORATION: none ; }
.idiomaoff a:visited { TEXT-DECORATION: none ; }
.aviso { background: #ffffff ;COLOR: #0597f4; FONT-FAMILY: arial; FONT-SIZE: 14px;
TEXT-DECORATION: none ; padding: 2px; border: #0597f4 1px solid; }
.enlace2 { FONT-SIZE: 17px; TEXT-DECORATION: none ; padding: 2px; color: #000000;
}
.enlace2 a { FONT-SIZE: 17px; TEXT-DECORATION: none ; padding: 2px; color: #000000;
}
.enlace2 a:hover { color: yellow; }
.enlace a { FONT-SIZE: 17px; TEXT-DECORATION: underline ; font-weight: bold; color: #000000;
}
.enlace a:hover { TEXT-DECORATION: none ; }
.enlace a:active {
TEXT-DECORATION: underline ;
}
.enlace3 a { FONT-SIZE: 18px; TEXT-DECORATION: none ; font-weight: bold; color: #000000;
}
.enlace3 a:hover { TEXT-DECORATION: underline ; }
.enlace3 a:active {
TEXT-DECORATION: underline ;
}
.columna a {
background: #000000;
color: #ffffff;
text-decoration: none;
display: block;
padding: 4px 5px;
FONT-SIZE: 15px;
}
.columna a:hover {
color: yellow;
}
.left {
text-align: center;
float: left;
width: 15%;
}
.left2 {
text-align: center;
float: left;
width: 15%;
margin-left:20px;
}
.left3 {
text-align: right;
float: left;
width: 35%;
margin-right: 10px;
}
.right3 {
text-align: left;
float: left;
width: 60%;
margin-top: 10px;
margin-left: 10px;
}
.right {
text-align: left;
float: left;
width: 80%;
margin-top: 10px;
margin-left: 10px;
}
.cabecera {
width: 900px;
height: 160px;
}
img {
max-width: 100%;
height: auto;
}
/*------GALLERY----------*/
.contenedorprincipal {
border: #0597f4 1px solid;
text-align: center;
width: 90%;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}
.contenedorfotos {
border:red 1px solid;
text-align: left;
float: left;
width: 20%;
margin-top: 5px;
margin-left: 5px;
}
.foto {
width: 60%;
}
.fotox {
text-align: left;
float: left;
width: 500px;
height:auto;
}
/* 2. Screen settings */
@media (max-width: 900px){
.titulo {
margin-left: 0px;
}
.left {
text-align: center;
float: none;
width: auto;
}
.right {
text-align: left;
float: none;
width: auto;
}
.left2 {
text-align: left;
float: none;
width: auto;
}
.right2 {
text-align: left;
float: none;
width: auto;
}
.max {
width: 95%;
margin-left: 0px;
}
/* 2.1 Flex-display of `.menu` for desktop */
.menu {
display: flex;
flex-flow: row wrap;
}
/* 2.1.1 Border adjustments for menu-items */
li {
border-width: 0 1px 0 0;
}
/*------MENU----------*/
.fotox {
text-align: left;
float: left;
width: 350px;
height:auto;
}
.foto {
width: 90%;
}
.idiomas {
top: 20px; left: 75%; right:50px;
}
.imagenzoom {
width: 350px;
}
.titulo {
margin-left: 0px;
}
.max {
position: relative;
margin-top: 10px;
}
.columna {
padding-left: 20px;
margin-right: auto;
margin-left: auto;
width: 90%;
}
.columna1 {
margin-right: auto;
margin-left: auto;
width: 95%;
}
.columna2 {
float: left;
width: 95%;
}
/*------MENU----------*/
#cssmenu {
width: 200px ;
}
#cssmenu ul li {
float: none;
display: block;
}
.columnafoto2 {
text-align: center;
float: left;
width: 95%;
}
.columnafotogaleria {
text-align: center;
float: left;
width: 95%;
}
.columnavideo {
text-align: center;
float: left;
width: 95%;
}
.columnacomentario {
padding-left: 5px;
padding-bottom: 10px;
text-align: left;
float: left;
width: 90%;
}
.columnacomentariogaleria {
float: left;
width: 90%;
}
.group {
text-align: center;
margin-left: auto;
margin-right: auto;
width: 380px;
}
.cabecera {
width: 95%;
height: auto;
}
.video{
width:400px;
height:248px;
}
.columnafecha {
FONT-SIZE: 13px;
COLOR: #636262;
text-align: left;
float: left;
width: 90%;
}
.max1 {
width: 90%;
}
.max2 {
width: 90%;
}
.max3 {
width: 90%;
}
.max4 {
width: 90%;
}
.columnax {
width: 90%;
}
.columnafotousuario {
padding-left: 10px;
text-align: left;
float: left;
width: 95%;
}
.left3 {
text-align: left;
width: 90%;
margin-left: 10px;
}
.right3 {
width: 90%;
margin-left: 10px;
}
}