body {font:100%/150% Georgia,serif;color:#333;background:#FFF url(../images/background.png) repeat-x center top;text-align:center;}
html>body {font-size:16px;}

/*=CONTENEDORES
=== === === === === === === === === === */
#contenedor {width:960px;margin:0 auto;text-align:left;}
#contenedorPrint {width:560px;margin:0 auto;text-align:left;font-family:verdana,arial,helvetica !important;	}


/*=COMUNES
=== === === === === === === === === === */
p,li {line-height:150%}
img {border:0}
input,textarea,select,table {font-weight:normal;font-family:Georgia,serif;font-size:100%;padding:3px 4px;line-height:normal !important}
a,a:link {text-decoration:none;color:#ec742c}
a:hover {color:#ec742c;cursor:pointer}
a:focus {outline:none}
button {cursor:pointer}
input,select,button {vertical-align:middle}

/*=LAYOUT
=== === === === === === === === === === */
#cabecera {width:960px;}
#contenedorcontenidos {width:960px;clear:both;padding:0 0 20px 0;}
#barralateral {width:195px;float:left; }
#contenidos {width:725px;float:right;margin:0 0 0 20px;}
#pie {width:960px;clear:both;}


#contenedorprint {width:560px;clear:both;padding:0 0 20px 0;}
#pieprint{width:560px;clear:both; }




/*=CABECERA
=== === === === === === === === === === */
#cabecera {color:#CCC;overflow:hidden;position:relative;margin:0 0 40px 0;}
#cabecera ul {float:right;margin:60px 0 0 0px;}
#cabecera ul li {display:inline;}
#cabecera ul a {float:left;display:block;padding:10px 8px;color:#999;}
#cabecera ul a:hover {color:#EEE}
#cabecera ul a.actual {color:#FFF}

#principal #cabecera h1, #cabecera h1 a ,#cabecera p {display:block;text-indent:-999999px;overflow:hidden}
#principal #cabecera h1 {float:left;background:url(../images/logoCO.png) no-repeat center left;width:477px;height:93px;margin-top:10px;behavior: url(css/iepngfix.htc)} 
#cabecera h1 a {float:left;width:477px;height:93px;margin-top:10px;behavior: url(css/iepngfix.htc)} 


/*=barralateral
=== === === === === === === === === === */
#barralateral select.buscardistribuidor {margin:0 0 20px 0;width:100%;border:10px solid #DDD;color:#ec742c;}
#barralateral select.buscardistribuidor:hover {border:10px solid #CCC}
#barralateral ul {font-size:105%;margin:0 0 20px 0}
#barralateral ul li{border-bottom:1px solid #CCC;}
#barralateral ul a {color:#464646;margin:0 0 0 10px;padding:2px 0;display:block;font-weight:normal;width:195px}
#barralateral ul a.diferente {color:#555;border-bottom:1px solid #EEE;font-size:90%;padding:0}
#barralateral ul a:hover,#barralateral ul a:hover.different {color:#ec742c}
#barralateral ul a.actual {color:#07783e;}

#searchForm label.error {float:left;margin:0 5px 5px 0;width:auto !important;font-weight:normal;font-size:.8em;color:red}

#busquedarapida {margin:0 0 25px 0}
#busquedarapida button {background:url(../images/btn-buscar.gif) no-repeat center left;width:64px;height:21px;text-indent:-999999px;border:0}
#busquedarapida input {width:114px;margin:0 5px 0 0;vertical-align:middle}

#login button {background:url(../images/btn-entrar.gif) no-repeat center left;width:64px;height:26px;text-indent:-999999px;border:0}
#login h4{ padding-right:10px;}

#gastosenvio{padding:0 0 5px 0;margin:0 0 25px 0;background:url(../images/shipping-map.gif) no-repeat bottom right}
#gastosenvio p {font-size:90%;line-height:160%;margin:0 0 5px 0 !important}
#gastosenvio h4 {color:#0075C2}

#boletin {position:relative;padding:23px 0 0 0}
#boletin img {position:absolute;top:0;left:-5px;z-index:-1}
#boletin h4 {display:none}
#boletin p{font-size:90%;line-height:140%;margin:0 0 5px 0 !important}
#boletin input {margin:0 0 4px 0;width:180px}
#boletin button {background:url(../images/btn-boletin.gif) no-repeat center left;width:64px;height:21px;text-indent:-999999px;border:0}
#boletin strong {color:#ec742c;}
#boletin  label.error {float:left;margin:0 5px 5px 0;width:auto !important;font-weight:normal;font-size:.8em;color:red}


#login  .error {margin:0px 5px 5px 0px;width:auto !important; height:30px;font-weight:normal;font-size:.8em;color:red}

/*=contenidos
=== === === === === === === === === === */

#contenidos {position:relative}
.reading-width {width:525px !important;}
.wysiwygemail {display:none}

#productos {width:555px;float:left;}
#publicidad {width:165px;float:right;}

#productos ul {margin:0 !important;}
#productos li {
	display:inline;	
}
#productos li div {
	display:block;
	float:left;
	border:1px solid black;
	width:160px;
	height:265px;/*antes 250px*/
	margin:0 7px 15px 0;
	background:#FFF;
	color:#000;
	padding: 7px 6px;
}
#productos li span.nombre
{
	display:block;
	width:160px;
	height:45px; /*antes 30px*/
	overflow:hidden;
	text-align:center;
	font-size:11px;
	font-family:verdana,arial,helvetica;	
	color:#000;
	line-height:14px;
	margin: 0 0 5px 0;
	border-bottom:1px solid #dddddd;
}

#productos li span strong
{
	font-size:14px;	
}

#productos li span.precionormal
{
	display:block;
	float:left;
	width:80px;
	height:35px;
	overflow:hidden;
	text-align:center;
	font-size:9px;
	font-family:verdana,arial,helvetica;	
	color:#ec742c;
	line-height:16px;	
	
}

#productos li span.precioactual
{
	display:block;
	float:left;
	width:75px;
	height:35px;
	overflow:hidden;
	text-align:center;
	font-size:9px;
	font-family:verdana,arial,helvetica;	
	color:#07783e;
	line-height:16px;
	border-right:1px solid black;
}
#productos li span.preciootro
{
	display:block;
	float:left;
	width:150px;
	height:35px;
	overflow:hidden;
	text-align:center;
	font-size:9px;
	font-family:verdana,arial,helvetica;	
	color:#07783e;
	line-height:16px;	
}

#productos li a {
	display:block;
	position:relative;
	width:160px;
	height:160px;	
	text-align:center;
	font-size:150%;
	font-family:verdana,arial,helvetica;	
	letter-spacing:-2px;
	overflow:hidden;
}

#productos li a img {
	position:absolute;
	top:0;
	left:0;	
}
#productos li a.detalles
{	
	display:block;
	position:relative;
	width:160px;
	height:20px;	
	margin-top:45px;	
	text-align:center;
	font-size:11px;
	font-family:verdana,arial,helvetica;	
	line-height:14px;
	letter-spacing:0px;
	text-decoration:underline;
	color:#07783e;
	
}

#productos li a.detalles:hover
{	
	text-decoration:none;
}



#publicidad ul {margin:0 !important}
#publicidad li {display:inline;}
#publicidad li a {width:165px;display:block;border:1px solid #878787;margin:0 0 10px 0;}
#publicidad li a:hover {border:1px solid #000000;}
#publicidad li img {display:block;width:145px;padding: 5px 5px 5px 5px;}



#destacados-area{clear:both;width:725px; height:270px; }
#destacados-area img {display:block;border-right:1px solid #3c3c3c;border-bottom:1px solid #3c3c3c;border:1px solid #3c3c3c;}

.visitstore {position:absolute;top:54px;left:-10px;z-index:99999;margin:0 0 0 -5px;}

#mensajeayuda{display:block;margin-top:80px; }

#titulo {float:left;width:519px;padding:10px;background:url(../images/category-title-bg.jpg) no-repeat;}
#titulo h2 {display:block;background:#333;color:#FFF !important;padding:5px 10px;border-bottom:3px solid #ec742c;margin:-10px -10px 10px -10px !important;}
#titulo h3 {display:block;background:#252323;color:#fff !important;padding:5px 10px;border-bottom:3px solid #ec742c;margin:-10px -10px 10px -10px !important;font-family:Kabel Bk BT,Arial !important;font-size:18pt !important;}
#titulo p strong {color:#0075C2}
#titulo p small {color:#78787b}
#seen-on {float:right;width:167px;}
.titulo-width {width:700px !important;background:url(../images/category-title-bg2.jpg) no-repeat !important;}
.titulo-total {width:100% !important;background:url(../images/category-title-bg2.jpg)  !important;}

#category-list {clear:both;}
#category-list ul {margin:0 !important;}
#category-list li {display:inline;}
#category-list li a {float:left;width:167px;height:213px;margin:0 19px 19px 0;color:#333;overflow:hidden;display:block;border:1px solid red;}
#category-list li .fourth {margin:0 0 19px 0}
#category-list small {font-size:70% !important;font-family:arial,helvetica,verdana;color:#CC0542;font-weight:normal;position:absolute;top:3px;left:0}
#category-list span {position:relative;display:block;font-weight:bold;text-align:center;font-size:95%;}
#category-list span br {font-size:130%}
#category-list a:hover span {color:#CC0542}
#category-list em {font-style:normal !important;font-family:arial,helvetica,verdana;font-size:70%;color:#555;position:absolute;top:0;right:0}
#category-list em b {font-weight:normal;color:#AAA;margin:0;font-size:80%}
#category-list a .image-contenedor {width:167px;height:140px;text-align:center;background-position:center center;background-repeat:no-repeat}
#category-list a img {margin:0 auto;display:block} 

.volver {position:absolute;top:26px;right:0;padding:10px 10px;width:70px;text-align:right;}
#producto #title-bar {display:block;background:url(../images/title-bar-bg.png) repeat;padding:10px}
#producto #title-bar h2 {margin:0 0 10px 0}
#producto #images {margin:0 0 20px 0;float:left;width:725px}
#producto #images .main-image {float:left;display:block;width:539px;text-align:center}
#producto #images .main-image img {margin:0 auto;display:block}
#producto #images .small-images {float:right;width:147px;background:#E6E6E6;text-align:center;padding:10px 10px 0 10px;}
#producto #images .small-images img {display:block;text-align:center;margin:0 auto 5px auto}
#producto #descripcion {width:100%;}

#producto #descripcion ul { float:left;margin:0 0 15px 15px;list-style-type:disc;}
#producto #descripcion ul { *float:none;*margin:0 0 15px 300px;*list-style-type:disc;}
#producto #descripcion li {margin:0 0 .3em 3.5em;}


#producto #masdetalles {display:block;width:100%;height:100px;margin:0 auto 0 auto;border:1px solid #000;background-color:#c4c4c4;}
#producto #descripcion img {width:250px;height:250px;margin:0 10px 10px 0;}
#producto h4 {color:#ec742c;font-size:1.2em;margin:0 0 4px 0;letter-spacing:0px}
#producto #descripcion small strong {color:#0075C2}

#producto #info {float:left;width:250px;border:1px solid #3c3c3c; margin:0 10px 10px 0;padding: 5px 5px;}

#producto #info span.colegiados{display:block;width:100%;font-size:1.3em;margin:0 0 5px 0;letter-spacing:3px; text-align:center;}
#producto #info span.colegiados strong{font-size:1.5em;}
#producto #info span.colegiados {color:#07783e;}
#producto #info span.colegiados strong{color:#07783e;}

#producto #info span.nocolegiados{display:block;width:100%;font-size:1em;margin:0 0 0 0;}
#producto #info span.nocolegiados strong{font-size:1.2em;}
#producto #info span.nocolegiados {color:#ec742c;}
#producto #info span.nocolegiados strong{color:#ec742c;}

#producto #info input {width:20px;margin:0 5px 0 0;vertical-align:middle}
#producto #info button {background:url(../images/btn-addtocart.gif) no-repeat center left;width:81px;height:21px;text-indent:-999999px;border:0}

#contenidos p, #barralateral p, #descripcion p {margin:0 0 1em 0}
#contenidos h1, #contenidos h2,h3, h4, h5 {color:#000;line-height:1.4em;margin:0 0 10px 0;}
#contenidos h1 {font-size:2em;margin:0 0 20px 0}
#contenidos h2 {font-size:1.7em;margin:0 0 20px 0}
#contenidos h3 {font-size:1.45em}
#contenidos h2 b {font-weight:normal !important}
h4 {color:#ec742c;font-size:1em;margin:0 0 4px 0;letter-spacing:-1px}

#contenidos small {font-size:.9em;line-height:1.7em}
#contenidos big {font-size:1.2em;line-height:1.7em;font-weight:bold;color:#40586b}
em,i {font-style:italic}
b,strong {font-weight:bold}
#contenidos ul, #descripcion ul {margin:0 0 1em 0;list-style-type:disc}
#contenidos ul li, #descripcion li {margin:0 0 .3em 1.5em}
#principal #contenidos ul li {margin:0}
#contenidos ul ul {margin:0 0 0 .5em}
#contenidos ol {margin:0 0 1em 1.8em;list-style-type:decimal}
#contenidos img.bthick {padding:6px;background:#FFF;border:1px solid #CCC;margin-bottom:.85em}
#contenidos img.bthin,#barralateral img.bthin {padding:3px;background:#FFF;border:1px solid #CCC;margin-bottom:.85em}
#contenidos img.left {float:left;margin:0 1em 1em 0}
#contenidos img.right {float:right;margin:0 0 1em 1em}

#contenidos form {margin:0 0 1em 0}
form label {}
form input,textarea {padding:3px 4px}
form .req {border:1px solid red !important}
#contenidos button {padding:.2em .3em}

#contactForm {padding:15px 0;width:520px}
#contactForm p {float:left;margin:0 10px 10px 0}
#contactForm label {display:block;}
#contactForm label.error {margin:0 0 5px 0;width:auto !important;font-weight:normal;font-size:.8em;color:red}
#contactForm small {margin:0 0 0 100px}
#contactForm .mess {height:auto !important}
#contactForm .productenquiry {width:auto}
#contactForm textarea,#contactForm .productenquiry input {width:475px}
#contactForm  button {clear:both;float:left}

#booking_form {padding:0 0 15px 0;width:520px}
#booking_form p {float:left;margin:0 10px 10px 0;height:50px}
#booking_form label {display:block;}
#booking_form label.error {margin:0 0 5px 0;width:auto !important;font-weight:normal;font-size:.8em;color:red}
#booking_form small {margin:0 0 0 100px}
#booking_form .mess {height:auto !important}
#booking_form .productenquiry {width:auto}
#booking_form textarea {width:475px}
#booking_form  button {clear:both;float:left}

#friendForm {padding:15px 0;width:520px}
#friendForm fieldset {clear:both;width:520px;}
#friendForm legend {font-family:arial,verdana;clear:both;color:#000;font-size:1.25em;font-weight:bold;margin:0;padding:.2em 0 .5em 0;display:block;line-height:2em}
#friendForm p {float:left;margin-right:10px}
#friendForm label {display:block}
#friendForm label.error {margin:0 0 5px 0;width:auto !important;font-weight:normal;font-size:.8em;color:red}
#friendForm small {margin:0 0 0 100px}
#friendForm button {clear:both;float:left;margin:5px 0 0 0}

#sitemap ul {position:relative;border-left:1px solid #CCC;margin:0 0 20px 20px !important;padding:0}
#sitemap ul ul {margin-bottom:15px !important}
#sitemap li {list-style-type:none !important;margin:0 !important;padding:0 !important}
#sitemap li a {padding:0 0 0 9px;background:url(../images/sitemap_a_bg.gif) no-repeat center left;line-height:1.7em}
#sitemap ul a {font-weight:bold}
#sitemap ul ul a,#sitemap ul ul ul a,#sitemap ul ul ul ul a {font-weight:normal}


/*=PIE
=== === === === === === === === === === */

#pie  .oculto {display:none}
#pie {font-size:90%;font-family:arial,helvetica;height:65px;border-top:1px solid #CCC;padding:10px 0 0 0}
#pie small {float:left;font-size:75%}
#pie small a {padding:0 5px}
#pie p {float:right}
#pie p a {background:url(../images/logo_icagrslu.jpg) no-repeat center left;width:239px;height:38px;text-indent:-999999px;display:block}
#pie hr {display:none}

#pieprint{font-size:80%;font-family:arial,helvetica;height:65px;border-top:1px solid #ec742c;padding:10px 0 0 0;}
#pieprint small {float:left;font-size:75%;margin:0 10px 0 10px;}
#pieprint p {float:right}
#pieprint hr {display:none}
#txtpie{float:left;width:400px;display:block;line-height:14px;text-align:left !important;}
#imgpie{float:right;background:url(../images/logo_icagrslu_peque.jpg) no-repeat center left;width:150px;height:24px;text-indent:-999999px;display:block;margin:5px 10px 0 0;}


/*=OTROS
=== === === === === === === === === === */

table.data td {padding:0 0 5px 0}
table.data h3 {padding-top:15px}

#slideshow,#slideshow-f {float:left;margin:0 0 20px 0 !important;width:607px !important;background:#FFF}
#slideshow div {width:607px;height:355px;text-align:center;display:block;overflow:hidden}
#slideshow-f {width:723px !important}
#slideshow-f div {text-align:center}
#slideshow,#slideshow-f div img {margin:0 auto;display:block}
#nav {width:40px;float:right;}
#nav a {padding:7px 0;margin:0 0 5px 0;border:1px solid #CCC;display:block;text-align:center;width:40px}
#nav a.activeSlide {background:#CC0542;color:#FFF;font-weight:bold}
#producto .preorder,#producto .preorder2 {position:absolute;right:0;margin:-3px 54px 0 0;width:121px;height:75px;background:url(../images/preordernow.png) no-repeat;text-indent:-99999px;display:block;z-index:999}
#producto .preorder2 {margin:0}

.naranja{color:#ec742c;font-size:1.2em;font-family:verdana,arial,helvetica !important;}
.negro{color:#000;font-size:12px;font-family:verdana,arial,helvetica !important;}

.romanos_upper{list-style-type:upper-roman;}
.romanos_lower{list-style-type:lower-roman;}
.olnormal{list-style-type:decimal;}
.submit { width:150px;}
.Recibo {cursor:hand;}
.confirmacondiciones { color:red;font-size:11px;font-family:verdana,arial,helvetica !important;}