common.css de con-Q.tv

Pagina de estilo para el sitio web con-Q.tv.

/*////////////////////////////////////////////////////////////////////////////
// FILE    : common.css
// AUTHOR  : http://www.asolver.com
// PURPOSE : Pagina de estilo para el sitio web con-Q.tv.
////////////////////////////////////////////////////////////////////////////*/


/*////////////////////////////////////////////////////////////////////////////
// Cuerpo principal
////////////////////////////////////////////////////////////////////////////*/

body
{
  margin:                0px;
  padding:               10px;
  background-color:      #808080;
  background-image:      url('../css/back.png');
  font-family:           Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-size:             12pt;
  font-weight:           normal;
  color:                 #000000;
  text-align:            center;
}


/*////////////////////////////////////////////////////////////////////////////
// Divisiones
////////////////////////////////////////////////////////////////////////////*/

div.Pag /* Newsletter page */
{
  margin:                0px;
  padding:               0px;
  width:                 700px;
  text-align:            justify;
  margin:                auto;
}


div.Top /* Top header */
{
  margin:                0px;
  padding:               0px;
  width:                 700px;
  height:                150px;
  background-color:      #EF3A31;
  box-shadow:            5px 5px 5px #404040;
}


div.Ads /* Advertisement banner */
{
  margin:                20px 0px 0px 0px;
  padding:               0px;
  width:                 700px;
  background-color:      #EF3A31;
  box-shadow:            5px 5px 5px #404040;
}


div.Ads:hover
{
  box-shadow:            5px 5px 5px #FF9D95;
}


div.Sep /* Separator */
{
  margin:                0px;
  padding:               0px;
  width:                 700px;
  height:                20px;
  border-bottom:         2px solid #EF3A31;
  font-size:             9pt;
}


div.Mid /* Middle */
{
  width:                 670px;
  margin:                0px;
  padding:               15px;
  background-color:      #FFFFFF;
  box-shadow:            5px 5px 5px #404040;
}


div.B /* Middle subclass Baja */
{
  font-size:             9pt;
}


div.C /* Middle subclass Comun */
{
}


div.D /* Middle subclass Destacado */
{
  background-color:      #FF9D95;
}


div.Fot /* Footer */
{
  width:                 680px;
  height:                80px;
  margin:                0px;
  padding:               10px;
  color:                 #FFFFFF;
  background-color:      #EF3A31;
  background-image:      url('../css/bear100x080.png');
  background-repeat:     no-repeat;
  text-align:            center;
  box-shadow:            5px 5px 5px #404040;
}


/*////////////////////////////////////////////////////////////////////////////
// Enlaces
////////////////////////////////////////////////////////////////////////////*/

a
{
  color:                 #EF3A31;
  text-decoration:       underline;
  font-weight:           bold;
}


a:hover
{
  color:                 #FFFFFF;
  background-color:      #EF3A31;
  text-decoration:       none;
}


div.Fot a
{
  color:                 #FFFFFF;
  font-weight:           normal;
}


div.Fot a:hover
{
  color:                 #EF3A31;
  background-color:      #FFFFFF;
  text-decoration:       none;
}


div.Fot a.Unk
{
  color:                 #EF3A31;
  text-decoration:       none;
  font-size:             6pt;
}

div.Fot a.Unk:hover
{
  background-color:      #EF3A31;
}



/*////////////////////////////////////////////////////////////////////////////
// Imagenes
////////////////////////////////////////////////////////////////////////////*/

img
{
  margin:                0px;
  padding:               0px;
  border:                0px;
}


img.Pho /* Class Photo left */
{
  margin:                0px 20px 10px -30px;
  width:                 260px; /* 680*(1-0.618) */
  float:                 left;
  border:                1px solid #A0A0A0;
  box-shadow:            5px 5px 5px #404040;
}


img.Rgh /* Class Photo right */
{
  margin:                0px -30px 10px 20px;
  float:                 right;
}


img.Ban /* Class Banner */
{
  margin:                0px 0px 0px -30px;
  width:                 680px;
  border:                1px solid #808080;
  box-shadow:            5px 5px 5px #404040;
}


/*////////////////////////////////////////////////////////////////////////////
// Marcos, lines y bloques
////////////////////////////////////////////////////////////////////////////*/

iframe.Ban /* Class Banner */
{
  margin:                0px 0px 0px -30px;
  width:                 680px;
  border:                1px solid #808080;
  box-shadow:            5px 5px 5px #404040;
}


hr
{
  width:                 260px;
  margin:                10px  0px  10px -15px; /* top right bottom left */
  padding:               0px;
  text-align:            left;
  height:                1px;
  border-style:          none;
  background-color:      #808080;
}


blockquote
{
  margin:                0px  30px  0px 15px; /* top right bottom left */
  padding-left:          15px;
  font-style:            italic;
  font-weight:           bold;
  border-left:           1px solid #EF3A31;
}


/*////////////////////////////////////////////////////////////////////////////
// Colores
////////////////////////////////////////////////////////////////////////////*/

.Red /* Red, rojo */
{
  color:                 #EF3A31;
}


.Whi /* White, blanco */
{
  color:                 #FFFFFF;
}


.Pnk /* Pink, rosa */
{
  color:                 #FF9D95;
}


.Cen
{
  text-align:            center;
}


/*////////////////////////////////////////////////////////////////////////////
// Titulos / headers
////////////////////////////////////////////////////////////////////////////*/


h1, h2 /* Common header */
{
  text-align:            left;
}


h3, h4 /* Center header for sentences */
{
  margin-left:           15px;
  margin-right:          30px;
  padding-left:          15px;
  text-align:            center;
  font-size:             18pt;
  font-weight:           normal;
  color:                 #FF9D95;
}


h4
{
  font-size:             14pt;
}


div.D h3, div.D h4
{
  color:                 #FFFFFF;
}


/*////////////////////////////////////////////////////////////////////////////
// Definiciones para fechas y separaciones de listas
////////////////////////////////////////////////////////////////////////////*/

span.Dte
{
  font-size:             12pt;
  padding-left:          4px;
}


li.LSp /* Separated li */
{
  padding-bottom:        16px;
}