/*
CSS principal para Pizq.com
©2007 Pixelmio - www.pixelmio.net
*/

* {padding:0; margin:0}
body {background-color: #FFF; font: 12px/14px "Lucida Grande", Arial, Helvetica, sans-serif; color: #333}
table {font-size: 1em; line-height: 18px}
tr {background-image: url(../images/tr_bg.png); background-position: bottom left; background-repeat: repeat-x}
td {padding: 5px}
th {background-color:#666; color:#FFC; padding:5px; text-align: left}
td h2 {margin: 0 0 10px 0}

h1 {font-size:2em; line-height:1.5em}
h2 {font-size:1.3em; line-height: 1.5em}
h3 { font-size:1.1em; line-height:1.1em}
ul{margin:0 0 0 30px; line-height:18px;	list-style-type: none}


div.sep {height: 20px;	width: 100%; margin: 5px auto;	background: #FFF url(../images/hr.png) no-repeat; clear:both}
/* DIV's */

#header{background: url(../images/guirlande2.jpg) top right no-repeat; width: 750px; height: 90px}
#header h1{}
 .titulo {background: url(../images/logo-pizq2.png) top left no-repeat; height: 80px; width: 200px}

#container {margin: 5px auto; width: 750px}
 #container p{line-height: 18px; margin: 5px}

#libro{background: url(../images/books.png) top right no-repeat; padding-right: 175px}

#minicesta {margin:15px auto; line-height:18px;	padding: 10px 150px 10px; min-height:125px; border:solid #C00 2px}
 #minicesta h3{ font-size:1.5em;}

#cours {}
 #cours h2{font-family: Arial, Helvetica, sans-serif; font-size: 2em; padding-left: 15px; margin-top: 15px}
 
 #cours h3{margin: 5px 0 0 15px; font-size: 1.4em; font-family: Arial, Helvetica, sans-serif; color: #F04406}
 #cours p{margin: 5px 0 0 15px}

#bas {}
 #bas p {line-height: 13px}
 #bas a {color:#000; text-decoration:none}
 #bas h2 {margin-right: 10px; font-size: 1.5em; line-height: 1.2em}

#bas2 {}
 #bas2 p {line-height: 13px}
 #bas2 a {color:#000; text-decoration:none}
 #bas2 h2 {margin-right: 10px; font-size: 1.5em; line-height: 1.2em}


#kits {}
 #kits p {/*line-height: 13px*/}
 #kits a {color:#000}
 #kits h2 {text-align: center; font-size: 2em; color: #362C6B}
 #kits h3 {font-size: 1.5em; color: #609; border-bottom: dotted #CCC 1px; font-family: Arial, Helvetica, sans-serif}
 #kits ul {margin-left: 200px}
 #kits img.fga { float:left; border:none}
 .gauche{width: 49%; float: left; overflow: hidden}
 .droite{width: 49%; float: right; overflow: hidden}

#piezas {background: url(../images/bg-piezas.jpg) bottom left no-repeat; width: 250px; height: 200px; float: left; text-align: right}
 #piezas p{margin: 10px 10px 0 100px}

#pizquitos {background: url(../images/bg-pizquitos.jpg) bottom left no-repeat; width: 250px; height: 225px; float: left; text-align: right}
 #pizquitos p{margin: 10px 10px 0 100px}

#material {background: url(../images/bg-material.jpg) bottom left no-repeat; width: 250px; height: 225px; float: left;text-align: right}
 #material p{margin: 10px 10px 0 110px}

#cursos {background: url(../images/bg-cursos.jpg) bottom left no-repeat; width: 250px; height: 200px; float: left;text-align: right}
 #cursos p{margin: 10px 10px 0 90px}

#libros {background: url(../images/bg-libros.jpg) bottom left no-repeat; width: 250px; height: 225px; float: left;text-align: right}
 #libros p {margin: 10px 10px 0 120px}
 
#guias {background: url(../images/bg-guias.jpg) bottom left no-repeat; width: 250px; height: 200px; float: left;text-align: right}
 #guias p {margin: 10px 10px 0 95px}

#haut {	background: url(../images/pizquitos.jpg) no-repeat;	width: 750px; height: 200px; float: left;text-align: right;}
#hautP {width: 750px; float: left; text-align: left; padding-top: 0px}

#contacto{background: url(../images/bgContact.png) no-repeat; width: 750px; height: 50px; float: left; text-align: right; font-weight: bold; margin-top: 15px}
 #contacto p {margin: 5px 10px 3px 60px}

#footer {width:750px; text-align: right; font-size: 0.8em}

/* CLASSES */

.ctr {text-align:center}
.big {font-weight:bold; font-size:1.5em; line-height:30px}
.big2 {font-weight:bold; font-size:1.5em; line-height:40px; margin: 5px}
.vac {vertical-align:middle}
.colores {margin: 10px 0}
 .colores img {border:none; vertical-align: middle; padding: 0 5px}
 .colores a{ text-decoration:none}
.botones {margin: 5px 0; display: block}
.botones ul{ list-style-type:none}
.botones li{ float:left}
 .botones img {border:none; vertical-align: middle; padding: 0 2px}
 .botones a{ text-decoration:none}


.adr { text-align:right}
.agc { text-align:left}
.nobdr a img{ border:none}
.gris {color:#999}
.rouge {color:#C00}
.mt30 {margin-top:30px}
.mt20 {margin-top:20px}
.mb20 {margin-bottom:20px}
.mb10 {margin-bottom:10px}
.petit {font-size:0.8em}
.gras {font-weight:bold}
.fdr {float:right; margin:3px}
.fga {float:left; margin:3px}
.souligne { text-decoration:underline}
/* CURSOS */

.abril {background-color: #E53100; color: #FFF}
.mayo {background-color: #BC2009; color: #FFF}
.junio {background-color: #D34B5F; color: #FFF}
.julio {background-color: #372D69; color: #FFF}
.agosto {background-color: #4A4C84; color: #FFF}
.septiembre {background-color: #5482A2; color: #FFF}
.octubre {background-color: #507D9A; color: #FFF}
.noviembre {background-color: #778F02; color: #FFF}
.diciembre {background-color: #839A03; color: #FFF}
.enero {background-color: #D09b01; color: #FFF}
.febrero {background-color: #E39102; color: #FFF}
.marzo {background-color: #DF5502; color: #FFF}