common.css de Antonio.Salmeron

Definicion de estilo para antoniosalmeron.com.

/*////////////////////////////////////////////////////////////////////////////
// FILE    : common.css
// AUTHOR  : http://www.asolver.com
// PURPOSE : Definicion de estilo para antoniosalmeron.com.
////////////////////////////////////////////////////////////////////////////*/


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

body
{
  margin:                0;
  padding:               0;
  background:            #0f5b96 url(../img/img001.gif) repeat-x;
  font-family:           Arial, Helvetica, sans-serif;
  font-size:             13px;
  color:                 #a4e4f5;
}


/*////////////////////////////////////////////////////////////////////////////
// Elementos basicos
////////////////////////////////////////////////////////////////////////////*/

h1, h2, h3, p, ol, ul
{
  margin-top:            0;
}


h1, h2, h3
{
  font-family:           "Trebuchet MS", Arial, Helvetica, sans-serif;
}


h1, h2
{
  text-transform:        lowercase;
  font-weight:           normal;
}


h1 
{
  letter-spacing:        -2px;
  font-size:             2.4em;
}


h2 
{
  letter-spacing:        -1px;
  font-size:             1.8em;
}


p, ol, ul
{
  margin-bottom:         1.5em;
  line-height:           150%;
}


code, pre
{
  font-size:             12px;
  font-family:           "Lucida Console", "Courier New", Courier, serif;
  color:                 #000080;
}


li.pst
{
  margin:                0px 0px 0px -20px;
  padding:               0px 0px 0px 0px;
}


li.eng, li.spa
{
  margin:                0px 0px 0px -25px;
  padding:               0px 0px 0px 0px;
  font-style:            italic;
  font-size:             0.9em;
  list-style:            circle outside;     /* disc; */
}


a 
{
  color:                 #A4E4F5;
}


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


hr 
{
  display:               none;
}


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

img.left 
{
  float:                 left;
  margin:                4px 20px 0 0;
}


img.right 
{
  float:                 right;
  margin:                4px 0 0 20px;
}


img.alone 
{
  margin:                4px 0 20px 0;
}



/*////////////////////////////////////////////////////////////////////////////
// Header
////////////////////////////////////////////////////////////////////////////*/

#header 
{
  height:                150px;
  background:            url(../img/img002.jpg) no-repeat center top;
  text-transform:        lowercase;
}


/*////////////////////////////////////////////////////////////////////////////
// Logotipo
////////////////////////////////////////////////////////////////////////////*/

#logo 
{
  float:                 left;
}


#logo h1, #logo p 
{
  float:                 left;
  margin:                0;
  line-height:           normal;
}


#logo h1 
{
  padding:               47px 0 0 20px;
  font-size:             3em;
  color:                 #62D6F5;
}


#logo p 
{
  padding:               69px 0 0 7px;
  letter-spacing:        -1px;
  font-size:             1.4em;
  color:                 #199DD2;
}


#logo a 
{
  text-decoration:       none;
  color:                 #62D6F5;
}


/*////////////////////////////////////////////////////////////////////////////
// Menu superior
////////////////////////////////////////////////////////////////////////////*/

#menu 
{
  float:                 right;
}


#menu ul 
{
  margin:                0;
  padding:               60px 20px 0 0;
  list-style:            none;
}


#menu li 
{
  display:               inline;
}


#menu a 
{
  float:                 left;
  width:                 120px;
  height:                56px;
  margin:                0 0 0 2px;
  padding:               9px 0 0 0;
  background:            #1B97CE url(../img/img003.gif) no-repeat;
  text-decoration:       none;
  text-align:            center;
  letter-spacing:        -1px;
  font-size:             1.1em;
  font-weight:           bold;
  color:                 #000000;
}


#menu a:hover, #menu .MnuAct a 
{
  background:            #26BADF url(../img/img004.gif) no-repeat;
}


/*////////////////////////////////////////////////////////////////////////////
// Page, pagina
////////////////////////////////////////////////////////////////////////////*/

#page 
{
  width:                 980px;
  margin:                0 auto;
}


/*////////////////////////////////////////////////////////////////////////////
// Area de contenido, content width 530 - 30 left - 30 right = 470
////////////////////////////////////////////////////////////////////////////*/

#content 
{
  float:                 left;
  width:                 530px;
  padding:               0 0 0 25px;
}


/*////////////////////////////////////////////////////////////////////////////
// Para los posts
////////////////////////////////////////////////////////////////////////////*/

.post 
{
  margin-bottom:         15px;
  background:            #1EB5DD url(../img/img005.gif) no-repeat;
  color:                 #0A416B;
}


.post a 
{
  color:                 #A4E4F5;
}


.post a:hover 
{
  color:                 #FFFFFF;
}


.post .title 
{
  margin:                0;
  padding:               30px 30px 0 30px;
}


.post .title a 
{
  text-decoration:       none;
  color:                 #0A416B;
}


.post .byline 
{
  margin:                0;
  padding:               0 30px;
}


.post .entry 
{
  padding:               20px 30px 10px 30px;
  text-align:            justify;
}


.post .links 
{
  margin:                0;
  padding:               10px 30px 35px 30px;
  background:            url(../img/img006.gif) repeat-x left bottom;
  border-top:            1px solid #2872A6;
}


.post .links a 
{
  padding-left:          10px;
  background:            url(../img/img008.gif) no-repeat left center;
  text-decoration:       none;
  font-weight:           bold;
  color:                 #0A416B;
}


.post .links a:hover 
{
  color:                 #FFFFFF;
}


/*////////////////////////////////////////////////////////////////////////////
// Sidebars, en general, hay una a la izquierda y otra a la derecha
////////////////////////////////////////////////////////////////////////////*/

.sidebar 
{
  float:                 left;
  width:                 200px;
}


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

.sidebar li 
{
}


.sidebar li ul 
{
}


.sidebar li li 
{
  padding:               6px 0 6px 10px;
  background:            url(../img/img008.gif) no-repeat 0 12px;
  border-bottom:         1px solid #2872A6;
}


.sidebar li li a 
{
  text-decoration:       none;
  color:                 #C9ECF5;
}


.sidebar li li a:hover 
{
  color:                 #FFFFFF;
}


.sidebar li h2 
{
  padding-top:           20px;
  color:                 #FFFFFF;
}


.sidebar a.red
{
  color:                 #ff0000; /* Rojo */
  text-decoration:       none
}

.sidebar a.white
{
  color:                 #f0f0f0; /* Blanco */
  text-decoration:       none
}


/*////////////////////////////////////////////////////////////////////////////
// Left Sidebar, barra lateral izquierda, sin caracteristicas especificias
////////////////////////////////////////////////////////////////////////////*/

#leftbar 
{
}


/*////////////////////////////////////////////////////////////////////////////
// Right Sidebar, barra lateral derecha, sin caracteristicas especificias
////////////////////////////////////////////////////////////////////////////*/

#rightbar 
{
  padding:               0 0 0 25px;
}


/*////////////////////////////////////////////////////////////////////////////
// Footer, borde inferior de la pagina
////////////////////////////////////////////////////////////////////////////*/

#footer 
{
  clear:                 both;
  padding:               40px 0;
  background:            #083253;
}


#footer p 
{
  text-align:            center;
  font-size:             14px;
  color:                 #0F5B96;
}


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

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


/*////////////////////////////////////////////////////////////////////////////
// Video play button
////////////////////////////////////////////////////////////////////////////*/

div.video
{
  position:              relative;
  margin:                0px;
  padding:               0px;
  background:            #000000;
  text-align:            center;
}


img.videoplay
{
  position:              absolute;
  top:                   158px;
  left:                  203px;
  width:                 64px;
  height:                64px;
}

img.videoplay:hover
{
  top:                   154px;
  left:                  199px;
  width:                 72px;
  height:                72px;
}