@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
/*	
	text-align:center;*/
	background-image: url(img/background_paper.jpg); background-repeat: repeat; 
	}
	
#header {
	background-image: url(img/header1.jpg);
	background-repeat:no-repeat;
	background-position:left;
	height:180px;
	}
	
#container {
	margin:0 auto 0 auto;

	width:920px;
	height:940px;
	background-color:#ffffff;
	}

#contenu {
	margin:0 auto 0 auto;
	width:920px;
	height:670px;
	}

#content {
	/*font: 12px verdana, sans-serif;*/
	font-family:verdana, arial, sans-serif;
	color:#666666;
	text-align:left;
	width:580px;
	height:650px;
	background-image:url(img/wrap.jpg);
	background-repeat:no-repeat;
	background-position:right;
	margin:5px 5px 20px 20px;
	overflow:auto;
	float:left;
	}
	
#content_bodegon {
	/*font: 12px verdana, sans-serif;*/
	font-family:verdana, arial, sans-serif;
	color:#666666;
	text-align:left;
	width:580px;
	height:630px;
	background-image:url(img/wrap.jpg);
	background-repeat:no-repeat;
	background-position:right;
	margin:5px 5px 20px 20px;
	float:left;
	}	
#bodegon {
	margin:20px 0px 0px 0px;
}

#content_right {
	/*font: 12px verdana, sans-serif;*/
	font-family:verdana, arial, sans-serif;
	color:#666666;
	text-align:left;
	width:260px;
	height:650px;
	margin:20px 20px 00px 5px;
	float:right;
	}	

#bouton_top_droite {
	/*font: 12px verdana, sans-serif;*/
	font: 14px;
	font-family:verdana, arial, sans-serif;
	color:#666666;
	text-align:center;
	width:260px;
	height:330px;
	background-image:url(img/back_top_right.jpg);
	overflow:auto;
	float: right;
	}
	
#bouton_down_droite1 {
	/*font: 12px verdana, sans-serif;*/
	font: 14px;
	font-family:verdana, arial, sans-serif;
	color:#666666;
	text-align:center;
	width:260px;
	height:55px;
	background-image:url(img/back_down_right1.jpg);
	background-repeat:no-repeat;
	background-position:right;
	margin:5px 0 5px 0 ;
	}

#bouton_down_droite3 {
	/*font: 12px verdana, sans-serif;*/
	font: 14px;
	font-family:verdana, arial, sans-serif;
	color:#666666;
	text-align:left;
	width:260px;
	height:130px;
	background-image:url(img/back_down_right3.jpg);
	background-repeat:no-repeat;
	background-position:right;
	}
		
/* SPECIAL ADQUIRIR FRANQUICIA */

#franquicia_contenu {
	margin:0 auto 0 auto;
	width:900px;
	height:500px;
	}
		
#franquicia_banner {
	clear : right;
	clear : left;
}
	
#franquicia_content {
	/*font: 12px verdana, sans-serif;*/
	font-family:verdana, arial, sans-serif;
	color:#666666;
	text-align:left;
	width:580px;
	height:500px;
	background-image:url(img/wrap.jpg);
	background-repeat:no-repeat;
	background-position:right;
	margin:5px 00px 20px 20px;
	overflow:auto;
	float:left;
}
	
#franquicia_content_right {
	/*font: 12px verdana, sans-serif;*/
	font-family:verdana, arial, sans-serif;
	color:#666666;
	text-align:left;
	width:260px;
	height:500px;
	margin:20px 20px 20px 00px;
	float:right;
}
#bouton_down_droite_fran {
	/*font: 12px verdana, sans-serif;*/
	font: 14px;
	font-family:verdana, arial, sans-serif;
	color:#666666;
	text-align:center;
	width:260px;
	height:40px;
	background-image:url(img/back_down_right_fran.jpg);
	background-repeat:no-repeat;
	background-position:right;
	}
#bouton_top_droite_fran {
	/*font: 12px verdana, sans-serif;*/
	font: 14px;
	font-family:verdana, arial, sans-serif;
	color:#666666;
	text-align:center;
	width:260px;
	height:260px;
	background-image:url(img/back_top_right.jpg);
	overflow:auto;
	float: right;
	}
p.contactarfran {
	font: 10px verdana, sans-serif;
	line-height:11px;
	padding: 0px 0px 0px 30px;
	}
h2.contactarfran {
padding: 10px 0px 0px 10px;
font:14px verdana, sans-serif bold;
color:#F28000;
text-align:center;

}

#listpucepgp {
font: 12px verdana, sans-serif bolder;
	list-style-image : url(img/puce.gif);
	}

/* FIN SPECIAL ADQUIRIR FRANQUICIA */

		
p {
	font: 12px verdana, sans-serif;
	line-height:15px;
	color:#666666;
	}
	
h3 {
	font:16px verdana, sans-serif bolder;
	color:#f18e00;
	}
	
h2 {
	font:14px verdana, sans-serif bold;
	color:#F28000;
	line-height:14px;
	}
	
h4 {
	font:14px verdana, sans-serif bolder;
	color:#613005;
	}	
h5 {
	font:12px verdana, sans-serif bolder;
	color:#613005;
	}		
#lien {
text-decoration:none;}
	
.pgauche {
	clear:left;
	}

.pdroite {
	clear:right;
	}

.form {
	font: 11px verdana, sans-serif;
	line-height:15px;
	}

.imgg {
	float:left;
	padding:2px;
	white-space:pre;
	}

.imgd {
	float:right;
	padding:2px;
	white-space:pre;
	}
	
#language {
	position: relative;
	z-index: 1;
	cursor: pointer;
	float:left;
	/*border:20 20 0 20 ;*/
	}	
.lang {
	padding: 0 3 0 3 ;
	text-decoration:none;
	border:0px;

	}
.lang2 {
	text-decoration:none;
	border:0px;
	margin:3px 3px 3px 3px ;
}
a {
	text-decoration : none;
	}
	
	
.a {
text-decoration : none;
}
	
h3 a{
text-decoration :underline;
color: #f18e00;

}	
	
p.contactar {
	font: 10px verdana, sans-serif;
	line-height:11px;
	padding: 0px 0px 0px 45px;
	}
h2.contactar {
padding: 20px 0px 0px 20px;
font:14px verdana, sans-serif bold;
color:#F28000;
text-align:center;

}

p a {
text-decoration :underline;
color: #808080;
font-size: 10px;

}	
	
/* -------------- map -------------- */

#content_map {
	font: 10px verdana, sans-serif;
	clear:right;
	text-align:left;
	width:580px;
	height:580px;
	background-image:url(img/wrap.jpg);
	background-repeat:no-repeat;
	background-position:right;
	margin:5px 00px 20px 20px;
	overflow: hidden;
	float:left;
	}

#cerrar {
	color:#f18e00;
	font:14px verdana, sans-serif bolder oblique;
	text-decoration:underline;
	cursor: pointer;
	}
	
div.uniquename {
	position:relative;
	border:thick;
	border-width:thick;
	border-style:double;
	border-color:#999999;
	left: 0px;
	top: -250px;
	width: 510px;
	height: 460px;
	display:none;
	opacity: 0.75;
	-moz-opacity:0.75;
	background-color:#FFFFFF;
	filter:alpha(opacity=75);
	overflow:auto;
	}
	
div.comu {
	opacity:1;
	padding:1em 1em 1em 1em;
	}
	
p.{
	font: 12px verdana, sans-serif;
	line-height:15px;
	}
	
/* -------------- fin map -------------- */

 
/* -------------- MENU -------------- */

#backgroundHolder {width:800px; padding-top:0px; padding-left:20px; float: left;}

/* ----------------------------------------------------------------------------	*/

/* default styling */

.nav,

.nav ul{list-style-type:none; margin:0; padding:0;}

.nav a {text-decoration:none;}

.nav {font-family: arial, sans-serif bold; font-size:15px; width:800px; margin:0 auto;}



/* style the links */

/* needs a background for IE6 - can be a color or a transparent gif */

.nav a {background:url(img/tab2.png) no-repeat ;}





/* style the <b> element so that is does not affect the size of the link */

.nav a b {font-weight:normal; display:block; padding:8px 20px 15px 10px; color:#fff;}

.nav a:hover b {color:#000; cursor:pointer;}

.nav .fly .main b {background:url(img/arrow2.gif) no-repeat 180px 14px;}

.nav .down b {background:url(img/arrow2.gif) no-repeat 180px 14px;}

.nav .right ul b {text-align:right;padding:8px 10px 15px 0px;}

.nav .right ul .main b {background:url(img/arrow2.gif) no-repeat 10px 14px; text-align:right;}



/* HEIGHT */

.nav ul ul {top:-40px;} /* position the top of the flyout sub menus */



/* WIDTH change this WITH CARE to suit your requirements */



/*set the link width here*/

.nav .drop,

.nav a {width:200px;}

.nav ul li {max-width:200px;} /* fix for IE8 */



/* set the left flyout position here */

.nav ul ul {left:200px;}

/* set the right flyout position here */

.nav li.right ul ul {left:auto; right:200px;}



/* make this WIDTH - 1px */ /* or WIDTH - 0.063em if using em sizing */

.nav a {margin-right:-199px;}



/* ----------------------------------------------------------------------------	*/



/* DO NOT CHANGE ANYTHING BELOW */

.nav li {float:left;} /* fixes several IE related bugs, and allows for clearing */

.nav ul {float:left; position:relative; z-index:20;} /* necessary for float drop and to stack the <ul>s */

.nav ul li {clear:left;} /* must clear the floated list item inside sublist */

.nav a {position:relative; display:block;} /* needs to have a position, to be above the rest */

.nav a.main {float:left; /* necessary for float drop */

 margin-top:10000px;} /* bring the top level links back into view */

.nav .drop,

.nav .fly {margin-top:-10000px;} /* hide the sub links and their containers, opera has low upper limits */

.nav ul {margin-bottom:-5000px;} /* avoid any interaction between the subs, can be any large size */



/* The bit that does ALL the work to bring the sub menus into view */

.nav a:hover,

.nav a:focus,

.nav a:active {margin-right:0; z-index:10; outline:0;}



.nav a:hover b,

.nav a:focus b,

.nav a:active b {color:#000}



/* OPERA fix */

.nav ul:hover,

.nav ul ul:hover {clear:left;} /* to stop intermittent sub link :hover problems */

/* -------------- FIN MENU -------------- */

/* -------------- d&eacute;but Slide show -------------- */

.hidden {
	display: none;
	}

#prevNext {
	margin-bottom: -2.5em;
	}

#prevNext img {
	position: relative;
	z-index: 1;
	cursor: pointer;
	}

.jFlowControl {
	z-index:-1;
	}

.slideshow {
	margin: 0;
	padding: 0 1em;
	font-size: 1em;
	position: relative;
	top: -30px;
	line-height: 30px;
	height: 30px;
	background: black;
	opacity: .7;
	filter:alpha(opacity=70);
	}
	
#wrap{
	margin: 0 0 0 30;
	}
	
/* -------------- Fin slide show -------------- */
/* -------------- FORM SOPORTE -------------- */

@charset "utf-8";

.login{
    color:#555555;
    font-family:Arial,Helvetica,sans-serif;
    font-size:80%;
}
#inerror {
    background:transparent url("img/errorInlineMessage.png") no-repeat scroll left top;
    background-position:left 0;
	padding:9px 5px 5px 22px;
    position:absolute;
    top:40px;
    width:188px;
}
.error-message{
    color:#FFFFFF;
    height:40px;
    width:150px;    
}
.divider-1{
    border-top:9px solid #F0F0F0;
    display:inline;
    float:left;
    font-size:0;
    margin-bottom:5px;
    margin-top:10px;
    width:100%;
}
.divider-2{
    border-top:9px solid #F0F0F0;
    display:inline;
    float:left;
    font-size:0;
    margin-bottom:5px;
    margin-top:10px;
    width:100%;
}
.label{
    float:left;
    width: 184px;
    font-weight:bold;
    font-size:100%;
    color:#666666;
    padding-top:10px;
}
.textfield{
    float:left;
    width:173px;
    margin:4px;
    font-size:100%;
    padding-left:2px;
}
.button a {
    background-image:url("img/button-large-pro.png");
    background-position:left 0;
    margin-left: 192px;
    float:left;
    height:36px;
    width:174px;
    text-decoration:none;
}
.button a:hover {
    background-position:left -36px;
    float:left;
    text-decoration:none;
}
.button-text {
    float:left;
    font-size:100%;
    color:#FF6600;
    font-weight:bold;
    margin-left:9px;
    margin-top:7px;
    text-decoration:none;
}
.button-text a{
    color:#FF6600;
}
.button-text a:hover {
    text-decoration:none;
}
/* -------------- FIN FORM SOPORTE -------------- */


/* -------------- BODEGON ----------------------- */


#bodegonBW {position:relative; width:580px; height:550px; background:transparent url(img/bodegon.jpg); overflow:hidden; margin:20px 0px 0px 0px;}

#bodegonBW ul {margin:0; padding:0;}

#bodegonBW li {list-style-type:none; width:145px; height:140px; display:inline;}

#bodegonBW a {display:block; float:left; width:145px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:140px; background:transparent url(img/bodegon_bw.jpg) no-repeat 967px 920px;}

* html #bodegonBW a  {height:145px; width:140; height:0;}

#bodegonBW a#item1:hover {background-position: 0 0; z-index:50;}

#bodegonBW a#item2:hover {background-position: -145px 0; z-index:50;}

#bodegonBW a#item3:hover {background-position: -290px 0; z-index:50;}

#bodegonBW a#item4:hover {background-position: -435px 0; z-index:50;}

#bodegonBW a#item5:hover {background-position: 0 -140px; z-index:50;}

#bodegonBW a#item6:hover {background-position: -145px -140px; z-index:50;}

#bodegonBW a#item7:hover {background-position: -290px -140px; z-index:50;}

#bodegonBW a#item8:hover {background-position: -435px -140px; z-index:50;}

#bodegonBW a#item9:hover {background-position: 0 -280px; z-index:50;}

#bodegonBW a#item10:hover {background-position: -145px -280px; z-index:50;}

#bodegonBW a#item11:hover {background-position: -290px -280px; z-index:50;}

#bodegonBW a#item12:hover {background-position: -435px -280px; z-index:50;}

#bodegonBW a#item13:hover {background-position: 0 -420px; z-index:50;}

#bodegonBW a#item14:hover {background-position: -145px -420px; z-index:50;}

#bodegonBW a#item15:hover {background-position: -290px -420px; z-index:50;}

#bodegonBW a#item16:hover {background-position: -435px -420px; z-index:50;}


/* ---------------------- FIN BODEGON ------------------------------- */