* {
padding: 0;
margin: 0;
z-index: 1;
}

img {
border:none;
}

body {
font:11px Arial, Helvetica, sans-serif;
text-align:center;
background-repeat: repeat ;
background-color: #FFF;
}

.p a{
color: #6699CC;
 font-weight: bold  ;
}

.p a:hover{
color: #000000;
}

#contenedor {
width:800px;
margin:auto;
text-align:center;
background-color:#FFFFFF;
clear: both;
border: none;
}

#tituloweb20{
width: 800px;
border: none;
padding: 0px;
margin: 0px;
clear: left;
}

#login {
background-image:url(webimages/login.jpg);
width: 800px;
height: 40px;
}

.logologin{
  float: left;
  position: relative;
}

form{
 float: right;
 position: relative;
 margin: 8px 10px 4px 10px;
}

.noticias{
margin: 1px;
width:396px;
height: 270px;
display: block;
float: left;
text-align:left;
background-repeat: repeat-y ;
border-right-color: #DDDDDD;
border-right-style: solid;
border-right-width: thin ;
border-top-color: #DDDDDD;
border-top-style: solid;
border-top-width: thin;
}

#contenedorfooter {
width:100%;
margin:auto;
text-align:center;
}

#subcontenedor1 {
width:798px;
border-left: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE ;width:800px;
margin:auto;
text-align:center;
}

#promo{
position:relative;
float: left;
width:800px; height: 180px;
margin:auto;
text-align:center;
margin-bottom: 5px;
}

#subcontenedornavegacionweb20 {
font:12px Arial, Helvetica, sans-serif;
width:200px;
height: 380px;
float: left;
background-image:url(webimages/fasito1.jpg);
text-align: left;
font-weight: bolder;
padding-top: 2px;
padding-bottom: 10px;
margin-top: 2px;
}

#subcontenedornavegacionweb20 li{
list-style: none;
padding: 2px;
margin-left:10px;
border-top: 1px; border-top-color:#DDDDDD  ;
padding-right: 1px;
border-top-style: solid
}

#subcontenedornavegacionweb20 a {
line-height: 120%;
color: #333333;
display: block;
width: 148px;
text-decoration: none;
padding-bottom: 1px;
background-color: #EEEEEE;
padding-left: 4px;
}

#subcontenedornavegacionweb20 a:hover {
background-color: #006699;
color: #FFFFFF;
background-image: url(webimages/botonfondo.jpg);
  background-repeat: repeat;
}

#bannersup {
width:800px;
}

.cuerponoticia {
width:798px;
z-index: 2;
border-left: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE ;
}

#cuerponimagenes {
width:800px;
z-index:1;
position:relative
}

#textoimpresionante{
width:600px;
text-align:right;
float:right;
display:block;
z-index:4;
top:-230px;
position:relative;
}
#contenedortarjeta
{
  width: 800px;
  height: 480px;
  text-align: center;
}


.titular {
background-repeat:repeat-x;
text-align:left;
background-image: url(webimages/titular.jpg);
width: 99%;
float:left;
margin:0px;
height: 35px;
border: medium solid #EEEEEE;
}

#footer {
width:800px;
text-align:center;
}

ul#menu {
padding:0px;
list-style:none;
background:url(webimages/back.gif);
text-align:center;
margin:0px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
height:41px; width:800px;
position:relative;
z-index: 5;
visibility: visible !important;
left:0;
}

ul#menu ul {
padding:0;
margin:0;
list-style:none;
position:absolute;
left:-9999px;
z-index: 6;
}

ul#menu table {
border-collapse:collapse;
font-size:1em;
float:left;
margin:-50px;
z-index:7;}

ul#menu ul li {
float:left;
margin:0;
text-align:left;
}

ul#menu ul li a {
display:block;
line-height:20px;
margin:0;
padding:0 12px;
background:transparent;
width:150px;
}

ul#menu li {
display:inline;
margin:0 -2px;
text-align:left;
}

ul#menu li a {
display:inline-block;
height:36px; margin:5px 0 0 0;
padding:0 20px 0 0;
background:url(webimages/button.gif) right top;
line-height:30px;
text-decoration:none;
color:#000000;
}

ul#menu li a.sub {
background:url(webimages/button-arrow.gif) right top;
}

html>/**/body ul#menu li {
display:inline-block;
padding:0;
}

* html ul#menu li a.sub {
margin-right:2px;
}

* html ul#menu li a {
margin-bottom:-4px;
}

ul#menu li a b {
display:block; height:36px;
float:left;
padding:0 0 0 20px;
background:url(webimages/button.gif) left top;
cursor:pointer;
}

ul#menu li a:hover {
position:relative;
background-position:right bottom;
color:#FFF;
}

ul#menu li a:hover b {
background-position:left bottom;
}

ul#menu li:hover{
position:relative;
}

ul#menu li:hover > a {
background-position:right bottom;
color:#fff;
}

ul#menu li:hover > a b {
background-position:left bottom;
}

ul#menu :hover ul {
left:1px; width:105px; top:41px;
}

* html ul#menu :hover ul {
top:34px;
}

ul#menu :hover ul li {
display:block;
float:left;
margin:0;
border-bottom:1px solid #fff;
}

ul#menu :hover ul li a {
display:block;
float:left;
margin:0; height:25px;
line-height:25px;
width:150px;
background:#ddd;
color:#000;
}

ul#menu :hover ul li a.fly {
background:#ddd url(webimages/arrow.gif) no-repeat right center;
}

ul#menu :hover ul li a:hover {
background:#666666; color:#fff;
}

ul#menu :hover ul li:hover > a {
background:#666666;
color:#fff;
font-weight: bolder
}

ul#menu :hover ul li a.fly:hover {
background:#666666 url(webimages/arrow-over.gif) no-repeat right center;
}

ul#menu :hover ul li:hover > a.fly{
background:#666666 url(webimages/arrow-over.gif) no-repeat right center;
font-weight: bolder
}

ul#menu :hover ul ul {
left:-9999px;
}

ul#menu :hover ul :hover ul {
left:140px;
top:0;
width:150px;
}

ul#menu :hover ul :hover ul li {
display: block;
float: left;
margin: 0;
border-bottom: 1px solid #fff;
}

ul#menu :hover ul :hover ul li a {
display: block;
float:left;
margin: 0;
height: 25px;
line-height: 25px;
background: #ddd;
color: #000;
}

ul#menu :hover ul :hover ul li a:hover {
color: #fff;
background: #666666;
}

.titulo {
font-size: 13px;
  color: #DDDDDD;
font-weight: bolder;
margin: auto;
vertical-align: 70%;
}


.textoimpresionante {
font-size: 20px;
color: #666666;
font-weight: bold;
margin: 70px;
text-align: right;
}

.imagenesgrandes {
margin-left: 30px ;
text-align: left;
position: relative;
float: left;
z-index: 0;
}

.imagenesizq {
margin:10px ;
position: relative;
float: left;
z-index: 1;
}


.imagenesder {
margin:10px ;
position: relative;
float: right;
z-index: 0;
}

.h1{
z-index: 0;
color: #777777;
font-size: 16px;
font-weight: bold;
padding: 10px 10px 7px 5px ;
line-height: 110%;
}

.h2{z-index: 0;
color: #666666;
font-size: 14px;
text-align: right;
font-weight: 600;
padding-right: 10px;
padding-top: 3px;
margin-top: 2px;
padding-bottom: 2px;
}
.h3{
color: #777777;
font-size: 13px;
text-align: center;
padding-right: 10px;
padding-bottom: 7px;  padding-top: 8px;
font-weight: 600;
line-height: 60%;
}

.h4{
color: #336699;
font-size: 14px;
text-align: right;
font-weight: 600;
padding-right: 2px;
padding-top: 2px;
margin-top: 2px;
}

.h4 a{
color: #006699;
}

.h4 a:hover{
color: #663399;
}

.p{
margin: 3px ;
padding: 3px;
z-index: 0;
color: #555555;
font-size: 13px;
}

.imagensustitucion {
margin: 0px;
position: relative;
float: left;
z-index: 0;
}

form {

float:right;
  position: relative;
  color: #99CCCC;
  font: "MS Sans Serif", large sans-serif message-box;
  text-align: right;
  font-size: large;
}

form .Estilo1: focus{
float:right;
position: relative;
color: #CC00CC;
}


form .Estilo1{
float:right;
position: relative;
color: #6699FF;
  border: 2px solid #DDDDDD ;

}

textarea:focus, input[type="text"]:focus
	{ border: 1px solid; border-color: #6699FF; }

form .boton{
z-index: 0;
color: #777777;
font-size: 16px;
font-weight: bold;
padding: 10px 10px 7px 5px ;
line-height: 110%;
  }