/*
 __________________________________________________________
 |                                                         |
 |  STYLESHEET TYPE:  screen                               |
 |  AUTHOR:           http://www.proshen.com               |
 |  CODED BY:         info@proshen.com                     |
 |  DATE:             2010.08.30                           |
 |  LAST MODIFIED:    2010.09.06                           |
 |_________________________________________________________|


/* Globals --------------------------- */
* { margin: 0; padding:0; }

html {
   height: 100%
}

body {
   background: #333 url(http://www.proshen.com/letras/101recetas/img/encimera.jpg) fixed;
   font-family:Cambria, serif;
   font-size:1.0em;
   font-style:italic;
   font-weight:normal;
   letter-spacing:normal;
   line-height:1em;
   overflow:auto;
}

img {
      border: 0 none;
   }

a {
      outline: none;
   }

/* Objetos & Opciones del menu --------------------------- */
#cafe {
   position:absolute;
   right:20px;
   top:0px;
   width:281px;
   height:280px;
   z-index:80;
}

#voto {
   position:absolute;
   right:310px;
   top:130px;
   width:91px;
   height:66px;
   z-index: 99;
}

#iphone {
   position:absolute;
   right:20px;
   top:280px;
   width:425px;
   height:268px;
   z-index:80;
}

.rss, .comentarios, .imprimir, .pegaindice, .sample2 span, .pegaacerca{
  position:absolute;
  text-indent: -1000em;
  background-image: url(http://www.proshen.com/letras/101recetas/img/spriter.png);
  background-repeat: no-repeat;
}

a.rss {
  right:5px;
  top:0px;
  z-index: 99;
  display:block;
  width:64px;
  height:60px;
  background-image:url(http://www.proshen.com/letras/101recetas/img/spriter.png);
  background-repeat:no-repeat;
  background-position: -67px -84px;
}

/* Caracteristicas generales del cuaderno de recetas --------------------------- */
#container {
margin:0 auto;
padding:0;
position:absolute;
left:0px;
top:10px;
width:698px;
height:519px;
text-align:left;
vertical-align: middle;
background:url(http://www.proshen.com/letras/101recetas/img/cuaderno.png) no-repeat;
z-index: 90;
}

/* Objetos --- */
a.comentarios {
   left:305px;
   top:10px;
   width:36px;
   height:45px;
   z-index: 90;
  display:block;
  background-image:url(http://www.proshen.com/letras/101recetas/img/spriter.png);
  background-repeat:no-repeat;
  background-position: -71px 0px;
}
a.imprimir {
   left:305px;
   top:53px;
   width:36px;
   height:42px;
   z-index: 90;
  display:block;
  background-image:url(http://www.proshen.com/letras/101recetas/img/spriter.png);
  background-repeat:no-repeat;
  background-position: -73px -45px;
}
#libreta {
   position:absolute;
   right:10px;
   top:280px;
   width:423px;
   height:242px;
   z-index: 80;
}
a.pegaindice {
   right:20px;
   top:380px;
   width:32px;
   height:115px;
   z-index: 90;
  display:block;
  background-image:url(http://www.proshen.com/letras/101recetas/img/spriter.png);
  background-repeat:no-repeat;
  background-position: -37px 0px;
}
a.pegaindice:hover {
  background-position: -36px -116px;
}
a.pegaacerca {
   right:20px;
   top:10px;
   width:32px;
   height:115px;
   z-index: 90;
  display:block;
  background-image:url(http://www.proshen.com/letras/101recetas/img/spriter.png);
  background-repeat:no-repeat;
  background-position: 0px 0px;
}
a.pegaacerca:hover {
  background-position: 0px -115px;
}
/* fin de Objetos --- */

#leftColumn {
float:left;
margin:5px 0px 0px 30px;
padding:0 0 0 10px;
width:300px;
height:480px;
}

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

#leftColumn a:hover {
text-decoration: none;
color:#71865A;
}

#leftColumn h2 {
margin:0;
padding:5px 0 0 5px;
font-size:15pt;
color:#000000;
font-weight: bold;
}

#leftColumn h3 {
margin:0;
padding:10px 0 5px 10px;
font-size:13pt;
}

#leftColumn ul {
   list-style-image:url(http://www.proshen.com/letras/101recetas/img/on.png);
   margin-left:15px;
   padding:0 0 0 15px;
}

#centerColumn {
margin:5px 30px 0 350px;
padding:20px 0 0 0;
height:460px;
width:300px;
overflow:auto;
}

#centerColumn h3 {
margin:0;
padding:10px 0 10px 10px;
font-size:13pt;
}

#centerColumn p {
margin: 3px;
}

#centerColumn ul {
   list-style-image:url(http://www.proshen.com/letras/101recetas/img/on.png);
   margin-left:15px;
   padding:0 0 0 15px;
}

#centerColumn li {
padding:10px 10px 10px 0;
}

#centerColumn img {
   background: #fff;
   border: solid 1px #ccc;
   padding: 3px;
   margin: 3px 3px 0px 0px;
   width: 160px;
   height: 120px;
}

blockquote {
margin:1em;
padding:.5em;
background-color:#eeeeee;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

blockquote p {
margin:.2em;
font-size:11pt;
}

#footer {
position:relative;
bottom:0;
margin:0;
padding:0 0 0 40px;
height:15px;
text-align:left;
font-size:10pt;
}

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

#footer a:hover {
text-decoration: none;
color:#71865A;
}

/* ---------- gallery styles start here ----------------------- */
.photo {
   margin: 0 0 10px 0;
   position: relative;
   width: 249px;
   height: 228px;
}
.photo img {
   background: #fff;
   border: solid 1px #ccc;
   padding: 4px;
}

.photo a {
   text-decoration: none;
}

.sample1 span {
   width: 77px;
   height: 27px;
   display: block;
   position: absolute;
   top: -12px;
   left: 50px;
   background: url(http://www.proshen.com/letras/101recetas/img/tape.png) no-repeat;
}

.sample2 span {
   width: 30px;
   height: 60px;
   top: -5px;
   left: -2px;
  display: block;
  background-image:url(http://www.proshen.com/letras/101recetas/img/spriter.png);
  background-repeat:no-repeat;
  background-position: -74px -144px;
}

.sample3 span {
   width: 115px;
   height: 32px;
   display: block;
   position: absolute;
   top: -13px;
   left: 30px;
   background: url(http://www.proshen.com/letras/101recetas/img/tape2.png) no-repeat;
}

/* Caracteristicas generales de la libreta con la lista --------------------------- */
#containerLista {
margin:0 auto;
padding:3px;
position:absolute;
right:25px;
top:305px;
width:350px;
height:180px;
text-align:left;
z-index: 90;
overflow:auto;
}

#containerLista ul {
list-style-image:url(http://www.proshen.com/letras/101recetas/img/on.png);
margin-left:15px;
padding:0 0 0 15px;
}

#containerLista li {
padding:5px 5px 1px 5px;
}

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

#containerLista a:hover {
text-decoration: none;
color:#71865A;
}

#containerLista span, span a {
font-size:11px;
color:#000000;
}

/* ---------------------- Pagination -------------------*/

.pagination{
   display:block;
   position: fixed;
   bottom: 10px; left: 0;
   z-index: 99;
   overflow: hidden;
   visibility:visible;
   border:1px solid #000;
   background-color:none;
   padding:3px 6px 3px 12px;
   z-index:3;
   background-image:url(http://www.proshen.com/letras/fotografia/img/pagination_bg.png);

}
.pagination span, .pagination a{
   display:block;
   float:left;
   font-size:11px;
   line-height:13px;
   margin: 2px 6px 2px 0;
   background-color:#202020;
   border:1px solid #4f4f4f;
   color:#bbb;
   display:block;
   padding:1px 5px 2px 5px;
   text-decoration:none;
}

.pagination a:hover{
   background-color: #2e2e2e;
   border:1px solid #FBC42F;
   color:#fff;
}
.pagination .current{
   background-color: #FBC42F;
   border:1px solid #4f4f4f;
   color:#000;
   font-size:11px;
   padding:1px 5px 2px 5px;
}
/* @end */