html,body,div  {
    margin:0;
    padding:0;
    border:0;

}



body {
    font-size:17px;
    font-family: 'Arial', sans-serif;
    line-height:1.3em;
    width:100%;
    max-width:2000px;
    height:100%;
    background:#ffffff;
     margin-top:0px;
}




.max {
   width: 100%;
   float: left;
   margin-top: 0px;
 }

.group {
   text-align: center;
   width: 780px;
   margin-left: auto;
   margin-right: auto;
   position:relative;
}




.principal  {
    width:950px;
    overflow: auto;

    height: 100%;
    margin-left:auto;
    margin-right:auto;
    background: #ffffff;

}

.cabecera{
    background: red;
    background-image: url('../images/fondo_cabecera1.gif');
    height:145px;
    width:100%;
}



.left  {
    text-align: center;
    float: left;
    width: 10%;


}




.right  {

    text-align: left;
    float: left;
    width: 85%;
    margin-top: 0px;
    margin-left: 0px;
}


.left3  {
    text-align: right;
    float: left;
    width: 35%;
    margin-right: 10px;
    padding-top:10px;
}

 .right3  {

    text-align: left;
    float: left;
    width: 60%;
    margin-top: 10px;
    margin-left: 10px;
}



.lineanegra   {
  	position:relative;
    float: left;
    border-top: 1px solid  black ;
    margin-top: 0px;
    margin-bottom: 0px;
    position:relative;
    width: 100%;
    height: 1px; }

.lineapuntos   {
    position:relative;
    float: left;
    border-top: 1px dotted black ;
    margin-top: 0px;
    margin-bottom: 0px;
    position:relative;
    width: 100%;
    height: 2px;
}

.linea   {
    position:relative;
    float: left;
    background: #000000;
    COLOR: #ffffff;
    margin-top: 3px;
    margin-bottom: 0px;
    position:relative;
    width: 100%;
    height: 2px;
}



/*---NOTICIAS-------*/

.columnacomentario  {
    padding-left: 10px;
    padding-bottom: 10px;
    text-align: left;
    float: left;
    width: 75%;

}
.columnacomentariopiefoto  {
    padding-left: 35px;
    padding-bottom: 10px;
    text-align: left;
    float: left;
    width: 75%;
    margin-top:195px;
}


.columnafoto2  {
    text-align: center;
    float: left;
    width: 20%;

}

.peque{
    margin-top: 30px;
    font-size: 11px;

}

.celda1 {

    background-color: #f0f0f0;
}


.celda2 {

    background-color: #dcdcdc;

}
/*---FIN  NOTICIAS-------*/

.input   {
    background: #ffffff  ;
    COLOR: #000; FONT-FAMILY:
    arial; FONT-SIZE: 17px;
    TEXT-DECORATION: none ;
    padding: 2px;
    border: #000000 1px solid;
}

.inputtext {
    BORDER: black 1px solid;
    FONT-SIZE: 12pt;
    COLOR: black;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: white ;
    padding: 1px;}

.boton{
    background: #ffffff;
    text-align:center;
    float: left;
    color: #000000;
    border: 1px solid #000000;
    padding-top:0px;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:0px;
    height:30px;
    font-size:17px;
    border-radius: 18px;
}


.titulo {
    margin-left: 0px;
    padding-top: 20px;
    width:100%;
    font-size: 30px;
    font-weight: normal;
    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;
}


.lengueta_off  {
    color:#000 ;
    background: #f8b6a1;
    font-size:15px;
    text-align: center;
    float: left;
    width: 150px;
    padding-top:8px;
    height: 31px;
}
.lengueta_off a {
    text-decoration: none;
    color:#000;
    background: #f8b6a1;
}
.lengueta_off a:link {
    text-decoration: none;
    color:#000;
    background: #f8b6a1;
}
.lengueta_off a:hover {
    text-decoration: none;
    color:#000;
    background: #f8b6a1;
}

.lengueta_off a:visited {
    text-decoration: none;
    color:#000;
    background: #f8b6a1;
}
.lengueta_off a:active {
    text-decoration: none;
    color:#000;
    background: #f8b6a1;
}




.lengueta_on  {
    font-size:15px;
    color:#000000;
    background: #ffffff;
    text-align: center;
    float: left;
    width: 150px;
    padding-top:8px;
    height: 31px;
}
.lengueta_on a {
    text-decoration: none;
    color:#000000;
    background: #ffffff;
}
.lengueta_on a:link {
    text-decoration: none;
    color:#000000;
    background: #ffffff;
}
.lengueta_on a:hover {
    text-decoration: none;
    color:#000000;
    background: #ffffff;
}

.lengueta_on a:visited {
    text-decoration: none;
    color:#000000;
    background: #ffffff;
}
.lengueta_on a:active {
    text-decoration: none;
    color:#000000;
    background: #ffffff;
}

.columnafoto  {
    padding-top: 5px;
    text-align: center;
    float: left;
    width: 40px;
}



.idiomas {

    top: 20px; left: 90%; right:50px;
    position:absolute;
    float:right;
    font-size:13px;
    color:#000000;
    background: #ffffff;
    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 ; }



 .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 ; }




/* 2. Screen settings */


@media (max-width: 900px){


.titulo {
    margin-left: 10px;

}




.left {
    text-align: center;
    float: none;
    width: auto;
    height:0px;

}
.right {
    text-align: left;
    float: none;
    width: auto;

}
.max {
    width: 95%;
    margin-left: 0px;
}

 .principal  {
    width:95%;


}




.foto  {
    width: 90%;
}

.idiomas {
    top: 20px; left: 75%; right:50px;
}


.titulo {
   margin-left: 10px;
}

.max {
   position: relative;
   margin-top: 5px;
   margin-left: 8px;
}


.columna {
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
    width: 90%;

}

.lengueta_off {

    margin-right: auto;
    margin-left: auto;
    width: 95%;

}

.lengueta_on {


    float: left;
    width: 95%;

 }

/*------MENU----------*/



.group {

    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 370px;
}
.cabecera{
    background: #000000;
    background-image: url('../images/fondo_cabecera2.gif');
    height:280px;
    width:100%;
}

.columnafoto2 {
    text-align: left;
    margin-left: 10px;
    float: left;
    width: 95%;

 }

.columnacomentario {

    margin-left: 10px;
    text-align: left;
    float: left;
    width: 95%;

 }
 .columnacomentariopiefoto  {
   margin-left: 10px;
   text-align: left;
   float: left;
   width: 95%;
   margin-top:5px;
 }

 .left3  {
text-align: left;
  width: 90%;
  margin-left: 10px;

}

 .right3  {

  width: 90%;
  margin-left: 10px;
}


}