/*

#006c85   (verde - LOGO)

#fff      (blanco - fondo)
#ccc      (gris claro)
#959595   (gris - caja texto,bordes)
#666      (gris - menu,link)
#999      (gris - puntos)
#1e1e1e   (negro - texto)

#e25442   (rojo - hover)
#900      (granate - precio)

#eef8fa   (verdegris ultraclaro - interior opiniones)
#d0e5ec   (verdegris superclaro - hover navigation)
#4d757e   (verdegris oscuro - link)
#92b1b8   (verdegris claro - link)

#00908d   (verde1 - eBooks)
#33b9b5   (verde2 - revista)
#01807d   (verde3 - andavira)
#004b91   (azul - libros)
#07a      (azul - subsubcategorias)

*/



*,
html {
    padding: 0;
	margin: 0;
	border: 0;
}

body {
    width: 100%;
	height: 100%;
	background: #fff;
	color: #1e1e1e;
	font: 80% Arial, "Trebuchet MS", Helvetica, Verdana, Sans-Serif;
}
#opinion { background: #b7e1eb; }

#wrapper { width: 1001px; }

#header {
    width: 100%;
	height: 163px;
	padding: 0;
	margin: 0;
	background: #fff url(../images/bgHeader3.gif) no-repeat;
}

#content { width: 100%; }

#footer {
    width: 100%;
	height: 160px;
	clear: both;
	padding: 0;
}


h1 { display: none; }
h2 { color: #1e1e1e; font: normal 29px georgia, garamond, "times new roman", serif; }
h3 { padding-bottom: 10px; font: bold 18px "trebuchet ms", "myriad pro", Corbel, Verdana, Myriad, sans-serif; }
h2.miriad { font: bold 2em "trebuchet ms", "myriad pro", Corbel, Verdana, Myriad, sans-serif; }
#home h4 { font: bold 11px verdana, helvetica, arial, sans-serif; }
#inner h4 { font: normal 17px Georgia, Garamond, "Times New Roman", Serif; }
h5 { font-size: .9em; }

img { border: none; }

p {
    width: 100%;
	padding: 5px 0 0 0;
	color: #1e1e1e;
    font: normal .85em/11px Verdana, Arial, Helvetica, Sans-Serif;
	line-height: 1.3em;
}

a:link,
a:active,
a:visited { color: #4d757e; text-decoration: none; }
a:hover { text-decoration: underline; }

small {
    display: block;
    font: normal .8em/10px Verdana, Arial, Helvetica, Sans-Serif;
	line-height: 1em;
}

.leftfloat { float: left; }
.allwidth { width: 100%; }
.clearboth { clear: both; }
.aligncenter { text-align: center; }
a.under { text-decoration: underline; }
a.nodeco:hover { text-decoration: none; }



/*_______________________________________________________________________________________________ HEADER ______________________________*/

#banner {
    width: 100%;
	height: 108px;
	float: left;
    background: url(../images/banner.jpg) no-repeat;
}

#derechaLOGO { width: 335px; height: 40px; float: left; }
#logo { width: 301px; height: 100%; float: left; background: url(../images/logo2.gif) no-repeat; }      /* 301x108px */

p#noflash { background: #006c85; color: #fff; font-size: 9px; }
p#noflash a { color: #fff; }

.lang {
    width: 200px;
	padding: 90px 0 0 0;
	float: right;
}
.lang a {
    float: right;
	padding: 0 10px;
	margin: 0;
	border-left: solid 1px;
	font: normal 10px verdana, helvetica, arial, sans-serif;
}
.lang a:hover { color: #e25442; }

#carrito {
    width: 80px;
	height: 23px;
	float: left;
	padding: 0;
	margin: 0 0 0 15px;
}

#navigation {
	height: 24px;
	clear: both;
	padding-top: 4px;
	margin-left: 38px;
	list-style-type: none;
}
#navigation li {
    float: left;
	padding-right: 30px;
	margin-right: 30px;
	border-right: solid 1px #ccc;
	color: #fff;
	font: normal 13px/1em "Myriad Pro", Corbel, Arial Narrow, "Trebuchet MS", "Calibri", "Candara", "Cambria", Verdana, Myriad, Sans-Serif;
	text-align: center;
}
#navigation li a { color: #fff; text-decoration: none; }
#navigation li a:hover { color: #d0e5ec; }

.validate {
	width: 100%;    /* #carrito */
	height: 23px;
	padding: 10px 0 0 0;
	margin: 0;
	cursor: pointer;
    background: #fff url(../images/carrito.gif) no-repeat 0 0px;
	font: bold .9em "myriad pro", corbel, "trebuchet ms", Myriad, Sans-Serif;
	text-align: right;
}




/*_______________________________________________________________________________________________________ CONTENT _______________________*/

.colUNO {
    width: 165px;
	height: 625px;
	float: right;
	margin-right: 25px;
	background: #fff;
}

.colDOS {
    width: 475px;
	min-height: 505px;
	float: right;
	margin-top: 21px;
	margin-right: 25px;
}

.colTRES {
    width: 273px;
	float: right;
	padding: 13px 0 35px 0;
}

.colDOSMASTRES {
    width: 775px;
	float: right;
	padding: 13px 0 0 0;
	margin-bottom: 25px;
}

.colUNOMASDOSMASTRES {
    width: 100%;
	float: right;
}


.colDOS .block { width: 475px; }
.colTRES .panel {
    width: 100%;
	padding: 7px 0 15px 0;
	background: url(../images/dots3.gif) no-repeat bottom;
}
.colTRES h3 { padding-top: 17px; }
.colTRES a { cursor: pointer; }
.colTRES p {
    padding: 8px 1px;
	margin: 0;
	color: #1e1e1e;
	font: normal 11px georgia, garamond, "times new roman", serif;
	line-height: 15px;
}


.colDOS p.opus,
.colTRES p.opus,
.colDOSMASTRES p.opus { margin-top: 5px; font: normal 11px verdana, helvetica, arial, sans-serif; line-height: 14px; }
.colDOS p.opus a,
.colTRES p.opus a,
.colDOSMASTRES p.opus a { color: #004b91; text-decoration: underline; }

.colDOS p,
.colDOSMASTRES p { margin-bottom: 10px; }

#inner h2 { padding-bottom: 20px; }
#inner h3 a { color: #004b91; }
#inner h3 a:hover { text-decoration: underline; }
h2 span.comment { font-size: 15px; }



.colTRES div.apart {
    width: 220px;
    height: 500px;
	padding: 0 25px;
	margin-top: 35px;
	background: #fff url(../images/dotVertical.gif) 5px top repeat-y;
}
.colTRES .apart p { font-family: Verdana, Helvetica, Arial, Sans-Serif; }

.rightbox {
    width: 300px;
	float: right;
	padding: 10px;
	margin-top: 25px;
	background: #006c85;
	border-bottom: solid 3px #95b1b8;
}
.rightbox a:link,
.rightbox a:active,
.rightbox a:visited { color: #fff; font: normal 1.2em Verdana, Helvetica, Arial, Sans-Serif; }
.rightbox a:hover { color: #92b1b8; text-decoration: none; }

.borderbook { border: solid 1px #959595; }

#content td.dotborder { border: dotted #999 1px; }




/*__________________________________________________________________________________________________________ INICIO ___________________*/

#content .ebucs { width: 92px; height: 220px; margin-top: 10px; }

#content .links { width: 100%; }

#content .links h4 { height: 18px; padding: 15px 0 0 27px; color: #1e1e1e; }
#content .links h4#blogs { background: #fff url(../images/blogIcon2.gif) no-repeat left 11px; }
#content .links h4#yutub { background: #fff url(../images/Youtube2.png) no-repeat left 11px; }
#content .links h4#enlaces { background: #fff url(../images/Links.gif) no-repeat left 11px; }

#content .links ul { list-style-type: none; }
#content .links li { font: bold .8em verdana, helvetica, arial, sans-serif; }
#content .links ul li a { color: #00908d; text-decoration: none; line-height: 13px; }
#content .links ul li a:hover { text-decoration: underline; }

#bluebox { width: 472px; height: 150px; float: left; background: #deeffd; border: solid 1px #acd6fc; }
#cover { width: 99px; height: 142px; float: left; background: #deeffd url(../images/bgCover.gif) no-repeat; }
#cover img { margin: 7px; }
#home #recomendado { width: 350px; height: 115px; padding-right: 5px; float: right; margin-top: 10px; }


.novas { height: 74px; padding: 20px 0 10px 0; margin-top: 20px; border-top: dotted #999 1px; }
.novas .date { color: #900; font: normal .8em Verdana, Arial, Helvetica, Sans-serif; }
#home .novas a { color: #004b91; font: normal .85em Arial, Helvetica, Sans-serif; text-decoration: underline; }
#home .novas a:hover { text-decoration: none; }

#home a.more { float: right; margin: 5px 15px 0 0; color: #00908d; font-size: .8em; text-decoration: none; }
#home a.more:hover { color: #e25442; }




/*______________________________________________________________________________________ NOSOTROS ___________________*/

#inner .colDOSMASTRES#giant { height: 590px; background: #fff url(../images/andaviraBIG.gif) no-repeat; }
#inner .colDOSMASTRES#giant h2 { font-size: 6em; margin-bottom: 35px; }

#mapa {
    width: 400px;
	height: 350px;
	padding: 0;
	margin-bottom: 0px;
	float: left;
	border: dotted #999 1px;
}




/*______________________________________________________________________________________ CATALOGO, VIDEOS______*/

.libro {
    width: 163px;
	height: 310px;
	float: left;
	padding-right: 30px;
	margin: 0;
}
.clase li {
    width: 190px;
	height: 290px;
	float: left;
	padding: 0;
	margin: 0;
    list-style: none;
}
.clase li h4 { margin: 5px 0 0 13px; }

.clase2 { padding: 0 0 5px 15px; }
.clase a.s3 {
    display: block;
    color: #07a;
	font-size: .8em;
	line-height: 13px;
	text-decoration: none;
}
.clase a.s3:hover { text-decoration: underline; }

#inner .portada { width: 100px; height: 135px; background: url(../images/bgPortada.gif) no-repeat; }
#inner .portada img { margin-left: 8px; }

.bigCover { width: 208px; height: 288px; float: left; background: url(../images/bgBigCover.gif) no-repeat; }
.bigCover img { margin-left: 1px; }
#inner .video { width: 425px; height: 355px; float: left; }
.bigData { width: 340px; padding: 0 10px; float: left; }
.smallData { width: 330px; height: 350px; padding: 0 10px; float: left; }
.bigData h3,
.smallData h3 { margin-top: 15px; color: #1e1e1e; font: normal 1.3em Verdana, Helvetica, Arial, Sans-Serif; }
.otros { width: 190px; padding: 0 5px; float: right; }
.otros h3 { float: right; }
.otros ul { width: 100%; list-style-type: none; }
.otros li {
	padding: 5px;
	margin-bottom: 15px;
	background: #fcf3ea;
	border: solid #e0d3c6 1px;
}

p.author { font: normal 10px verdana, helvetica, arial, sans-serif; }
p.price { color: #990000; font: bold 12px verdana, helvetica, arial, sans-serif; }
p.price small { display: inline; margin-left: 10px; color: #999; font: normal 9px Arial, Verdana, Sans-Serif; }
p.eypos { width: 150px; float: left; margin-top: 15px; color: #e25442; font: bold 1.8em Verdana, Arial, Sans-Serif; }
span.eypos { float: left; margin: 20px 50px 0 0; color: #e25442; font: bold 1.4em Verdana, Helvetica, Arial, Sans-Serif; }
span.eypos small { color: #999; font-size: 12px; }

form.cart { float: left; padding-top: 15px; }
form.cart input { width: 120px; padding-top: 40px; border: none; cursor: pointer; }

span#engadir {
    width: 55px;
	float: right;
	padding: 0;
	margin: 10px 0 0 0;
	color: #01807d;
	font: bold 12px "myriad pro", Corbel, "Candara", Arial, Myriad, Sans-Serif;
}

.smallVideo { list-style-type: none; }
.smallVideo li { clear: both; display: block; margin-bottom: 10px; }

.opiniones { width: 190px; padding: 3px; margin: 30px 0 0 3px; background: #eef8fa; border: solid 1px #92b1b8; }
.opiniones p { color: #92b1b8; }
.opiniones li { padding: 5px 0; border-top: dotted #92b1b8 1px; font-size: 10px; list-style: none; }

a.opina { height: 30px; display: block; margin: 10px 5px; cursor: pointer; }
a.opina img { float: left; }
a.opina span { float: left; padding: 5px 3px; font-size: 10px; }

.opinaInner { width: 250px; height: 90px; padding: 15px 25px; }
.opinaInner textarea { width: 200px; height: 90px; color: #01807d; border: solid 1px #92b1b8; }



/*___________________________________________________________________________________________________________ CONTACTO _____________*/

address {
    margin-top: 90px;
	font: normal .85em Verdana, Helvetica, Verdana, Sans-Serif;
    font-style: normal;
}
#inner address a { color: #33b9b5; }



/*________________________________________________________________________________________________ NOVEDADES, NOTICIAS, LINKS _________*/



ul.news { margin-bottom: 20px; border-bottom: dotted 1px #999; list-style-type: none; }
ul.news li { width: 100%; clear: both; display: block; padding: 10px 0; border-top: dotted 1px #999; }

.colDOS ul.news li p.titular,
.colDOSMASTRES ul.news li p.titular { color: #1e1e1e; font: bold 1.3em Georgia, Garamond, "Times New Roman", Serif; }
.colTRES ul.news li p.titular { color: #999; font: bold 1.1em Georgia, Garamond, "Times New Roman", Serif; }
.colTRES ul.news li p { padding: 3px 0; margin: 0; color: #959595; }
ul.news li p.date { color: #999; }

ul.news li div.texto { width: 302px; padding: 0 15px; }



ul.blueboxes { list-style-type: none; }
ul.blueboxes li {
    width: 240px;
	height: 100px;
	clear: both;
	padding: 0 15px;
	margin-bottom: 15px;
	background: #deeffd;
	border: solid 1px #acd6fc;
}
ul.blueboxes li img { float: left; margin-top: 15px; border: solid 1px #999; }
ul.blueboxes li p.opus { width: 160px; float: left; padding: 15px 15px; }

#inner #recomendado { width: 435px; height: 255px; padding: 20px; margin-top: 19px; border: dotted #999 1px; }
#inner #recomendado img { width: 100px; height: 140px; float: left; }
#inner #recomendado .rData {
    width: 290px;
    float: left;
	padding: 0 15px 20px 15px;
	margin-left: 15px;
	background: #33b9b5;
}
#inner #recomendado .rData h3 { padding: 0; }
#inner #recomendado .rData p,
#inner #recomendado .rData small { padding: 0; margin: 10px 0; color: #fff; }
#inner #recomendado .rData2 { width: 290px; float: right; }
#inner #recomendado form.cart input { border: none; }

#inner .lista { width: 100%; list-style-type: none; }
#inner .lista li {
	padding: 15px 0;
	color: #1e1e1e;
	border-bottom: dotted #999 1px;
	font-size: .8em;
}

#prox {
    width: 426px;
	height: 60px;
	float: left;
	padding: 15px 0 15px 10px;
	background: #fcf3ea;
	border: solid 1px #e0d3c6;
}
#prox span small { margin-top: 5px; }
#pscroller1 { width: 401px; height: 100%; float: left; }



/*_____________________________________________________________________________________________________________ TPV __________________*/

.tpv { padding-top: 25px; }

.tpv table { margin-top: 15px; }
.tpv table tr { border-bottom: dotted #999 1px; }
.tpv td { border: none; }



/*_____________________________________________________________________________________________________________ SITEMAP __________________*/

.kolumn { width: 31%; height: 500px; float: left; padding-left: 15px; border-right: dotted #999 1px; }
.kolumn dt { margin: 20px 0 10px 0; font: bold 1.3em Verdana, Helvetica, Arial, Sans-Serif; }
.kolumn dd { margin: 0 0 5px 1px; font-size: .85em; }
#inner .kolumn dd a { color: #4d757e; }
#inner .kolumn dd a:hover { text-decoration: underline; }
.kolumn dd ul { margin: 5px 15px; list-style-type: none; }
#inner .kolumn dd ul li { line-height: 12px; }
#inner .kolumn dd ul li a { color: #92b1b8; }




/*_____________________________________________________________________________________________________________ FOOTER ________________*/

#subnavigation {
    width: 963px;
	height: 111px;
	margin-left: 38px;
	background: #fff url(../images/dots.gif) repeat-x top;
}
#subnavigation ul {
    width: 220px;
	height: 100px;
	float: left;
	padding-top: 13px;
	margin-left: 25px;
	list-style-type: none;
}
#subnavigation li { padding: 0; margin-left: 1px; }
#subnavigation li.arriba { margin-bottom: 4px; }
#subnavigation li.arriba a { color: #1e1e1e; font: bold 24px "myriad pro", Corbel, "Trebuchet MS", "Candara", Myriad, Verdana, sans-serif; }
#subnavigation li.abajo { height: 15px; font: normal 11px verdana, helvetica, arial, sans-serif; }
#subnavigation li.abajo a { color: #1e1e1e; }
#subnavigation li.arriba a:hover { color: #e25442; text-decoration: none; }
#subnavigation li.abajo a:hover { text-decoration: underline; }

#copi {
	float: left;
	padding:5px 0 0 42px;
	font: .8em verdana, helvetica, arial, sans-serif;
}
#copi a { color: #33b9b5; font: bold 1em/10px Verdana, Sans-Serif; }
#copi a:hover { color: #e25442; }



/*________________________________________________________________________________________________________ FORMULARIOS ____________________*/


#content .colUNO input.submit,
#content .colDOS input.submit,
#content .colTRES input submit,
#content .colDOSMASTRES input.submit,
#content .colUNOMASDOSMASTRES input.submit,
#opinion input.submit { width: 0; height: 0; border: none; visibility: hidden; }

#content .colDOS .submit,
#content .colDOSMASTRES .submit,
#content .colUNOMASDOSMASTRES .submit,
#opinion .submit {
    width: 70px;
	height: 16px;
	display: block;
	clear: both;
	float: right;
	margin: 0;
	padding: 0;
	background: #4d757e;
	color: #fff;
	cursor: pointer;
	font: normal .85em Verdana, Arial, Helvetica, Sans-Serif;
	text-align: center;
}
#content .colDOS .submit:hover,
#content .colDOSMASTRES .submit:hover,
#content .colUNOMASDOSMASTRES .submit:hover,
#opinion .submit:hover { background: #e25442; text-decoration: none; }




label { font-size: .85em; }



form.buscador { float: left; }
.buscador fieldset {
    width: 858px;
	height: 21px;
	padding: 0;
	margin-left: 40px;
	border: none;
}
.buscador fieldset table td { }
.buscador label { font: normal .85em verdana, arial, sans-serif; }
.buscador input.text {
    width: 100%;
    height: 15px;
	padding: 0 5px;
	border: solid 1px #67bed3;
	font-size: .8em;
}
.buscador input.button {
    width: 70px;
	height: 17px;
	background: #1e1e1e;
	color: #fff;
	cursor: pointer;
}


.buscadorGRANDE fieldset { width: 600px; height: 400px; display: block; padding: 0 20px; margin-top: 50px; }
.buscadorGRANDE table { width: 550px; }
.buscadorGRANDE input.text { width: 400px; padding: 0 5px; border: solid 1px #959595; }




.contact fieldset { width: 405px; margin-bottom: 80px; }
.contact input,
.contact textarea {
    width: 405px;
    display: block;
    clear: both;
	padding: 0 0 0 5px;
    border: solid 1px #959595;
}
.contact textarea { height: 120px; }



form.registro fieldset { padding: 25px 0 0 55px; }
form.registro label { color: #1e1e1e; }
form.registro input { width: 96%; padding: 0 5px; border: solid 1px #959595; }


form.customer fieldset { padding: 20px 0 50px 0; }
form.customer label { margin: 0 15px; }
form.customer input { width: 150px; height: 16px; padding: 0 5px; margin-right: 15px; border: solid 1px #959595; }


/*__________________________________________________________________________________________________________ ADMINISTRACIÓN _____________*/


#admin #header { padding-bottom: 50px; }

#admin table.dot td { border-bottom:dotted 1px #999; font-size: .85em; }

#admin h2 { padding-bottom: 30px; }
#admin .nopadding { padding: 0; }
#admin span { margin-left: 10px; font-weight: bold; }
#admin span.little { color: #07a; font: normal 11px Verdana, Helvetica, Arial, Sans-Serif; }
#admin small { margin-left: 10px; }
#admin em { margin-left: 10px; font-size: 11px; }

#admin .colUNO { background: none; }

#admin .summary { padding: 3px 40px; color: #01807d; font-size: .85em; }
#admin .summary a { color: #33b9b5; font-weight: bold; }
#admin .summary a:hover { text-decoration: underline; }

#admin #lista_autores { width: 100%; height: 500px; margin-top: 30px; overflow: auto; }
#admin #lista_autores li { padding: 3px 0; border-bottom: dotted 1px #999; font: .70em Verdana, Helvetica, Arial, Sans-serif; }
#admin #lista_autores li a:hover { color: #e25442; }


#admin .block { padding: 15px 0 85px 0; }
#admin .block a { color: #4d757e; }
#admin .block a:hover { text-decoration: underline; }

#admin ul { list-style-type: none; }
#admin li ul { padding-left: 25px; margin: 0 0 15px 25px; border-left: dotted #999 1px; }
#admin li.smallest a { color: #666; font-size: .8em; }
#admin li.smallest span { color: #666; font-size: .8em; font-weight: normal; }

#admin .portada { width: 100px; height: 140px; float: left; }
#admin .portada img { padding: 0; }



#admin fieldset { border: none; }

#admin label { font: normal 11px/.85em verdana, helvetica, arial, sans-serif; }

#admin input,
#admin select,
#admin textarea {
    width: 100%;
	border: solid 1px #959595;
	font: normal 11px/.85em verdana, helvetica, arial, sans-serif;
	line-height: 1.3em;
}
#admin tr.calendar input,
#admin tr.calendar select { width: 50px; }

#admin textarea { height: 80px; }
#admin input.tre { width: 30px; }
#admin input.qattre { width: 40px; }
#admin input.checkbox,
#admin input.radio { border: none; }

#admin .button,
#admin .button2 {
	width: 83px;
	height: 18px;
	display: block;
	float: right;
	padding: 0;
	margin: 0;
	background: #1e1e1e;
	color: #fff;
	cursor: pointer;
}



#admin .erase,
#admin .edit,
#admin .kill {
    width: 35px;
	height: 18px;
	border: none;
	cursor: pointer;
}
#admin .erase { background: #33b9b5; }
#admin .edit { background: #01807d; }
#admin .kill { background: #bd2916; }

#admin .erase:hover { background: #303030; }
#admin .edit:hover { background: #bd2916; }
#admin .kill:hover { background: #1e1e1e; }


#admin form.noveau fieldset { width: 200px; padding: 0 10px; float: left; border: dotted 1px #999; }
#admin form.noveau div { height: 100%; padding: 10px 0; }
#admin form.noveau div.selected { background: #33b9b5; }
#admin form.noveau input.radio { width: 20px; float: left; }
#admin form.noveau img { float: left; margin-right: 10px; border: solid 1px #959595; }
#admin form.noveau small { margin: 0; }


#admin .miniForm { width: 450px; float: left; }


#contentarea {
    width: 300px;
	float: right;
	font-size: .8em;
}
#contentarea td { border: solid 1px #ddd; }