common.css de Ediciones.aContracorriente

Definicion de estilo para edicionesacontracorriente.com. Basado en un diseño de Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License

/*////////////////////////////////////////////////////////////////////////////
// FILE    : common.css
// AUTHOR  : http://www.asolver.com
// PURPOSE : Definicion de estilo para edicionesacontracorriente.com.
// Basado en un diseño de Free CSS Templates http://www.freecsstemplates.org
// Released for free under a Creative Commons Attribution 2.5 License
////////////////////////////////////////////////////////////////////////////*/


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

body
{
  margin:                0;
  padding:               0;
  font-family:           Arial, Helvetica, sans-serif;
  font-size:             14px;
  color:                 #000000;
  background:            #f00000;
}


/*////////////////////////////////////////////////////////////////////////////
// Font oficial aContracorriente
////////////////////////////////////////////////////////////////////////////*/

@font-face
{
  font-family: "Arial Rounded MT Bold";
  src:         url(arialroundedbold.ttf) format("truetype");
}


/*////////////////////////////////////////////////////////////////////////////
// Colors
////////////////////////////////////////////////////////////////////////////*/

.red
{
  color:                 #f00000; /* aContracorriente 2ª roja */
}


.grey
{
  color:                 #7f7f7f; /* aQuemarropa 2ª gris */
}


.pink
{
  color:                 #ff3399; /* aMedialuz 2ª rosa */
}


.blue
{
  color:                 #000099; /* aMedianoche 2ª azul */
}


.yellow
{
  color:                 #ffc000; /* aTodaplana 2ª amarillo */
}


.green
{
  color:                 #00b050; /* aFondo 2ª verde */
}


/*////////////////////////////////////////////////////////////////////////////
// Common
////////////////////////////////////////////////////////////////////////////*/

hr
{
  width:                 33%;
  margin:                13px  0px  13px   0px; /* top right bottom left */
  height:                1px;
  border-style:          none;
  background-color:      #b0b0b0;
}


h1, h2
{
  margin:                0;
  padding:               0;
  font-family:           "Arial Rounded MT Bold", Impact, sans-serif;
  font-weight:           normal;
}


.aC
{
  font-size:             1.3em;
  font-family:           "Arial Rounded MT Bold", Impact, sans-serif;
}


code.prd
{
  font-size:             1.3em;
  font-family:           "Lucida Console", "Courier New", serif;
  color:                 #f00000; /* roja */
}


.prd
{
  font-size:             1.3em;
  font-family:           "Lucida Console", "Courier New", serif;
  color:                 #f00000; /* roja */
}


h1
{
  font-size:             2.8em;
}


h2
{
  font-size:             2.2em;
}


p, ul, ol
{
  margin-top:            0;
  line-height:           180%;
}


.cite
{
  font-family:           Georgia, "Times New Roman", Times, serif;
  font-style:            italic;
  font-size:             1.1em;
  border-left:           thin solid red;
  padding-left:          20px;
}


a
{
  text-decoration:       underline;
  color:                 #f00000;
}


a:hover
{
  text-decoration:       none;
}


img
{
  border:                0px;
}


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


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


div.left 
{
  width:                 275px;
  float:                 left;
  margin:                0px 20px 10px 0px;
  text-align:            center;
}


div.right 
{
  width:                 275px;
  float:                 right;
  margin:                0px 0px 10px 20px;
  text-align:            center;
}


ul.plus
{
  list-style-image:      url('../imagenes/boxpls.png');
}


div.center
{
  width:                 100%;
  text-align:            center;
}


/*////////////////////////////////////////////////////////////////////////////
// Shelf (estanteria)
////////////////////////////////////////////////////////////////////////////*/

iframe.estanteria
{
  width:                 698px;
  height:                600px;
  overflow-x:            hidden;
  overflow-y:            scroll;
  border:                0px;
}


/*////////////////////////////////////////////////////////////////////////////
// Wrapper
////////////////////////////////////////////////////////////////////////////*/

#wrapper
{
  width:                 1150px;
  margin:                0 auto;
  padding:               0;
  background:            url(../imagenes/bckblk.png) repeat-y top left
}


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

#header-wrapper
{
  height:                120px;
}


#header
{
  width:                 1100px;
  margin:                0 auto;
  padding:               0px 0px 0px 0px;
}


/*////////////////////////////////////////////////////////////////////////////
// Logotype
////////////////////////////////////////////////////////////////////////////*/

#logo
{
  float:                 left;
  width:                 450px;
  margin:                8px 0px 0px 0px;
  padding:               0px 0px 0px 0px;
  color:                 #000000;
}


#logo span.ediciones
{
  margin:                0px 0px 0px 0px;
  padding:               0px 20px 0px 20px;
  letter-spacing:        -1px;
  font-family:           "Arial Rounded MT Bold", Impact, Arial, Helvetica, sans-serif;
  font-size:             1.9em;
  font-weight:           normal;
  color:                 #ffffff;
  background:            #f00000;
}


#logo h1
{
  margin:                0px 0px 0px 0px;
  padding:               0px 0px 0px 0px;
  letter-spacing:        -2px;
  font-family:           "Arial Rounded MT Bold", Impact, Arial, Helvetica, sans-serif;
  font-size:             3.8em;
  font-weight:           normal;
  color:                 #ffffff;
}


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


#logo p
{
  margin:                0;
  padding:               0px 0 0 0px;
  font:                  normal 14px Georgia, "Times New Roman", Times, serif;
  font-style:            italic;
  color:                 #b0b0b0;
} 


/*////////////////////////////////////////////////////////////////////////////
// Menu
////////////////////////////////////////////////////////////////////////////*/

#menu
{
  float:                 right;
  height:                125px;
  margin:                0 auto;
  padding:               0;
  color:                 #ffffff;
  background:            #f00000;
}


#menu ul
{
  margin:                0;
  padding:               0px 0px 0px 0px;
  list-style:            none;
  line-height:           normal;
}


#menu li
{
  float:                 left;
  border-left:           1px solid #b0b0b0;
}


#menu a
{
  display:               block;
  height:                80px;
  padding:               40px 14px 5px 14px;
  text-decoration:       none;
  text-align:            center;
  font-family:           "Arial Rounded MT Bold", Impact, Arial, Helvetica, sans-serif;
  font-size:             24px;
  font-weight:           normal;
  color:                 #ffffff;
  border:                none;
  text-decoration:       none;
}


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


#menu .MnuAct a
{
  color:                 #000000;
  text-decoration:       none;
  background:            #ffffff;
}


#menu .MnuAct a:hover
{
  color:                 #000000;
  text-decoration:       none;
}


/*////////////////////////////////////////////////////////////////////////////
// Page
////////////////////////////////////////////////////////////////////////////*/

#page
{
  width:                 1080px;
  margin:                0 auto;
  padding:               0px 0px 0px 0px;
}


/*////////////////////////////////////////////////////////////////////////////
// Content
////////////////////////////////////////////////////////////////////////////*/

#content
{
  float:                 left;
  width:                 700px;
  padding:               40px 0px 0px 20px;
}


/*////////////////////////////////////////////////////////////////////////////
// Posts y libros
////////////////////////////////////////////////////////////////////////////*/

.book
{
  margin-bottom:         30px;
  padding:               0px 0px 0px 0px;
  background:            #000000;
  border:                1px dashed #b0b0b0;
  text-align:            center;
}


.post
{
  margin-bottom:         30px;
  padding:               30px 20px 0px 20px;
  background:            #ffffff;
  border:                1px dashed #000000;
}


.post .title
{
  height:                41px;
  padding:               0px 0px 0px 0px;
  letter-spacing:        -2px;
}


.post .title a
{
  text-decoration:       none;
  color:                 #000000;
  border:                none;
}


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


.post .byline
{
  clear:                 both;
  overflow:              hidden;
  padding-bottom:        20px;
}


.post .meta
{
  float:                 left;
}


.post .links
{
  float:                 right;
}


/*////////////////////////////////////////////////////////////////////////////
// Product codes
////////////////////////////////////////////////////////////////////////////*/

#PrdFrm
{
  padding:               7px 0px 0px 0px;
  width:                 350px;
  height:                55px;
  background:            #000000;
}


#PrdInp
{
  width:                 170px;
  height:                18px;
  margin:                0;
  padding:               5px 5px 5px 5px;
  background:            #FFFFFF;
  font-family:           "Arial Rounded MT Bold", Impact, Arial, Helvetica, sans-serif;
  color:                 #000000;
  font-size:             18px;
}


#PrdSmt
{
  width:                 110px;
  height:                36px;
  margin:                5px 0px 0px 0px;
  padding:               0;
  background:            #f00000;
  color:                 #ffffff;
  font-family:           "Arial Rounded MT Bold", Impact, Arial, Helvetica, sans-serif;
  font-size:             18px;
}


/*////////////////////////////////////////////////////////////////////////////
// Sidebar
////////////////////////////////////////////////////////////////////////////*/

#sidebar
{
  float:                 right;
  width:                 300px;
  margin:                0px;
  padding:               20px 20px 0px 0px;
}


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


#sidebar li
{
  margin:                0;
  padding:               0;
}


#sidebar li ul
{
  margin:                0px 0px 0px 15px;
  padding-bottom:        30px;
  list-style-image:      url(../imagenes/boxred.png)
}


#sidebar li li
{
  line-height:           35px;
  border-bottom:         1px dashed #202020;
  margin:                0px 20px 0px 20px;
  border-left:           none;
  text-align:            left;
}


#sidebar li li a
{
  padding:               0px 0px 0px 0px;
}


#sidebar h2, h3
{
  height:                31px;
  margin:                0px 0px 20px 0px;
  padding:               10px 0px 0px 20px;
  text-align:            left;
  letter-spacing:        -.5px;
  font-size:             2em;
  color:                 #ffffff;
}


#sidebar h3
{
  font-size:             1.7em;
}


#sidebar p
{
  margin:                0 0px;
  padding:               0px 20px 20px 20px;
  color:                 #808080;
}


#sidebar a
{
  border:                none;
  color:                 #808080;
}


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


/*////////////////////////////////////////////////////////////////////////////
// Footer
////////////////////////////////////////////////////////////////////////////*/

#footer
{
  width:                980px;
  height:               50px;
  margin:               0 auto;
  padding:              0px 0 15px 0;
}


#footer p
{
  margin:                0;
  line-height:           normal;
  font-size:             12px;
  text-align:            center;
  color:                 #808080;
}


#footer a
{
  color:                 #f00000;
}


/*////////////////////////////////////////////////////////////////////////////
// 1and1 Cgi
////////////////////////////////////////////////////////////////////////////*/

#tinc_content
{
  font-size:             14pt;
  font-weight:           normal;
  color:                 #ffffff;
  background-color:      #ff0000;
}


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

div.video
{
  position:              relative;
  margin-bottom:         30px;
  padding:               0px;
  background:            #000000;
  border:                1px dashed #b0b0b0;
  text-align:            center;
}


img.videoplay
{
  position:              absolute;
  top:                   244px;
  left:                  317px;
  width:                 64px;
  height:                64px;
}

img.videoplay:hover
{
  top:                   240px;
  left:                  313px;
  width:                 72px;
  height:                72px;
}

p.video
{
  position:              absolute;
  padding:               8px;
  top:                   0px;
  left:                  0px;
  font-size:             10pt;
  color:                 #000000;
  line-height:           100%;
}

p.video:hover
{
  background-color:      #ffffff;
}