body {
margin: auto;
padding: auto;
text-align:center;
}
h2 {font-size:150%; font-family:Arial, Helvetica, sans-serif}
h2 .telefono{color:#669933;}
#wrapper{
margin: auto;
padding: auto;
text-align:center;
width:900px;
}

#navcontainer {
margin:0;
padding:0;
height:22px;
}

#navcontainer ul{
width:900px;
margin:0;
padding:0;
text-align:left;
}

#navcontainer ul li {
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
background: url("img/navBarBg.gif") repeat-x 20px;
font: 10px/20px "Lucida Grande", verdana, sans-serif;
text-align: center;
}

#navcontainer a {
color: #000;
text-decoration: none;
display: block;
border-top: 1px solid #A8B090;
border-bottom: 1px solid #A8B090;
border-left: 1px solid #A8B090;
}

#navcontainer li#active { background: url("img/navBarBgHover.gif") repeat-x 20px; }
#navcontainer a:hover { background: url("img/navBarBgHover.gif") repeat-x 20px; }

#navcontainer li a {
width:149px;
font-weight:bold;
color:#003300;
}

#cabecera {
width:900px;
text-align:left;
background-image:url(img/cabecera.gif);
background-position:right top;
background-repeat:no-repeat;
height:100px;
}

#cabecera img {
margin-left:14px;
margin-top:10px;
border:0;
}

.frase {
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
margin-left:48px;
}

#contenido {
border-bottom:#CCCCCC 1px solid;
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
width:898px;
padding:0;
text-align:left;
margin-top:0px;
}

#contenido p {
font-family:Arial, Helvetica, sans-serif;
font-size:70%;
}



#pie {
width:902px;
background-image:url(img/pie.gif);
background-repeat:no-repeat;
margin-top:0px;
padding:0;
height:23px;
}

#pie p  {
margin:0;
padding:0;
} 

#pie p a {
font-family:Arial, Helvetica, sans-serif;
font-size:70%;
font-weight:bold;
color: #663300;
}

#pie p a:hover {
text-decoration:none;
}

.setenta {
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
text-align:justify;
}

.setenta a{
color:#000000;
}

.setenta a:hover{
text-decoration:none;
}

.setenta h2
{
font-size: 16px;
font-weight:bold;
background: #F5FDF0;
padding-left: 5px;
}

.setenta h3
{
font-size: 13px;
font-weight:bold;
margin-bottom:5px;
padding-left: 5px;
}

.setenta em
{
color:#76A90F;
padding-left:5px;
font-weight:bold;
}

.info {
background-image:url(/img/info.gif);
background-position:top center;
background-repeat:no-repeat;
}

/*estilo duplicado con modificaciones para la aņadidura de logo de megusta internet*/
/*.info2 {
background-image:url(/img/info2.gif);
background-position: bottom center;
background-repeat:no-repeat;
}*/
.info2 {
background-image:url(/img/info2.gif);
background-position:top center;
background-repeat:no-repeat;
}
.infor {
margin-left:14px;
margin-right:19px;
margin-top:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
text-align:justify;
}

.infor-dentro {
margin-left:14px;
margin-right:19px;
margin-top:35px;
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
text-align:justify;
}

.infor-dentro a{
color:#000000;
}

.infor-dentro a:hover{
text-decoration:none;
}



.infor2 {
padding-top:160px;
padding-left:12px;
padding-right:65px;
font-family:Arial, Helvetica, sans-serif;
font-size:85%;
text-align:justify;
}

.infor3 {
margin-left:12px;
margin-right:17px;
margin-top:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
text-align:justify;
}

.infor a, .infor3 a{
color:#000000;
}

.infor a:hover, .infor3 a:hover{
text-decoration:none;
}

.borde {
background-image:url(/img/borde2.gif);
background-position: top center;
background-repeat:no-repeat;
padding-left:15px;
padding-top:10px;
}

.borde2 {
background-image:url(/img/borde3.gif);
background-position: top center;
background-repeat:no-repeat;
padding-left:15px;
padding-top:10px;
}

.alto{
line-height:15px;
}

.linea {
background-image:url(/img/lineas.gif);
background-position: top right;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:85%;
color:#336600;
}


.linea a {
color:#336600;
font-family:Arial, Helvetica, sans-serif;
}

.linea a:hover {
text-decoration:none;
}

.ruta {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
padding-left:10px;
}

.ruta a {
font-weight:bold;
color:#000000;
}

.ruta a:hover {
text-decoration:none;
}

.menu {
font-family:Arial, Helvetica, sans-serif;
font-size:85%;
}

.error {
color:#FF0000;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
}

.error2 {
color:#FF0000;
}


.botones {
background-color: #336600;
font-size: 100%;
color: #FFFFFF;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #FFFFFF;
}


.formularios {
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
text-align:justify;
background-image:url(/img/borde-formu.gif);
background-position: top center;
background-repeat:no-repeat;
}

.formularios2 {
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
text-align:justify;
background-image:url(/img/borde-formu2.gif);
background-position: top center;
background-repeat:no-repeat;
}

.activado {
font-weight:bold;
text-decoration:none;
}

.desactivado {
font-weight:normal;
text-decoration: underline;
}

.verde {
color:#006633;
}

a img, a:visited img, a:active img{
border:1px solid #000000;
}
/*estilo duplicado con modificaciones para la aņadidura de logo de megusta internet*/

/*.infor4 {
padding-top:145px;
padding-left:12px;
padding-right:65px;
font-family:Arial, Helvetica, sans-serif;
font-size:85%;
text-align:justify;
}*/

.infor4 {
padding-top:15px;
padding-bottom: 100px;
padding-left:12px;
padding-right:65px;
font-family:Arial, Helvetica, sans-serif;
font-size:85%;
text-align:justify;
}
