/*Quito todos los márgenes y paddings para evitar problemas*/

*{
padding: 0;
margin: 0
}

/*Generales-------------------------------------------------------------------------------------*/

a
{
  text-decoration: none;
}

img
{
  border: 0;
}

#preload
{
  width: 0px;
  height: 0px;
  display: inline;
  background-image: url(../images/smm1.jpg);
  background-image: url(../images/smm1tr.jpg);
  background-image: url(../images/sjj1.jpg);
  background-image: url(../images/sjj1tr.jpg);
  background-image: url(../images/vypf1.jpg);
  background-image: url(../images/vypf1tr.jpg);
  background-image: url(../images/logovpgrande.png);
  background-image: url(../images/contacto.png);
  background-image: url(../images/contactoh.png);
  background-image: url(../images/puntouno.png);
  background-image: url(../images/puntodos.png);
  background-image: url(../images/info2.png);
  background-image: url(../images/info3.png);
  background-image: url(../images/info4.png);
}

/*body---------------
-------------------------------------------------------------------------------------------------*/

body
{
font-family: verdana, arial, helvetica, "sans serif", geneva;
color: #474849;
background-color: #fff;
font-size: small;
text-align: center;
}

/*Vaypem*/
.vaypem
{
  font-family:  "arial rounded mt bold", arial, sans-serif, geneva;
  color: #3d9999;
  font-weight: bold;
  font-size: 110%;
}

.vaypemf
{
  font-family:  "arial rounded mt bold", arial, sans-serif, geneva;
  color: #f69239;
  font-weight: bold;
  font-size: 110%;
}


/*Estructura---------------------------------------------------------------------------------------*/

/*Una caja blanca para envolver el contenido de toda la web------------------------------------------------*/

#container
{
margin: 0 auto 0 auto;
width: 65em;
text-align: left;
border-top: solid 5px #47b2b2;
}

/*Cabecera-----------------------------------------------------------------------------------------------*/

#header
{
  width: 100%;
  position: relative;
  text-align: left;
  border-bottom: solid 3px #3d9999;
}

/*Contenido de la cabecera*/


#header ul
{
  list-style-type: none;
  display: inline;
  height: 24px;
}

#header ul li
{
  display: inline;
  float: right;
}

#header ul li#hh, #header ul li#cc
{
  border: 0;
}

#header ul li a
{
  display: inline;
  color: #3d9999;
  font-variant: small-caps;
  font-size: 120%;
  padding: 5px 10px 0 0;
}

#header ul li a#contacto
{
  display: block;
  width: 30px;
  height: 24px;
  padding: 1px 10px 0 0;
  background: url(../images/contacto.png) no-repeat center;
}

#header ul li a#home
{
  display: block;
  width: 30px;
  height: 24px;
  padding: 1px 5px 0 0;
  background: url(../images/home.png) no-repeat center;
}

#header ul li a:hover
{
  color: #4b4b4b;
}

#header ul li a#contacto:hover
{
  background: url(../images/contactoh.png) no-repeat center;
}

#header ul li a#home:hover
{
  background: url(../images/homeh.png) no-repeat center;
}


/*Bloques de texto-------------------------------------------------------------------------------*/

/*Encabezados*/

h1
{
  display: none;
}

h2
{
  font-size: 200%;
  font-family: "arial rounded mt bold", arial, sans-serif, geneva;
  color: #47b2b2;
  margin: 0 30px 30px 30px;
}

/*lateral*/


#lateral
{
  width: 300px;
  float: right;
  padding-top: 45px;
}

#lateral a
{
  display: block;
  font-variant: small-caps;
  padding: 3px 0 3px 25px;
  color: #3d9999;
}

#lateral a img
{
  margin-left: 5px;
  visibility: hidden;
}

#lateral a:hover img
{
  visibility: visible;  
}


#lateral a:hover
{
  background: url(../images/iebg.png) no-repeat left;
}

#lateral p.vpf a
{
  color: #f69239;
}


#lateral a.bot1
{
  display: block;
  width:200px;
  height: 37px;
  background: url(../images/info2.png) no-repeat;
  margin-left: 50px;
  padding-top: 10px;
  padding-left: 30px;
  font-weight: bold;
}

#lateral a.bot1:hover, #lateral a.bot2:hover
{
  background: url(../images/info3.png) no-repeat;
  color: #474849;
}

#lateral a.bot2
{
  display: block;
  width:200px;
  height: 37px;
  background: url(../images/info4.png) no-repeat;
  margin-left: 50px;
  padding-top: 10px;
  padding-left: 30px;
  font-weight: bold;
  color: #f69239;
}



#lateral p
{
  font-weight: bold;
  background: url(../images/vb2.png) no-repeat;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-left: 30px;
}

#lateral p.vpf
{
  background: url(../images/vbor.png) no-repeat;
}

#lateral img
{
  margin-left: 50px;
}


/*tres bloques de enlace en #centro con imágenes*/
#centro
{
  margin: 0 340px 0 10px;
  padding-top: 40px;
}

#centro ul
{
  list-style: none;
}

#centro ul li
{
  border: solid 1px #3d9999;
  margin: 5px;
  padding: 5px;
}

#centro ul li.vpf
{
  border: solid 1px #f69239;
}

#centro ul li a
{
  color: #474849;
  display: block;
  height: 150px;
  padding-left: 160px;
}

#centro ul li a#sm
{
  background: url(../images/smm1.jpg) no-repeat;
}
#centro ul li a#sj
{
  background: url(../images/sjj1.jpg) no-repeat;
}
#centro ul li a.vpf
{
  background: url(../images/vypf1.jpg) no-repeat;
}

#centro ul li a#sm:hover
{
  background: url(../images/smm1tr.jpg) no-repeat;
}

#centro ul li a#sj:hover
{
  background: url(../images/sjj1tr.jpg) no-repeat;
}

#centro ul li a.vpf:hover
{
  background: url(../images/vypf1tr.jpg) no-repeat;
}

#centro ul li a strong
{
  color: #3d9999;
  font-size: 110%;
  display: block;
}

#centro ul li a.vpf strong
{
  color:#f69239;
}


/*Pie*/

#pie
{
  width: 100%;
  clear: both;
  margin-top: 100px;
  border-top: solid 1px;
  color: #3d9999;
  font-variant: small-caps;
}

p.right
{
  text-align: right;
}