common.css de Omr.Forms

Pagina de estilo para el sitio web omrforms.es.

/*////////////////////////////////////////////////////////////////////////////
// FILE    : common.css
// AUTHOR  : http://www.asolver.com
// PURPOSE : Pagina de estilo para el sitio web omrforms.es.
////////////////////////////////////////////////////////////////////////////*/


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

body
{
  margin:                50px 0px 50px 0px;
  padding:               0px;
  text-align:            justify;
  font-family:           Arial, Helvetica, sans-serif;
  font-size:             100%;
  color:                 #616161;
  background:            #2F2825;
}


/*////////////////////////////////////////////////////////////////////////////
// Elementos basico comunes
////////////////////////////////////////////////////////////////////////////*/


h1, h2
{
  font-size:             160%;
  font-weight:           normal;
  margin-top:            0px;
}


h1
{
  color:                 #ef4d00;
}


h2
{
  color:                 #8c0209;
}


b
{
  color:                 #ef4d00;
}


code
{
  color:                 #3a6ea5;
  font-size:             140%;
}


a
{
  color:                 #ef4d00;
}


a:hover
{
  color:                 #8c0209;
  border-bottom:         none;
}


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

a img
{
  border:                none;
}


img.FrmSid /* Formulario Omr, form at sidebar */
{
  margin:                0px 0px 0px 0px;
  padding:               0px 0px 0px 0px;
  width:                 220px;
}


img.FrmCnt /* Formulario Omr, form at content */
{
  vertical-align:        top;
  border:                1px #bbbbbb solid;
  margin:                14px;
  padding:               14px;
  text-align:            center;
  width:                 165px;
}


img.FrmCnt:hover /* Formulario Omr, form at content on mouse over */
{
  background:            #ffffff;
  margin:                0px;
  padding:               1px;
  width:                 220px; /* 220 - 165 = 55 */
}


img.ImgRgh /* Derecha, right */
{
  float:                 right;
  margin:                0 0 20px 20px;
  padding:               0 0 20px 20px;
  width:                 220px;
  border-left:           1px #bbbbbb solid;
  border-bottom:         1px #bbbbbb solid;
}


img.ImgBot /* Abajo, bottom */
{
  margin:                20px 0 0 0;
  padding:               0 0 0 0;
}


/*////////////////////////////////////////////////////////////////////////////
// Division centrada
////////////////////////////////////////////////////////////////////////////*/

div.DivCen /* Centrado, center */
{
  width:                 100%;
  text-align:            center;
}


/*////////////////////////////////////////////////////////////////////////////
// Cabecera de la pagina, header
////////////////////////////////////////////////////////////////////////////*/

#header
{
  width:                 960px;
  padding:               0px 0px 0px 0px;
  margin:                0 auto;
  height:                130px;
}


#PagHea
{
  width:                 940px;
  height:                130px;
  margin:                0 auto;
  padding-top:           5px;
  padding-left:          20px;
  background:            url(../img/omrhea.gif) no-repeat left top;
}


#PagHea h1, #PagHea p
{
  margin:                0px;
  color:                 #ffffff;
}


#PagHea span
{
  color:                 #ff4d00;
}


#PagHea h1
{
  padding:               0px 0px 0px 0px;
  letter-spacing:        -1px;
  text-transform:        lowercase;
  font-weight:           normal;
  font-size:             430%;
}


#PagHea p
{
  text-transform:        uppercase;
  padding:               0px 0px 0px 0px;
  font-size:             148%;
  font-weight:           bold;
  color:                 #eeeeee;
}


#PagHea a
{
  border:                none;
  text-decoration:       none;
  color:                 #ffffff;
}


/*////////////////////////////////////////////////////////////////////////////
// Envoltorio, wrapper
////////////////////////////////////////////////////////////////////////////*/

#wrapper
{
}


/*////////////////////////////////////////////////////////////////////////////
// Pagina, page
////////////////////////////////////////////////////////////////////////////*/

#page
{
  width:                 960px;
  margin:                0 auto;
  padding:               0px;
  background:            #ffffff url(../img/omrmid.gif) repeat-y left top;
}

#page-bg
{
  background:            url(../img/omrini.gif) no-repeat left top;
}


/*////////////////////////////////////////////////////////////////////////////
// Contenido, content
////////////////////////////////////////////////////////////////////////////*/

#content
{
  float:                 left;
  width:                 720px;
  padding:               15px 10px 0px 10px;
}


p.PutDes /* Poner como descripcion */
{
  font-family:           Georgia,serif;
  padding:               15px 20px 15px 20px;
  background:            #fadeec;
  font-size:             120%;
  line-height:           150%;
}


li.AddSep /* Añadir separacion */
{
  padding-top:           10px;
}


.post
{
  padding-bottom:        15px;
  line-height:           200%;
  font-size:             85%;
}


.post h1
{
  font-weight:           normal;
}


.title
{
  margin:                0px;
  padding:               10px 0 4px 20px;
  font-weight:           normal;
}


.byline
{
  border-bottom:         1px #bbbbbb dashed;
  margin:                -10px 20px 20px 20px;
}


.entry
{
  padding:               0 20px;
}


.entry ul
{
  list-style:            disc;
}


.links
{
  padding:               4px 0px 0px 0px;
  text-align:            right;
  font-weight:           bold;
  border-bottom:         1px #bbbbbb solid;
}


/*////////////////////////////////////////////////////////////////////////////
// Barra lateral izquierda, sidebar, resto de deficiones
////////////////////////////////////////////////////////////////////////////*/

.sidebar
{
  float:                 left;
  width:                 220px;
  padding:               20px 0px 0px 0px;
  font-size:             80%;
  text-align:            left;
}


.sidebar ul
{
  margin:                0;
  padding:               0;
  list-style:            none;
}


.sidebar li
{
  padding:               0 0 20px 0;
}


.sidebar li ul
{
  line-height:           150%;
}


.sidebar li li
{
  margin:                0 20px 0 15px;
  padding:               8px 0px;
  border-bottom:         1px #bbbbbb dashed;
}


.sidebar li h2
{
  height:                30px;
  margin:                0 0 0 0;
  padding:               10px 0px 0px 10px;
  background:            #890208;
  letter-spacing:        -1px;
  font-size:             145%;
  color:                 #ffffff;
  font-weight:           normal;
}


.sidebar a
{
  color:                 #8c0209;
  text-decoration:       none;
}


.sidebar a:hover
{
  color:                 #ff4d00;
  text-decoration:       none;
}


/*////////////////////////////////////////////////////////////////////////////
// Pie de pagina, footer
////////////////////////////////////////////////////////////////////////////*/

#footer
{
  width:                 960px;
  height:                70px;
  margin:                0 auto;
  padding:               50px 0px 0px 0px;
  background:            url(../img/omrlow.gif) no-repeat left top;
  color:                 #ffffff;
}


#footer p
{
  margin:                0;
  padding:               25px 20px 0 20px;
  text-transform:        uppercase;
  text-align:            center;
  font-size:             70%;
  font-family:           Arial, Helvetica, sans-serif;
}


#footer a
{
  color:                 #ffffff;
  text-decoration:       none;
}


#footer a:hover
{
  color:                 #ff4d00;
}


#footer .link
{
  float:                 right;
}


#footer .copyright
{
  float:                 left;
}