/* @override http://chocolatefondue.es/es/wp-content/themes/chocolate_fondue/style.css */



/*

Theme Name: Chocolate Fondue

Theme URI: http://chocolatefondue.es/

Version: 1.0

Author: RUDE

Author URI: http://rudeworks.com

*/



/* NEUTRALIZANDO ESTILOS: 

   elementos que queremos limpiar completamente: */



html, body, form, fieldset, img {

	margin: 0;

	padding: 0;

	font: 10px Arial, Helvetica, Geneva, sans-serif;

}



.clear {

	clear: both;

}



p.clear {

	padding: 0;

	margin: 0;

	width: 0;

	height: 0;

	visibility: hidden;

}



.float-right {

	float: right;

}



.align-right {

	text-align: right;

}



.float-left {

	float: left;

}



.center {

	text-align: center;

}



/* NEUTRALIZANDO ESTILOS:

   elementos con margen vertical: */



* {

	margin: 0;

	padding: 0;

}



/* Algunos arreglos basicos: */



form label {

	cursor: pointer;

}



fieldset {

	border: none;

}



a {

	outline: 0;

	text-decoration: none;

	color: #705443;

}



a img {

	border: none;

	text-decoration: none;

	background: none;

}



img {

	border: none;

	text-decoration: none;

}



img.margin {

	margin-top: 15px;

}



p, ul {

	font-size: 1.2em;

}



ul {

	list-style: none;

	list-style-type: none;

}



/* Form field escala de texto */



input, select, textarea {

	font-size: 100%;

}



input:focus, select:focus, textarea:focus {

	background-color: #FFF;

}



input {

	border: none;

	background: none;

}



button {

	cursor: pointer;

}



/* @group HTML > BODY > WRAPPER */



body {

	margin: 0px;

	padding: 0px;

	background: url(images/mainbg.jpg) 0 0 repeat-x #F6F4E4;

	color: #6B6854;

}



#wrapper {

	width: 791px;

	position: relative;

	margin: 0 auto;

	padding: 0px;

}



/* @end */



/* @group TIPOGRAFÍA */



small {

	margin-left: 9px;

	font-size: 1em;

}



/* @end */



/* @group SIDEBAR */



#sidebar {

	width: 240px;

	float: left;

}



#sidebar #logo {

	width: 240px;

	height: 125px;

	position: relative;

	margin: 0 auto;

	padding: 0;

	background: url(images/left-top.jpg) 0 0 no-repeat;

}



#sidebar #logo img {

	width: 240px;

	height: 125px;

}



#sidebar h2 {

	width: 90px;

	height: 63px;

	color: #54361e;

	font-size: 24px;

	line-height: 63px;

	padding: 0 0 0 63px;

	font-weight: normal;

}



#sidebar #nav_menu {

	width: 240px;

	height: auto;

	display: block;

     	background: transparent url(images/menu-bg_ul.jpg) no-repeat left bottom;

}



#sidebar ul {

	width: 240px;

	height: auto;

	display: block;

	background: transparent url(images/menu-bg.jpg) no-repeat top left;

	padding: 18px 0 10px;

}



#sidebar ul.blog {

	width: 240px;

	height: auto;

	display: block;

	background: transparent url(images/menu-bg.jpg) no-repeat top left;

	padding: 18px 0 140px;

}



#sidebar ul li {

	width: 200px;

	position: relative;

	margin: 0 auto;

}



#sidebar ul li.title {

	font: bold 1.2em "Lucida Grande", Lucida, Verdana, sans-serif;

	padding-bottom: 10px;

	color: #daba8b;

}



#sidebar ul li ul {

	width: 200px;

	position: block;

	margin: 0 auto;

	background: none;

	padding: 0;

}



#sidebar ul li ul li {

	width: 150px;

	height: 27px;

	position: relative;

	margin: 0 auto 0 20px;

	background: transparent url(images/dot.gif) 0 100% repeat-x;

}



#sidebar ul li ul li a {

	width: 128px;

	height: 26px;

	display: block;

	background: transparent url(images/arrow-normal.gif) 0 50% no-repeat;

	color: #8F8C73;

	font: normal 11px/26px "Lucida Grande", Lucida, Verdana, sans-serif;

	padding: 0 0 0 22px;

	text-decoration: none;

}



#sidebar ul li a {

	width: 160px;

	height: 26px;

	display: block;

	background: transparent url(images/arrow-normal.gif) 0 50% no-repeat;

	color: #f6f4e4;

	font: normal 11px/22px "Lucida Grande", Lucida, Verdana, sans-serif;

	padding: 0 0 0 22px;

	text-decoration: none;

}



* html #sidebar ul {

	margin-top: -3px;

}



#sidebar ul li a:hover {

	background: transparent url(images/arrow-normal.gif) 0 50% no-repeat;

	color: #1f140b;

	text-decoration: none;

}



#sidebar #skype {

	width: 170px;

	height: 50px;

	display: block;

	margin: 20px auto;

	text-align: center;

}



#sidebar #skype a {

	width: 170px;

	height: 50px;

	display: block;

	color: #54361e;

	background: transparent url(images/sidebar_skype.jpg) no-repeat top left;

}



#sidebar #skype a:hover {

	width: 170px;

	height: 50px;

	display: block;

	color: #0e6008;

	background: transparent url(images/sidebar_skype.jpg) no-repeat bottom left;

}



#sidebar #skype a p {

	padding: 10px 5px 0 50px;

	font-size: 1.3em;

}



#sidebar #tienda {

	width: 170px;

	height: 41px;

	display: block;

	margin: 20px auto 0;

	text-align: center;

}



#sidebar #tienda a {

	width: 170px;

	height: 41px;

	display: block;

	color: #54361e;

	text-indent: -9999px;

	background: transparent url(images/sidebar_tienda_button.jpg) no-repeat top left;

}



#sidebar #tienda a:hover {

	background-position: top right;

}



#sidebar #chocolatecolors {

	width: 170px;

	height: 39px;

	display: block;

	margin: 0 auto;

	text-align: center;

}



#sidebar #chocolatecolors a {

	width: 170px;

	height: 39px;

	display: block;

	color: #54361e;

	text-indent: -9999px;

	background: transparent url(images/sidebar_colors_button.jpg) no-repeat top left;

}



#sidebar #chocolatecolors a:hover {

	background-position: top right;

}



#sidebar #chocomusic {

	width: 170px;

	height: 39px;

	display: block;

	margin: 0 auto;

	text-align: center;

}



#sidebar #chocomusic a {

	width: 170px;

	height: 39px;

	display: block;

	color: #54361e;

	text-indent: -9999px;

	background: transparent url(images/sidebar_chocoparty_button.jpg) no-repeat top left;

}



#sidebar #chocomusic a:hover {

	background-position: top right;

}



#sidebar #volver {

	width: 170px;

	height: 50px;

	display: block;

	margin: 20px auto;

	text-align: center;

}



#sidebar #volver a {

	width: 170px;

	height: 50px;

	display: block;

	color: #54361e;

	text-indent: -9999px;

	background: transparent url(images/sidebar_volver.jpg) no-repeat top left;

}



#sidebar #volver a:hover {

	background-position: bottom left;

}



#sidebar #volver a p {

	padding: 10px 5px 0 50px;

	font-size: 1.3em;

}



#sidebar #contacto {

	width: 170px;

	height: 60px;

	display: block;

	margin: 20px auto;

	text-align: center;

	background: transparent url(images/sidebar_contacto.jpg) no-repeat top left;

}



#sidebar #contacto p {

	color: #F6F4E4;

	width: 156px;

	font-size: 1.3em;

	margin: 7px;

	float: left;

}



#sidebar #contacto p.upper {

	margin-bottom: 0;

	padding-bottom: 7px;

	border-bottom: 3px double #9a8b76;

}



/* @end */



/* @group MAIN */



#main {

	width: 551px;

	float: left;

}



#main h1 {

	width: 451px;

	height: 161px;

	background: transparent url(images/header.jpg) 0 0 no-repeat;

	margin-bottom: 20px;

	text-indent: -9999px;

	float: left;

}



#main h1.header_chocoblog {

	width: 451px;

	height: 161px;

	background: transparent url(images/header_chocoblog.jpg) 0 0 no-repeat;

	margin-bottom: 20px;

	text-indent: -9999px;

	float: left;

}



#main h1 span {

	font: 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;

}



#main h2 {

	height: 36px;

	display: block;

	color: #54361e;

	font-size: 2.2em;

	line-height: 36px;

	margin: 19px 0 0 9px;

}



#main h3 {

	display: block;

	color: #a0896c;

	margin: 0 0 5px 9px;

	font-weight: normal;

	font-style: normal;

	font-size: 1.7em;

}



#main h3.subheader_chocoblog {

	width: 100%;

	height: 89px;

	background: #f6f4e4 url(images/subheader_chocoblog.jpg) no-repeat 0 0;

	margin: 20px 0 0 0;

	text-indent: -9999px;

	float: left;

}



#main h3.subheader_chocoblog a {

	display: block;

	text-indent: 380px;

	font-size: .8em;

	padding-top: 60px;

	color: #d6b688;

}



#main h3.subheader_chocoblog a:hover {

	color: #7e5126;

}



#main h4 {

	display: block;

	color: #504436;

	margin: 0 0 5px 9px;

	font-weight: normal;

	font-size: 1.4em;

	font-style: normal;

}



#main h5 {

	color: #54361e;

	font-size: 16px;

	padding: 10px 0 0 10px;

	margin: 0;

}



#main h4 span {

	color: #9F9D81;

	background: #F6F4E4;

	font-size: 16px;

	font-weight: bold;

	line-height: 18px;

	margin-top: 6px;

	display: block;

}



#main table {

	float: left;

}



#main .idiomas {

	width: 100px;

	height: 161px;

	text-indent: -9999px;

	float: left;

}



#main .idiomas ul {

	list-style: none;

	list-style-type: none;

	margin-top: 127px;

}



#main .idiomas ul li {

	float: left;

	margin-right: 2px;

}



#main .idiomas ul li a {

	display: block;

	width: 20px;

	height: 24px;

}



#main .idiomas ul li a.es {

	background: transparent url(images/idioma_es.gif) no-repeat top left;

}



#main .idiomas ul li a.en {

	background: transparent url(images/idioma_en.gif) no-repeat top left;

}



#main .idiomas ul li a.ca {

	background: transparent url(images/idioma_ca.gif) no-repeat top left;

}



#main .idiomas ul li a.pt {

	background: transparent url(images/idioma_pt.gif) no-repeat top left;

}



#main p, #main ul, #main ol {

	padding: 10px 0 0 10px;

	line-height: 16px;

}



#main p strong, #main ul strong {

	color: #705443;

}



#main #generic {

	background: transparent url(images/main_corner.jpg) no-repeat right top;

}



#main #generic p {

}



#main #generic ol {

	margin-left: 30px;

	font-size: 1.2em;

}



#blog {

	background: transparent url(images/main_corner.jpg) no-repeat right top;

}



#blog .post {

	float: left;

	margin-bottom: 20px;

}



#blog p {

}



#blog p a.more-link {

	display: block;

	margin: 10px 0;

}



#blog img {

	float: left;

	margin: 0 15px 10px 0;

}



#blog ol {

	margin-left: 30px;

	font-size: 1.2em;

}



#blog .feedback {

	margin: 10px 0 0 9px;

}



#blog .feedback a {

	font-size: 1.2em;

	float: right;

	margin: 10px 0;

	background-color: #e4cd82;

	padding: 5px 10px;

	border: 1px solid #bd9d64;

	border-top-color: #e3bc7b;

	border-left-color: #e3bc7b;

}



#blog .feedback a:hover {

	font-size: 1.2em;

	float: right;

	margin: 10px 0;

	background-color: #73592f;

	padding: 5px 10px;

	border: 1px solid #bd9d64;

	border-top-color: #e3bc7b;

	border-left-color: #e3bc7b;

	color: #e4cd82;

}



#blog input, #blog textarea {

	padding: 3px 3px;

	background: #f9f9f9;

	border: 1px solid #ded8ca;

}



#blog textarea {

	width: 540px;

}



#blog input#submit {

	width: 100px;

	padding: 2px;

	margin: 10px 0 0 200px;

	font-size: 1em;

	background: #e4dfd0;

	border: 1px solid #adadad!important;

	border-left-color: #ececec!important;

	border-top-color: #ececec!important;

}



/* @end */



/* @group FOOTER */



#footer {

	background: url(images/footerbg.jpg) 0 0 repeat-x #6B6854;

	color: #fff;

	position: relative;

	margin: 0 auto;

	height: 157px;

	clear: both;

}



#footer_inner {

	width: 691px;

	height: 79px;

	position: relative;

	margin: 0 auto;

	font: 12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;

	font-weight: normal;

}



#footer_inner p.copyright {

	background: transparent url(images/footer_back.jpg) no-repeat top left;

	position: absolute;

	top: 57px;

	width: 310px;

	height: 49px;

	padding: 30px 0 0 60px;

	left: 180px;

}



/* @end */



/* @group HOME */



#main #home {

	background: transparent url(images/main_corner.jpg) no-repeat right top;

}



#main #home h3 {

	width: 390px;

}



#main #home h5 {

	color: #54361e;

	font-size: 16px;

	padding: 10px 0 0 10px;

	margin: 0;

	float: left;

	width: 220px;

}



#main #home h5.no-width {

	width: auto

}





#main #home p {

	width: 200px;

	float: left;

}



#main #home .flash {

	float: right;

}



.animacion {  

    height:  398px;  

    width:   300px;  

    padding: 0;  

    margin:  0;  

} 



.animacion img {

    height:  398px;  

    width:   300px;

    top:  0; 

    left: 0 

}



#main #home embed {

}



#main #home ul {

	float: left;

	width: 170px;

	background: transparent url(images/main_mini-corner.jpg) no-repeat top right;

}



#main #home ul li {

	padding: 3px 0 0 0;

	width: 100px;

	float: left;

	list-style-type: none;

	opacity: 1;

	list-style-position: inside;

}



/* @end */



/* @group ALQUILER */



#main #generic p.testimonio {

	background: transparent url(images/main_testimonio.jpg) no-repeat top left;

	width: 400px;

	min-height: 114px;

	padding: 20px 0 0 120px;

	margin-top: 20px;

	color: #413f33;

}



#main #generic span.firma {

	text-align: right;

	color: #413f33;

	display: block;

	margin: 5px 0 0 0;

	padding: 0;

}



#main #generic a.corporativo {

	float: left;

	display: block;

	width: 186px;

	height: 53px;

	margin-left: 90px;

	background: transparent url(images/main_buttons_video_corporativo.gif) no-repeat top left;

	text-indent: -9999px;

}



#main #generic a.boda {

	float: left;

	display: block;

	width: 148px;

	height: 53px;

	background: transparent url(images/main_buttons_video_boda.gif) no-repeat top left;

	text-indent: -9999px;







}



/* @end */



/* @group CHOCOLATE */



#main #generic .chocolates {

	border-top: 1px solid #d8d5c3;

	margin: 10px 0 0 10px;

}



#main #generic .chocolates p {

	float: left;

	margin-top: 10px;

	padding: 0;

	width: 430px;

}



#main #generic .chocolates p span {

	display: block;

	margin: 10px 0;

}



#main #generic .chocolates .carrito {

	float: right;

	margin: 20px 0 0 0;

}



/* @end */



/* @group COMPRA */



#main #generic div.center {

	margin-top: 10px;

}



#main #generic p.price_comp {

	background: transparent url(images/main_price_back.jpg) no-repeat top left;

	width: 500px;

	height: 100px;

	padding: 0 0 0 20px;

	margin: 0 0 20px 10px;

	color: #cdcbba;

	clear: both;

}



#main #generic p.price_comp span {

	display: block;

	font-size: 2.4em;

	padding: 27px 0 0 0;

}



#main #generic p.price_comp strong {

	font-size: 1.1em;

	color: #f7f4e1;

}



#main #generic p.apunte {

	padding: 0 0 0 20px;

}



#main #generic p.how {

	font-size: 1.3em;

	padding-right: 100px;

}



#main #generic p.how strong {

	font-size: 2em;

}



#main #generic hr {

	margin-left: 10px;

	border: 1px dashed #f7f4e1;

}



#main #generic ul {

	margin-bottom: 0;

	padding: 10px;

}



#main #generic ul li {

	background: transparent url(images/bullet_orange.gif) no-repeat top left;

	padding: 0 0 4px 18px;

}



#main #generic ul.selector {

	width: 540px;

	float: left;

	margin: 20px 0;

	background: transparent url(images/selector_fondo.jpg) no-repeat top left;

	padding: 0;

	list-style: none;

	list-style-type: none;

}



#main #generic ul.selector li {

	float: left;

	padding: 0;

	background: none;

}



#main #generic ul.selector li a {

	display: block;

	height: 300px;

}



#main #generic ul.selector li a.sinca {

	width: 90px;

	background: transparent url(images/selector_fuente_sinca.jpg) no-repeat top left;

	text-indent: -9999px;

}



#main #generic ul.selector li a.baby {

	width: 115px;

	background: transparent url(images/selector_fuente_baby.jpg) no-repeat top left;

	text-indent: -9999px;

}



#main #generic ul.selector li a.banquet {

	width: 130px;

	background: transparent url(images/selector_fuente_banquet.jpg) no-repeat top left;

	text-indent: -9999px;

}



#main #generic ul.selector li a.combi {

	width: 185px;

	background: transparent url(images/selector_fuente_combi.jpg) no-repeat top left;

	text-indent: -9999px;

}



#main #generic ul.semilist {

	float: left;

	width: 250px;

	margin : 0 0 0 15px;

	padding: 10px 0 0 0;

}



#main #generic a.link {

	background: transparent url(images/main_link.jpg) no-repeat bottom right;

	padding: 20px 60px 20px 0;

	float: left;

	display: block;

	font-size: 1.2em;

	font-style: italic;

}



#main #generic img.float-left {

	padding: 0 20px 10px 0;

}



#main #generic table {

	padding: 10px;

	margin-top: 10px;

	font-size: 1.2em;

	width: 100%;

}



#main #generic table th {

	border: 1px solid #8e8a7a;

	padding: 5px;

	background-color: #59462f;

	color: #f7f4e1;

	text-align: left;

}



#main #generic table td {

	border: 1px solid #ebe9d5;

	padding: 5px;

	background-color: #fcfbf0;

	border-top-style: none;

}



/* @end */



/* @group FUENTES DOMESTICAS */



#main #generic ul.selector li a.premiere {

	width: 120px;

	background: transparent url(images/selector_fuente_premiere.jpg) no-repeat top left;

	text-indent: -9999px;

	margin-left: 80px;

	height: 200px;

}



#main #generic ul.selector li a.minipremier {

	width: 120px;

	background: transparent url(images/selector_fuente_minipremier.jpg) no-repeat top left;

	text-indent: -9999px;

	height: 200px;

}



#main #generic ul.selector li a.minired {

	width: 120px;

	background: transparent url(images/selector_fuente_minired.jpg) no-repeat top left;

	text-indent: -9999px;

	height: 200px;

}

#main #generic ul.selector li a.minicream {

	width: 120px;

	background: transparent url(images/selector_fuente_minicream.jpg) no-repeat top left;

	text-indent: -9999px;

	height: 200px;

}

#main #generic ul.selector li a:hover {

	background-position: bottom left;

}



/* @end */



/* @group NiftyCube */



/*Nifty Corners Cube CSS by Alessandro Fulciniti

The following classes are added dinamically by javascript,

and their use should be avoided in the markup */



b.niftycorners,b.niftyfill {

	display: block

}



b.niftycorners * {

	display: block;

	height: 1px;

	line-height: 1px;

	font-size: 1px;

	overflow: hidden;

	border-style: solid;

	border-width: 0 1px

}



/*normal*/



b.r1 {

	margin: 0 3px;

	border-width: 0 2px

}



b.r2 {

	margin: 0 2px

}



b.r3 {

	margin: 0 1px

}



b.r4 {

	height: 2px

}



b.rb1 {

	margin: 0 8px;

	border-width: 0 2px

}



b.rb2 {

	margin: 0 6px;

	border-width: 0 2px

}



b.rb3 {

	margin: 0 5px

}



b.rb4 {

	margin: 0 4px

}



b.rb5 {

	margin: 0 3px

}



b.rb6 {

	margin: 0 2px

}



b.rb7 {

	margin: 0 1px;

	height: 2px

}



b.rb8 {

	margin: 0;

	height: 2px

}



b.rs1 {

	margin: 0 1px

}



/*transparent inside*/



b.t1 {

	border-width: 0 5px

}



b.t2 {

	border-width: 0 3px

}



b.t3 {

	border-width: 0 2px

}



b.t4 {

	height: 2px

}



b.tb1 {

	border-width: 0 10px

}



b.tb2 {

	border-width: 0 8px

}



b.tb3 {

	border-width: 0 6px

}



b.tb4 {

	border-width: 0 5px

}



b.tb5 {

	border-width: 0 4px

}



b.tb6 {

	border-width: 0 3px

}



b.tb7 {

	border-width: 0 2px;

	height: 2px

}



b.tb8 {

	border-width: 0 1px;

	height: 2px

}



b.ts1 {

	border-width: 0 2px

}



/* @end */



/* @group SmoothGallery */



#myGallery {

	width: 233px;

	height: 308px;

	z-index: 5;

	display: none;

	margin: 10px 10px 15px 10px;

}



.jdGallery {

	overflow: hidden;

	position: relative;

	float: left;

	margin-right: 10px;

}



.jdGallery img {

	border: 0;

	margin: 0;

	padding: 0;

}



.jdGallery .slideElement {

	width: 100%;

	height: 100%;

	background-color: F6F4E4;

	background-repeat: no-repeat;

}



.jdGallery .loadingElement {

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	background-color: #000;

	background-repeat: no-repeat;

	background-position: center center;

	background-image: url('img/loading-bar-black.gif');

}



.jdGallery .slideInfoZone {

	position: absolute;

	z-index: 10;

	width: 100%;

	margin: 0px;

	left: 0;

	bottom: 0;

	height: 40px;

	background: #333;

	color: #fff;

	text-indent: 0;

	overflow: hidden;

}



* html .jdGallery .slideInfoZone {

	bottom: -1px;

}



.jdGallery .slideInfoZone h2 {

	padding: 0;

	font-size: 80%;

	margin: 0;

	margin: 2px 5px;

	font-weight: bold;

	color: inherit;

}



.jdGallery .slideInfoZone p {

	padding: 0;

	font-size: 60%;

	margin: 2px 5px;

	color: #eee;

}



.jdGallery div.carouselContainer {

	position: absolute;

	height: 135px;

	width: 100%;

	z-index: 10;

	margin: 0px;

	left: 0;

	top: 0;

}



.jdGallery a.carouselBtn {

	position: absolute;

	bottom: 0;

	right: 30px;

	height: 20px;

	/*



width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/

	text-align: center;

	padding: 0 10px;

	font-size: 13px;

	background: #333;

	color: #fff;

	cursor: pointer;

}



.jdGallery .carousel {

	position: absolute;

	width: 100%;

	margin: 0px;

	left: 0;

	top: 0;

	height: 115px;

	background: #333;

	color: #fff;

	text-indent: 0;

	overflow: hidden;

}



.jdGallery .carousel .carouselWrapper {

	position: absolute;

	width: 100%;

	height: 78px;

	top: 10px;

	left: 0;

	overflow: hidden;

}



.jdGallery .carousel .carouselInner {

	position: relative;

}



.jdGallery .carousel .carouselInner .thumbnail {

	cursor: pointer;

	background: #000;

	background-position: center center;

	float: left;

	border: solid 1px #fff;

}



.jdGallery .carousel .label {

	font-size: 13px;

	position: absolute;

	bottom: 5px;

	left: 10px;

	padding: 0;

	margin: 0;

}



.jdGallery .carousel .label .number {

	color: #b5b5b5;

}



.jdGallery a {

	font-size: 100%;

	text-decoration: none;

	color: inherit;

	margin: 0;

	padding: 0;

}



.jdGallery a.right, .jdGallery a.left {

	position: absolute;

	height: 99%;

	width: 25%;

	cursor: pointer;

	z-index: 10;

	filter: alpha(opacity=20);

	-moz-opacity: 0.2;

	-khtml-opacity: 0.2;

	opacity: 0.2;

}



* html .jdGallery a.right, * html .jdGallery a.left {

	filter: alpha(opacity=50);

}



.jdGallery a.right:hover, .jdGallery a.left:hover {

	filter: alpha(opacity=80);

	-moz-opacity: 0.8;

	-khtml-opacity: 0.8;

	opacity: 0.8;

}



.jdGallery a.left {

	left: 0;

	top: 0;

	background: url('img/fleche1.png') no-repeat center left;

}



* html .jdGallery a.left {

	background: url('img/fleche1.gif') no-repeat center left;

}



.jdGallery a.right {

	right: 0;

	top: 0;

	background: url('img/fleche2.png') no-repeat center right;

}



* html .jdGallery a.right {

	background: url('img/fleche2.gif') no-repeat center right;

}



.jdGallery a.open {

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}



.withArrows a.open {

	position: absolute;

	top: 0;

	left: 25%;

	height: 99%;

	width: 50%;

	cursor: pointer;

	z-index: 10;

	background: none;

	-moz-opacity: 0.8;

	-khtml-opacity: 0.8;

	opacity: 0.8;

}



.withArrows a.open:hover {

	background: url('img/open.png') no-repeat center center;

}



* html .withArrows a.open:hover {

	background: url('img/open.gif') no-repeat center center;

	filter: alpha(opacity=80);

}



/* @end */



/* @group cforms

 */



/*                                                    */



/*  main 'top-level' form elements                    */



/*                                                    */



.cform {

	margin: 10px 0 10px 10px;

	width: 530px;

	font-size: 1.2em;

	clear: both;

}



.cform fieldset {

	margin-top: 10px;

	padding: 5px 0 15px 0;

	border: 1px solid #ded8ca;

	background: #fffaea;

}



.cform legend {

	margin-left: 10px;

	padding: 0 2px;

	font-size: 2em;

}



ol.cf-ol {

	margin: 0;

	padding: 0;

}



ol.cf-ol li {

	margin: 5px 0!important;

/*some themes may interfere otherwise*/

	padding: 0;

	list-style: none;

	text-align: left;

	font-size: 0.9em;

}



/*                                                    */



/* just for text-only fields (no input)               */



/*                                                    */



ol.cf-ol li.textonly {

	padding: 3px 0;

	text-align: center;

}



/*                                                    */



/* global definitions for field labels                */



/*                                                    */



.cform label {

	width: 150px;

	margin: 2px 10px 0 0;

	display: -moz-inline-box;

	text-align: right;

	vertical-align: top;

	font-size: 1.2em;

}



.cform label {

	display: inline-table;

}



.cform label span {

	width: 150px;

/* must be the same as above!*/

	display: block;

}



label.cf-before {

	margin: 0 10px 0 0;

}



label.cf-after {

	margin: 0 0 0 6px;

	width: 200px;

	text-align: left;

}



label.cf-after span {

	width: 200px;

	display: block;

}



label.cf-group-after {

	margin: 0 0 0 2px;

	width: 60px;

	text-align: left;

}



label.cf-group-after span {

	width: 60px;

	display: block;

}



/*                                                    */



/*   FORM FIELDS general formatting                   */



/*                                                    */



.cform input,

.cform textarea,

.cform select {

	padding: 3px 3px;

	background: #f9f9f9;

	border: 1px solid #ded8ca;

}



.cform input:hover,

.cform textarea:hover,

.cform select:hover {

	background: #ceccbb;

}



.cform input:focus,

.cform textarea:focus,

.cform select:focus {

	background: #FFF;

}



.cform textarea,

.cform input {

	width: 200px;

}



.cform select {

	width: 200px;



/* attempt to have equal length */

}



.cform select.cfselectmulti {

	height: 7.5em;

}



.cform textarea {

	overflow: auto;

}



/*                                                    */



/* formatting for text:  "(required)"  & other        */



/*                                                    */



span.reqtxt,

span.emailreqtxt {

	margin: 3px 5px 0 0;

	font-size: 0.9em;

	display: -moz-inline-box;

	vertical-align: top;

}



/*                                                    */



/*   radio button title                               */



/*                                                    */



ol.cf-ol li.cf-box-title {

	padding-left: 100px;



/* check with label 'width' incl. */

}



/*                                                    */



/*   check boxes                                      */



/*                                                    */



input.cf-box-a,

input.cf-box-b {

	margin: 2px 0 0 0;

	width: 16px;

	border: none;

}



input.cf-box-a {

	margin-left: 100px;

/



* check with label 'width' incl. */

}



/*                                                    */



/* check box groups                                   */



/*                                                    */



ol.cf-ol li.cf-box-group {

	padding: 0 0 5px 100px;

}



/*                                                    */



/*   FORM submit button                               */



/*                                                    */



p.cf-sb {

	margin: 0;

}



.cform input.sendbutton {

	width: 100px;

	padding: 2px;

	margin: 10px 0 0 200px;

	font-size: 1em;

	background: #e4dfd0;

	border: 1px solid #adadad!important;

	border-left-color: #ececec!important;

	border-top-color: #ececec!important;

}



/*                                                    */



/*   formatting for invalid user inputs               */



/*                                                    */



.cform .error {

	color: red!important;

	border: 1px solid #FF0000!important;

	padding: 1px 3px;

}



.cform .errortxt {

	color: red!important;

}



/*                                                    */



/* 'visitor verification' related styles              */



/*                                                    */



label.seccap {

	margin-top: 6px;

}



label.secq,

label.secq span {

	margin-top: 2px;

	width: 194px;

}



input.secinput {

	width: 45px;

	margin: 3px 0 0 0;

	vertical-align: top;

}



#cforms_captcha5,

#cforms_captcha4,

#cforms_captcha3,

#cforms_captcha2,

#cforms_captcha {

	height: 15px;

	width: 50px;

	padding: 4px 4px;

	margin: 0;

}



img.captcha {

	margin: 0 0 0 10px;

	padding: 0;

	border: none;

}



/*                                                    */



/* change formatting of response msgs here            */



/*                                                    */



p.info {

	margin: 10px 0;

	text-align: center;

}



p.success {

	color: green;

}



p.failure {

	color: red;

}



/*                                                    */



/* disabled fields [disabled] does not work on IE!    */



/*                                                    */



[disabled] {

	color: #dddddd;

	border-color: #dddddd!important;

	background: none!important;

}



.disabled {

	border-color: #dddddd!important;

}



/*                                                    */



/* upload box styling                                 */



/*                                                    */



.cform input.cf_upload {

	background: #f9f9f9;

	border: 1px solid #888888;

}



/*                                                    */



/*  Other: browser hacks                              */



/*                                                    */



* html .cform label,

* html span.reqtxt,

* html span.emailreqtxt {

	display: inline-block;

/*



for ie6*/

}



*+html .cform label,

*+html span.reqtxt,

*+html span.emailreqtxt {

	display: inline-block;





/*for ie7*/

}



* html .cform legend {

	position: absolute;

	top: -10px;

	left: 10px;

	margin-left: 0;

}



* html .cform fieldset {

	position: relative;

	margin-top: 15px;

	padding-top: 25px;

}



* html img.captcha {

	margin-top: 1px;

}



*+html input.cf-box-a,

*+html input.cf-box-b,

* html input.cf-box-a,

* html input.cf-box-b {

	margin-top: 0;

}







/* @end */



/* @group Smoothbox */



html, body {

	min-height: 100%;

	height: auto !important;

	height: 100%

}



#TB_window {

	font: 12px Arial, Helvetica, sans-serif;

	color: #333333;

}



#TB_secondLine {

	font: 10px Arial, Helvetica, sans-serif;

	color: #666666;

}



#TB_window a:link {

	color: #666666;

}



#TB_window a:visited {

	color: #666666;

}



#TB_window a:hover {

	color: #000;

}



#TB_window a:active {

	color: #666666;

}



#TB_window a:focus {

	color: #666666;

}



#TB_overlay {

	position: absolute;

	z-index: 100;

	top: 0px;

	left: 0px;

	background-color: #000;

	filter: alpha(opacity=0);

	-moz-opacity: 0;

	opacity: 0;

}



#TB_window {

	position: absolute;

	background: #ffffff;

	z-index: 102;

	color: #000000;

/* display:none; */

	border: 1px solid #f7f4e1;

	text-align: left;

	filter: alpha(opacity=0);

	-moz-opacity: 0;

	opacity: 0;

}



#TB_window img {

	display: block;

	margin: 15px 0 0 15px;

	border-right: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	border-top: 1px solid #666;

	border-left: 1px solid #666;

}



#TB_caption {

	height: 25px;

	padding: 7px 30px 10px 25px;

	float: left;

}



#TB_closeWindow {

	height: 25px;

	padding: 11px 25px 10px 0;

	float: right;

}



#TB_closeAjaxWindow {

	padding: 5px 10px 7px 0;

	margin-bottom: 1px;

	text-align: right;

	float: right;

}



#TB_ajaxWindowTitle {

	float: left;

	padding: 7px 0 5px 10px;

	margin-bottom: 1px;

}



#TB_title {

	background-color: #e8e8e8;

	height: 27px;

}



#TB_ajaxContent {

	clear: both;

	padding: 2px 15px 15px 15px;

	overflow: auto;

	text-align: left;

	line-height: 1.4em;

}



#TB_ajaxContent p {

	padding: 5px 0px 5px 0px;

}



#TB_load {

	position: absolute;

	display: none;

	height: 100px;

	width: 100px;

	z-index: 101;

}



#TB_HideSelect {

	z-index: 99;

	position: absolute;

	top: 0;

	left: 0;

	background-color: #fff;

	border: none;

	filter: alpha(opacity=0);

	-moz-opacity: 0;

	opacity: 0;

}



#TB_iframeContent {

	clear: both;

	border: none;

	margin-bottom: -1px;

	margin-top: 1px;

	_margin-bottom: 1px;

}



#main #generic ul.list {

	float: left;

	width: 90px;

	background: transparent url(images/main_mini-corner.jpg) no-repeat top right;

}



#main #generic ul.list li {

	padding: 3px 0 0 0;

	width: 100px;

	float: left;

	list-style-type: none;

	opacity: 1;

	list-style-position: inside;

	background: none

}





/* @end */