/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#232222;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.813em;
		line-height:1.385em;
		color:#222222;
		color:#FFFFFF;
		
	}

input, select { vertical-align:middle; font-weight:normal;}

.login input
{

}

.logintext a
{
color:#ff9736; 
font-style:italic; 
outline:none;
text-align:right;
background-color:#00FF00;
}

a {color:#ff9736; font-style:italic; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:18px;}

/* ============================= main layout ====================== */

.main-bg {
/*background:url(images/footer-tail.gif) bottom repeat-x;*/
/*background-image:url(images/top-tail.jpg);*/
background-repeat:repeat;

/*background-color:#EEEFFF; /*Color gris Clar*/

background-color:#2F2D2E; /*Color gris fosc capçalera*/

}

.page1{
background-color:#2F2D2E;
}

.top-tail {
/*background:url(images/top-tail.jpg) top repeat-x;*/
/*background-color:#EEEEEE;*/
background-color:#232222;
}


li { /*background:url(images/marker1.gif) no-repeat 0 8px;*/ padding-left:24px; line-height:2.308em;}
li a {color:#ff9736; font-style:normal;}

h2 {
font-size:1.4em; line-height:1.2em; 
color:#ffffff; 
font-weight:normal; 
margin-bottom:24px;
text-transform:uppercase;
}

.imgindent {margin: 0 20px 0 0; float:left;}

/* ============================= header ====================== */

#header {font-size:0.769em; line-height:1em; text-transform:uppercase;}
#header a {
font-style:normal;
/*color:#413e40; */
color:#fff;
text-decoration:none;
}
#header a:hover {
text-decoration:underline; 
color:#fff;
}

#header_simple {font-size:0.769em; line-height:1em; text-transform:uppercase;}
#header_simple a {
font-style:normal;
/*color:#413e40; */
color:#fff;
text-decoration:none;
}
#header_simple a:hover {
text-decoration:underline; 
color:#fff;
}

.HeaderUser{
padding-left:200px;
text-decoration:none;
}

.CloseSession{
padding-left:10px;
text-decoration:none;
text-transform:none;
}


.row1 {padding:10px 5px 5px 30px; background:url(images/row1frame.jpg) repeat 0 0}
.submenu {float:right; visibility:hidden;}
.submenu li {display:inline; line-height:1em; background:url(images/submenu-devider.gif) no-repeat 0 2px; padding-left:7px; margin-left:3px;}
.submenu li a {color:#FFFFFF; text-decoration:none;  }
.submenu li a:hover {text-decoration:underline; color:#FFCC00;}
.submenu .first {background:none;}

#header .menu {float:left; margin-right:-1px;}
#header .menu li {float:left; font-size:1.6em; line-height:1.2em; width:140px; padding:0 1px 0 0; text-align:center; background:none;}
#header .menu li a {color:#ffffff; font-weight:bold; background:#2f2d2e; display:block; padding:26px 0 0 0; height:42px;}
#header .menu li a:hover, #header .menu .active a {
/*background:#48902C; text-decoration:none;*/

background:url(images/buttonActive.jpg) repeat 0 0;
/*border-color:#FFFFFF;
border-width:1px;
border-style:outset;
border-right-style:hidden;
border-bottom-style:hidden;
*/
}

#header_simple .menu {float:left; margin-right:-1px;}
#header_simple .menu li {float:left; font-size:1.6em; line-height:1.2em; width:140px; padding:0 1px 0 0; text-align:center; background:none;}
#header_simple .menu li a {color:#ffffff; font-weight:bold; background:#2f2d2e; display:block; padding:26px 0 0 0; height:42px;}
#header_simple .menu li a:hover, #header .menu .active a {
/*background:#48902C; text-decoration:none;*/

background:url(images/buttonActive.jpg) repeat 0 0;
/*border-color:#FFFFFF;
border-width:1px;
border-style:outset;
border-right-style:hidden;
border-bottom-style:hidden;
*/
}

.slogan {float:left; width:263px; height:360px; background:url(images/slogan-bg.jpg) top left no-repeat;}
.slogan .indent {padding:110px 0 0 30px;}
.slogan-button {margin-top:7px;}
.banners {float:left;}
.banners img {margin-left:1px;}

.slogan_new {float:left; width:263px; height:15px; background:url(images/slogan-bg1.jpg) top left no-repeat;}
.slogan_new .indent_new {padding:110px 0 0 30px;}

/* ============================= content ====================== */

#content {padding: 10px 20px 20px 30px;}
.col-pad {
padding-right:20px;
padding-top:10px;
padding-left:5px;


text-indent:5px;

}

.margin1 {margin-top:10px; }
.margin2 {margin-top:10px;}

.link {background:#59a80f url(images/link-right-bg.gif) right top no-repeat; color:#fff; text-decoration:none; text-transform:uppercase; display:inline-block; margin-top:17px; font-size:1.231em; line-height:1.2em;}
.link strong {background:url(images/link-left-bg.gif) left top no-repeat; display:inline-block; padding:6px 10px 0 9px; height:23px;}

.gallery {margin-right:-31px;}
.gallery img {margin-right:31px;}
.phone {float:right;}

/* ============================= footer ====================== */

#footer {color:#6a6568; font-size:0.769em; line-height:1em; text-transform:uppercase; padding:22px 29px 0 31px;}
#footer a {color:#6a6568; font-style:normal; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer span {float:right;}

/* ============================= forms ============================= */

#NewsletterForm {
background:#2f2f2f; padding: 5px 0 20px 10px; margin:20px 20px 0 0;


}
#NewsletterForm .input {border:solid; width:183px; padding:5px 0 4px 5px; background:none;}
#NewsletterForm a {color:#cf1616; text-transform:uppercase; font-size:.769em; line-height:1em; font-style:normal;}
#NewsletterForm h2 {margin-bottom:15px;}
#NewsletterForm input {vertical-align:top;}
#NewsletterForm label {height:25px; display:block; }


#ProductIndexForm .input {border:solid; width:150px; padding:5px 0 4px 5px; background:none;}
#ProductIndexForm a {color:#cf1616; text-transform:uppercase; font-size:.769em; line-height:1em; font-style:normal;}
#ProductIndexForm h2 {margin-bottom:15px;}
#ProductIndexForm input {vertical-align:top;}
#ProductIndexForm label {height:25px; display:block; }


#ContactForm label {height:36px; display:block;}
#ContactForm .col-1 {width:274px !important;}
#ContactForm .col-2 {width:318px !important;}
#ContactForm .taright {text-align:right;}
#ContactForm .link {margin-left:15px;}

.input {
width:256px; border:1px solid #a4a4a4; background:#1F1D1E; padding:4px 0 3px 5px; font-size:1em; color:#a4a4a4;


}

.inputLogin{
width:175px; border:1px solid #a4a4a4; background:#1F1D1E; padding:4px 0 3px 25px; font-size:1em; color:#a4a4a4;
background-image:url(images/minMail.jpg);
background-repeat:no-repeat;
text-indent:0px;
vertical-align:middle;
}
.inputPassword{
width:175px; border:1px solid #a4a4a4; background:#1F1D1E; padding:4px 0 3px 25px; font-size:1em; color:#a4a4a4;
background-image:url(images/minPassword.jpg);
background-repeat:no-repeat;
text-indent:0px;
}

textarea {width:311px; height:95px; border:1px solid #a4a4a4; background:#323031; padding:0 0 0 5px; overflow:auto; font-size:1em; color:#a4a4a4;}

.productCell {
	font-size:1.692em; 
	color:#fff; 
	font-weight:normal;
	border-color:#999999;
	border-width:2px;
	border-style:outset;
	background-color:#232222;
	
	/*background-image: url(images/FrameProducte.png);
	background-repeat: no-repeat;
	background-position:  left center;
	*/
	
	text-indent:15px;
	cursor:pointer;
}


.productCell:hover{
text-decoration:none; 
color:#ff9736;
background-color:#2F2D2E;
}

.buttonEnfermeria {
	font-size:1.2em; color:#FFFFFF; font-weight:normal;
	text-indent:10px;
	cursor:pointer;
	
	/*
	background-image: url(images/button_enfermeria.png);
	background-repeat: no-repeat;
	background-position:  left center;
	*/
	
	border-color:#FFFFFF;
	border-width:1px;
	border-style:outset;
	background-color:#70B32F;
	height:30px;
	
}

.buttonEnfermeria:hover{
 text-decoration:none;
 color:#333333;
 background-color:#9ED54C;
}

.fitxaProducte
{
	width:630px;
	border-color:#FFFFFF;
	border-width:1px;
	border-style:outset;
	background-color:#232222;
}
.fitxaProducte ul
{
	list-style-type:square;
	padding-left:20px;
	text-indent:0px;
	margin-left:5px;
}

.titolProducte
{
/*background-image:url(images/box_4.jpg);
border-left-style:outset;
border-left-color:#000000;
border-left-width:10px;
background-color:#62BD19;*/
font-size:1.2em; 
color:#fff;
font-weight:bold;
text-indent:15px;
padding:5px 10px 10px 10px;
width:500px;
text-align:center;
margin-top:10px;
float:left;
}

.print
{
background:#232222 url(images/logo-impresora.jpg) left top no-repeat;
width:100px;
}

.textProducte{

color:#fff;
font-size:1em;
text-indent:10px;
text-align:justify;
width:350px;
float:left;
margin-left:10px;
padding-right:25px;
padding-bottom:10px;
}

.productePicture{
width:220px;
text-align:left;

border-width:1px;
border-style:solid;
padding:  0px 0px 0px 0px;
text-indent:0px;
margin:10px 20px 10px 15px;
}

.referencies
{
	margin: 5px 5px 15px 15px;
	
}

.titolReferencia
{
background-color:#CC9999;
font-size:1.1em; 
color:#222222;
font-weight:bold;
text-align:center;
border-bottom-color:#222222;
border-bottom-width:2px;
}
.textReferencia
{
background-color:#CCCC99;
font-size:1.1em; color:#222222;
text-align:center;
border-bottom-color:#222222;
border-bottom-width:2px;
}

.iconsProducte
{
height:20px;
padding-left:15px;
padding-top:10px;
visibility:hidden;
}

.noticia li
{
	margin-top:10px;
	border-style:solid;
	border-color:#999999;
	border-width:1px;
	list-style: none;
	/*background: url(rombo.gif) left bottom no-repeat;*/
	padding-left: 5px;
	background:url(images/marker1.gif) no-repeat 5px 8px;
	line-height:2.308em;
	text-indent:20px;
	
}

.noticia li:hover
{
/*background-color:#EEEEEE;*/
background-color:#70B32F;
}

.noticiaTitle
{
font-size:1em; 
color:#fff;
padding: 5px 2px 2px 5px;
text-align:left;
padding:0 0 0 0;
font-weight:bold;

}

.noticiaTitle a
{
text-decoration:none;
}

.noticiaText
{
font-size:1em; 
color:#ffffff;
padding: 5px 2px 2px 5px;
text-align:left;
padding:0 0 5 0 ;
}

.noticiaText img
{
	border=1px;
	width: 75px;
	height: 50px;
}

.ProductFrame
{
padding: 5px 2px 10px 5px;
margin: 1px 10px 5px 0px;

border-bottom-style:solid;
border-bottom-color:#CCCCCC;
border-bottom-width: 1px;

}

.ProductFrame a { padding-left:5px; color:#ff9736; text-transform:uppercase; font-size:.769em; line-height:1em; font-style:normal; vertical-align:middle;}
.ProductFrame .input {border:solid; height:10px; width:130px; padding: 5px 0 8px 5px; background:none; vertical-align:middle;}
.ProductFrame .inipath
{
	margin-left:20px;
	font-size:0.9em;
	vertical-align:middle;
	text-decoration:none;
}


.ProductFrame .path
{
	font-size:0.9em;
	margin-left:10px;
	
	background: url(images/fletcha.jpg) no-repeat 0 0px;
	padding-left:12px;
	vertical-align:middle;
	text-decoration:none;
}
.ProductFrame .inipath:hover
{
color:#fff;
}
.ProductFrame .path:hover
{
color:#fff;

}

.CatalogFrame
{
border-style:solid;
border-width:1px;
border-color:#666666;
padding:10px 10px 10px 10px;
text-align:center;
}

.CatalogFrame img
{
vertical-align:middle;
}

.newCell {
	font-size:1em;
	color:#fff; 
	font-weight:normal;
	border-color:#999999;
	border-width:1px;
	border-style:solid;
	padding: 0px 5px 5px 15px;
	margin:0px 5px 30px 30px;
	height:220px;
	width:600px;
	background-color:#232222;
	/*background-image: url(images/FrameProducte.png);
	background-repeat: no-repeat;
	background-position:  left center;
	*/
	
	
}
#pageNews .years {
list-style-type:square;
color:#FFFFFF;
text-indent:0px;
padding-left:15px;
margin-left:0px;

}

#pageNews .years li{
text-indent:10px;
padding-left:5px;
margin-left:0px;
font-size:14px;

}

#pageNews .years a{
text-decoration:none;
}

#pageNews .yearselected{
font-size:16px;
font-weight:bold;
text-decoration:underline;
}

#pageNews .date{
color:#fff;
font-size:0.8em;
float:left;
}
#pageNews .title{

color:#fff;
font-size:1em;
text-transform:uppercase;
text-align:center;
padding-bottom:15px;
padding-top:10px;
text-decoration:none;
font-weight:bold;

}

#pageNews .title a{
text-decoration:none;
font-style:normal;
}
#pageNews .newContent{

color:#fff;
font-size:1em;
text-indent:10px;

text-align:justify;

}

#pageNews .newPicture{

text-align:center;
float:left;
border-width:1px;
border-style:solid;
padding: 0 0 0 0;
text-indent:0px;
}

#pageNews .margin1{
margin-top:10px;
width:550px;
}

.lineList a{
text-decoration:none;
color:#EEEEEE;
font:Arial, Helvetica, sans-serif;
font-size:16px;
text-transform:uppercase;
text-shadow:Gray;
font-weight:bold;
padding-bottom:20px;
text-indent:5px;
margin-left:5px;
}

.lineList li{
padding-bottom:20px;
}

.lineList a:hover{
color:#33FF00;
}