html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
   list-style: none;
  
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {text-decoration: none;}

h1{font-size:20px;}
h2{font-size:19px;}
h3{font-size:16px;}
h4{font-size:14px;}
h5{font-size:11px;}
h6{font-size:10px;}

html
{
	height: 100%;
	margin: 0 auto;
	padding: 0;
}
body
{
	background: white url('../imgs/bg.jpg') repeat;
	color: #000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
}
form
{
	margin: 0px 0px 0px 0px;
}
img
{
	border: 0px;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

dd {text-align: center;}
a
{
	font-weight: bold;
	text-decoration: none;
}

.underlined { text-decoration: underline;}

a.noUnderline:hover
{
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
p
{
	margin-bottom: 8px;
	margin-top: 8px;
}


ul
{
	margin: 0;
	padding: 0;

}
li
{
	margin: 0;
	padding: 0;
}
h1
{
	font-size: 20px;
	margin: 0px;
	padding: 0px;
}
h2
{
	font-size: 19px;
	margin: 0px;
	padding: 0px;
}
h3
{
	font-size: 16px;
	margin: 0px;
	padding: 0px;
}
h4
{
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}
h5
{
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}
h6
{
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}
input
{
 border: 1px #4f5941 solid;
	color: #000;
	font-size: 10px;
	font-family: Verdana,Tahoma,Arial,sans-serif;
	vertical-align:middle;
	padding: 2px;


}


input.checkbox
{
	vertical-align: middle;
}
select
{
	background-color: #FFF;
	border: 1px solid #CCCCCC;
	color: #5A4F3F;
	width: 100%;
   font-family: Verdana,Tahoma,Arial,sans-serif;
   font-size: 9px;
   border:0;

}

ul
{

	list-style: none;
	list-style-position: outside;
	margin: 0;
}
li
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 9px;
}


p
{
	color: #5A4F3F;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	padding-left: 5px;
	padding-right: 15px;
	text-align: justify;
	text-decoration: none;
}
a
{/*#E37606*/
	color: #D65009;
}

dd { font-size: 0.8em;}


.orange
{
  background-color: transparent;
	 color: #D65009;
}
.gray
{
  color: #999999;
}
.red
{
	color: red;
}
.yellow
{
	color: #FFFF00;
}
.white
{
	background-color: transparent;
	color: #FFF;
}
.black
{
	background-color: transparent;
	color: #000;
}
.invisible
{
  visibility: hidden;
}
.inline
{
	display: inline;
}
.invisible
{
 display: none;
}
.float
{
	float: left;
}
.floatR
{
	float: right;
}
.clear
{
	clear: both;
}
.center
{
	text-align: center;
}
.left
{
	text-align: left;
}
.block
{
   display:block;
}
.justified
{
	text-align: justify;
}
.right
{
	text-align: right;
}
.font8
{
	font-size: 8px;
}
.font9
{
	font-size: 9px;
}
.font10
{
	font-size: 10px;
}
.font11
{
	font-size: 11px;
}
.font12
{
	font-size: 12px;
}
.font13
{
	font-size: 13px;
}
.margin2
{
	margin: 2px;
}
.margin5
{
	margin: 5px;
}
.padding2
{
	padding: 2px;
}
.padding5
{
	padding: 5px;
}
.padding10
{
	padding: 10px;
}
.padding20
{
	padding: 20px;
}
.paddingTB2
{
	padding-bottom: 2px;
	padding-top: 2px;
}
.margin10
{
	margin: 10px;
}
.margin20
{
	margin: 20px;
}

.marginLR2
{
  margin: 2%;
}
.marginL30
{
	margin-left: 30%;
}
.marginL50
{
	margin-left: 50%;
}
.marginL70
{
	margin-left: 70%;
}
.marginT30
{
	margin-top: 30px;
}
.marginB5
{
	margin-bottom: 5px;
}
.marginB10
{
	margin-bottom: 10px;
}
.marginTB5
{
	margin-bottom: 5px;
	margin-top: 5px;
}
.marginTB10
{
	margin-bottom: 10px;
	margin-top: 10px;
}
.width30
{
	width: 30%;
}

.width50
{
	width: 50%;
}
.width70
{
	width: 50%;
}
.width100
{
	width: 100%;
}
.height50
{
	height: 50%;
}
.height100
{
	height: 100%;
}
.noBold
{
	font-weight: normal;
}
.noBorder
{
	border: none;
}
.little
{
   font-size: 0.8em;
}
.tahoma
{
	font-family: Tahoma,Verdana,Arial,sans-serif;
}
.pointer
{
	cursor: pointer;
	vertical-align: middle;
}


textarea{overflow:auto;}








body
{
	background-color: #5A4F3F;
}


#container
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	padding-top: 1px;
   width: 910px;

}

#content
{
  width: 100%;
  border:1px solid #555555;
  float:left;
  background-color: #FFF;
 

}

*>content {height: auto;}

#left-column
{
  float: left;
  width: 613px;
  overflow:hidden;

}


#right-column
{
  float: left;

  padding-top:7px;
  width: 297px;
  overflow:hidden;
  background-color : #FFF;
}

/**********************************************/
/************    start  HEADER  ***************/
/**********************************************/

#header
{
  width: 100%;
  height: 70px;
  background-color:#D65009;
   padding:0;
   padding-top:5px;


}



ul#header-list
{
  padding-top: 1px;
  background-color: #FFF;
  font-family: Geneva,Arial,Helvetica,sans-serif;
  list-style: none url();

}
ul#header-list li
{
   color:#FFFFFF;
   float:left;
   font-size:10px;
   height:70px;
   position:relative;

}

ul#header-list li#button-1
{
    width: 129px;
    background: white url(../imgs/button-left.jpg) no-repeat;

}

ul#header-list li#button-1.selected
{
    background: white url(../imgs/button-left-selected.jpg) repeat-x !important;

}

ul#header-list li#button-2,li#button-3
{
    width: 125px;
    background: white url(../imgs/button-central.jpg) no-repeat;

}

li#button-2.selected,li#button-3.selected
{
   background: white url(../imgs/button-central-selected.jpg) repeat-x !important;
}

ul#header-list li#button-4
{
    width: 113px;
    background: white url(../imgs/button-central-right.jpg) no-repeat;

}

ul#header-list li#button-4.selected
{
    background: white url(../imgs/button-central-right-selected.jpg) repeat-x !important;

}

ul#header-list li#button-5
{
    width: 121px;
    background: white url(../imgs/button-right.jpg) no-repeat;

}

ul#header-list li#button-5.selected
{
    background: white url(../imgs/button-right-selected.jpg) repeat-x !important;

}

ul#header-list a
{

   bottom:10px;
   color:#FFFFFF;
   font-size:1.2em;
   position:absolute;
   text-align:center;
   width:100%;
}
ul#header-list a:hover
{
	color: #000;
	text-decoration: none;
}

/**********************************************/
/************    end  HEADER    ***************/
/**********************************************/



/**********************************************/
/************ start MAIN-CONTENT***************/
/**********************************************/
.error {color: #D65009;display:block;}
#registration-form fieldset
{
  border-top:2px solid #D65009;
   padding:20px;
   margin:10px 0;

}

#registration-form table
{

}

#registration-form td
{
  color:#333333;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:10px;
  height:30px;
}



#registration-form input
{
  border:1px solid rgb(85, 85, 85);
  color:#3E4C55;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-weight:normal;
  height:15px;
  line-height:14px;
  margin:0px;
  text-align:left;
  width:200px;
  padding:1px;
  background-color: rgb(239, 239, 239);
  text-align: left;
  font-size: 10px;


}

#registration-form input#submit
{
  background-color:#D65009;
  border:0pt none;
  color:#FFFFFF;
  font-weight:normal;
  height:30px;
  margin:5px 0;
  text-align:center;
  width:100%;
  font-size: 11px;

}

#registration-form input.file
{
   font-size:11px;
   font-weight:normal;
   height:20px;
   text-align:left;

}





#main-content
{
  float:left;
  width:613px;
  display:inline;
  line-height:1.5em;
  text-align: justify;
}

#main-content p
{
  text-align: justify;
  font-size: 11px;
  line-height: 1.5em;

}

p#rules
{
   height:200px;
   overflow:auto;
}

#main-content .orange-bold
{
  font-weight: bold;
  letter-spacing: 0.3em;
  color: #D65009;
}


.black-bold
{
  font-weight: bold;
  letter-spacing: 0.3em;
  color: #000;
}



.testimonials-box
{
  padding: 5px 2px;
  margin-bottom: 5px;
  border-bottom: 2px solid #cccccc;
 
}


.testimonials-box p
{
  font-size: 10px;
  text-align: justify;
  margin-top : 0px;
}



#contact-left
{
  float: left;
  width: 320px;

}

#contact-info
{


  height: 372px;
  background-color : #f5f5f3;
  border-bottom: 1px solid #cccccc;
  padding: 20px;
  font-size:11px;
  line-height:1.5em;
  color : #333333;
}

#contact-resume
{
  background-color:#FFFFFF;
  color: #555555;
  font-size:10px;
  letter-spacing:0em;
  line-height:1.8em;
  width: auto;
  text-align:left;
  padding: 35px 50px 20px 100px;

}


.whiteBG { background-color : #FFF;}
.grayBG { background-color : #eee;}

#linkbar { font-size:13px; }


.element_box
{
 background-color:#F5F5F3;
	border:1px solid #DDDDDD;
  
   margin-top:10px;
   padding:10px;

}
.element_box input.submitChoise
{
    background-color:#AAAAAA;
   font-weight:bold;
}
table.elements-list
{
 width: 100%;
 margin-bottom: 10px;
 border-collapse: separate;
}

table.elements-list
{
border-collapse: collapse;
}

table.elements-list thead td
{
 background-color: #CCCCCC;
 color:black;
 font-weight: bold;

}
table.elements-list td
{

 border-bottom: 1px #111 solid;
 padding: 5px;
 background-color: #DDDDDD;

}

input.quantity
{
 width: 14px;
 font-size:10px;
 padding: 2px;
}
/**********************************************/
/************ start Elements ********************/
/**********************************************/

.packageBox
{
border:1px solid #EDEDED;
float:left;
font-family:Geneva,Arial,Helvetica,sans-serif;
margin:5px 0px 5px 10px;
padding:0px;
width:265px;
height: 140px;
text-align:justify;
}


.packageBox h3{text-transform: uppercase;}
.packageBox h4{color: #D65009;}
.packageBox h6
{
font-weight: normal;
background-color:#F5F5F3;
clear:none;
color:#999999;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:18px;
margin:0px;
padding:10px 10px 10px 130px;
text-align:right
;
}
.packagePic
{
 width:140px;
 text-align:center;
 float:left;
}
.packageDesc {
height:88px;
margin-left:140px;
margin-top:10px;
}

.sectionBox
{
  border:1px solid #EDEDED;
	float:left;
	margin:5px 0px 5px 10px;
	padding:0px;
	width:120px;
	height:160px;

}


.descBox
{
  background-color:#F5F5F3;
	border:1px solid #DDDDDD;
	margin:10px 0;
	padding:10px;
	text-align: justify;
	line-height: 15px;


}

ul.details
{
	margin: 5px;
	text-align:left;
}

ul.details li
{
	margin: 10px;
}




.sectionBox h6
{
font-weight: bold;
background-color:#F5F5F3;
color:#000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
margin:0px;
padding:10px;
text-align:center;
height:36px;

}

.option_toggle
{
background:#CCCCCC url(../imgs/toggle-on.gif) no-repeat scroll 4px 7px;
border:1px solid #888888;
cursor:pointer;
padding:3px 15px;
margin:10px 0;

}

.option_toggle_clicked
{
background:#CCCCCC url(../imgs/toggle-off.gif) no-repeat scroll 4px 7px;
}


#notifications
{
background-color:#CCCCCC;
float:left;
width:100%;
margin-bottom:10px;

}

#ask_question,#reccomend_question
{
   background-color:#EEEEEE;
   display:none;
   vertical-align:middle;
   padding: 8px;
   font-size: 12px;
   border: #000 solid 1px;
   
  
}


#element_previews_box
{
   background-color:#F5F5F3;
	border:1px solid #DDDDDD;
   margin-top:10px;
   margin-bottom: 10px;
   padding:10px;
   float:left;
   width: 551px;

}


.element_preview
{
  margin: 3px;
  float:left;
   width:72px;
   height:160px;
overflow:hidden;

 
}

#main-content .element_preview p {text-align:left;}
.element_preview p,.element_preview a
{
   font-size: 9px;
   font-weight: normal;
   color: #5A4F3F;
   padding:0;
   margin:0;
   text-align:left;
   letter-spacing:-1px;

}

.element_preview img
{
   border: 1px solid #D65009;
}

.return_message { font-weight: bold; font-size: 10px;}
/**********************************************/
/************ end Elements ********************/
/**********************************************/


/**********************************************/
/************ end MAIN-CONTENT***************/
/**********************************************/

/**********************************************/
/************ start RIGHTCOLUMN ****************/
/**********************************************/


#right-column a
{
  font-weight: normal;
}

#orange-box
{
 background-color:#D65009;
color:#FFFFFF;
font-size:11px;
padding:5px 0pt;
text-align:center;

}

#mf-info
{
  font-family: Arial,Helvetica,sans-serif;


}

#mf-info h2
{
  letter-spacing: 0.1em;
  margin-top: 20px;
}

div#email
{
   letter-spacing: 0.2em;
   color: #888888;
   text-align: center;
   font-size: 12px;
}


#map-box-murcia
{
  background: white url(../imgs/pic-contact-r2.jpg) no-repeat

}
#map-box-almeria
{
  background: white url(../imgs/pic-contact-r2almeria.jpg) no-repeat

}

/* caja formulario*/


#login-box
{
  width: 100%;
  margin-bottom: 10px;
  text-align: left;
}

#login-box label
{
   display:block;
   float:left;
   font-size:0.9em;
   padding:3px 10px;
   text-align:right;
   width:82px;
}

input.login,input.loginSubmit
{

  border: 1px solid rgb(85, 85, 85);
  width: 120px;
  background-color: rgb(239, 239, 239);
  text-align: left;
  font-size: 10px;

}



input.loginSubmit
{
  width: 20px;
}

.menu-op
{

  padding: 10px;
  height: 10px;
  border-top: 1px solid #cccccc;
  background-color : #ddd;
  

}

.menu-op a{ color: #000;font-weight: normal; text-decoration: none;}
.menu-op a:hover{ text-decoration: underline;}

.list-op-box
{
  line-height:15px;
  height: auto;
  background-color : #eee;
  margin:0 0 15px 0;
  
}

.list-op-box li
{

  color: #D65009;
  border-bottom: 1px solid #cccccc;
 
  font-size: 10px;
  padding: 5px 10px;
  font-weight:normal;

}


.list-op-box li.extra
{

  color: #555;
  font-weight:bold;


}

.cart-element li
{

  color: #222;
  border-bottom: 1px solid #cccccc;
  height: auto;
  font-size: 9px;
  padding: 5px 10px;
  font-weight:normal;
 

}


.totalPrice { font-weight: bold;font-size: 15px; color:#222;}

.gen_message {background-color : #C54B08;font-weight:bold;color:white;padding:4px;margin:5px 0;font-size:10px;}

/**********************************************/
/************ end RIGHTCOLUMN ****************/
/**********************************************/


#footer
{
	background-color:#FFFFFF;
	padding:1px;
  width:908px;
  color:#AAAAAA;
  font-size:10px;
  margin-top:5px;
  padding-left: 2px;
}



/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../imgs/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../imgs/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../imgs/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}

/**********************************************/
/************ PAGER CLASS ********************/
/**********************************************/

table.pager {
  background-color:#EEEEEE;
   font-family:Tahoma,Arial,Sans-Serif;
   font-size:8pt;
   margin:2% 0pt;
   text-align:left;
   width:100%;

}
table.pager thead tr th, table.pager tfoot tr th {
background-color:#D65009;
border:1px solid #FFFFFF;
font-size:8pt;
padding:4px;
}
table.pager thead tr .header {
cursor:pointer;
height: 15px;
color:white;
text-align:center;
background-image:url('../imgs/bg.gif');

background-position:right center;
background-repeat:no-repeat;

}
table.pager tbody td {
background-color:#EEEEEE;
color:#3D3D3D;
padding:4px;
vertical-align:middle;
border-bottom: 1px solid black;
}

table.pager thead a{
  color: white;
  display:block;
  text-decoration: none;
  height: 100%;
}

table.pager img
{
   margin: 5px;
border:2px solid #AAA;
padding:2px;
}

table.pager img.noBorder
{
  border:0;
  padding: 0;
}

table.pager tbody tr.description td {font-size: 10px;background-color:#B3AA9B;color:black; }
table.pager thead tr .headerSortUp {
background-image:url('../imgs/asc.gif');
}
table.pager thead tr .headerSortDown {
background-image:url('../imgs/desc.gif');
}
table.pager thead tr .headerSortDown, table.pager thead tr .headerSortUp {
background-color:DarkGray;
}


/* New CSS added on october 2008 for the side forms */

#homeform { background: url('../imgs/pic-home-form.jpg') top left no-repeat; width: 297px; height: 311px; }
#homeform table { margin: 65px 0 172px 30px; }
#inicioform { background: url('../imgs/pic-inicio-form.jpg') top left no-repeat; width: 297px; height: 311px; }
#inicioform table { margin: 65px 0 172px 30px; }

#offersform { clear: both; background: url('../imgs/enquire-form.jpg') top left no-repeat; width: 610px; height: 320px; }
#ofertasform { clear: both; background: url('../imgs/ofertas-form.jpg') top left no-repeat; width: 610px; height: 320px; }

#greyform { background: url('../imgs/pic-grey-form.jpg') top left no-repeat; width: 297px; height: 200px; }

/* New CSS added on january 2009 for extra text on home page */

a.athome { color: #5A4F3F; text-decoration: none; font-weight: normal; }
a.athome:hover { color: #5A4F3F; text-decoration: none; font-weight: normal; }


/*nuevos estilos*/

img.imagen_logo{ width:100px; height:99px; margin: 5px;}