/*
  Eventos Kreativos
  Diseño Web GEPanamá
*/

@charset "utf-8";
/* CSS Document */

body{
  margin: 0;
  padding: 0;
  width: 100%;
}

/************** Títulos **********************/
h1{
  margin: 10px 0 0 0;
  padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 80%;
  font-weight: bold;
  text-align: center;
  color: #666666;
}
h2{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 110%;
  font-weight: bold;
  color: #C5DC6E;
  margin-top: 10px;
  border-bottom: #CCCCCC 1px solid;
}
h3{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 80%;
  font-weight: bold;
  text-align: center;
  color: #666666;
}

/************** Textos **********************/
p{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 80%;
  font-weight: normal;
  text-align: justify;
  color: #333333;
}
li{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 80%;
  font-weight: normal;
  text-align: justify;
  color: #006600;
  list-style-image: url(../images/icon_li.jpg);
}
.com{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 70%;
  font-weight: normal;
  text-align: center;
  color: #F3B933;
  border-bottom: #CCCCCC 1px solid;
}

/************** Listas **********************/
.caja{
  width: 100%;
  border-left:#CCCCCC 1px solid; 
  border-right:#CCCCCC 1px solid; 
  border-bottom:#CCCCCC 1px solid
}
.gris{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 75%;
  font-weight: normal;
  background-color: #F7F7F7;
  border-top: #CCCCCC 1px solid;
  color: #003366;
}
.blanco{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 75%;
  font-weight: normal;
  background-color: #FFFFFF;
  border-top: #CCCCCC 1px solid;
  color: #666666;
}

/************** Enlaces **********************/
a{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 60%;
  font-weight: normal;
  color: #003366;
  text-decoration: none;
}
a:hover{
  color: #FF6600;
}

/********** Formulario Contacto ******************/
.contacto{
  width: 95%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 75%;
  font-weight: normal;
  color: #003366;
  background-color: transparent;
}
.forma{
  width: 95%;
  border: #CCCCCC 1px solid;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  font-weight: normal;
  color: #003366;
  background-color: #F7F7F7;
}
#texto{
  width: 80%;
  margin: 5px;
  text-align: right;
}

/************** Panel Derecho **********************/
.derecho{
  height: 462px; 
  margin-top: 10px;
  padding-top: 10px; 
  background-color: #F7F7F7; 
  border: #CCCCCC 1px solid;
}

/************** Panel Central **********************/
.centro{
  margin-left:10px; 
  height:402px;
}

/************** Panel Izquierdo **********************/
.izquierdo{
  height:462px; 
  margin-top:10px; 
  margin-left:10px; 
  background-color:#F7F7F7; 
  border:#CCCCCC 1px solid;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 80%;
  font-weight: normal;
  text-align: center;
  color: #333333;
}

/************** Pie de Página **********************/
.footer{
  margin: 10px 0 10px 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  color: #666666; 
  background-color: transparent;
}
.diseno{
  font-size:60%; 
  color:#0099FF;
}
.bordes{ padding: 2px; border:#CCCCCC 1px solid; }