@import url(shadowbox.css);

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


/* RESET --------------------------------------------------------------------------- */

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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline;}

a img, :link img, :visited img, a img:active {border: 0; outline:none;}
table {border-collapse: collapse; border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}

a { outline:none; text-decoration:none; color:#212121;}
.clear {clear: both;}
a img {border:none;}

ul, li, { margin:0; padding:0;}
/* fine RESET --------------------------------------------------------------------------- */


/*-----------------classi sciolte---------------------------------------------------------- */

.padding10{ padding:10px 0 0 15px;}


.orange { color:#ff7400; font-weight:bold;}
.orange_form { text-align: center; color:#ff7400; font-weight:bold;}
.orange_punt { color:#ff7400; font-weight:bold; text-align:left; background-image:url(../img/punt_orange.gif); background-position:top left; background-repeat:no-repeat; padding-left:15px;}
.white { color:#fff;}
.strong { font-weight:bold;}

.titol { font-size:1.5em; width:100%; clear:both; border-bottom:1px #D4D4D4 solid; color:#212121; margin:20px 0 15px 0px; padding-bottom:7px;}

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

p { padding:6px; line-height:1.25em; text-align:left;}
/*-----------------classi sciolte---------------------------------------------------------- */


/* home */
body { margin:0; background: url(../img/bg.jpg) repeat-x 0 0; font:normal 0.75em Verdana, Arial, Helvetica, sans-serif; cursor:default;}/*#fffce4*/
#wrapper { 
	width:976px;
	margin:1px auto;
}


/* Logo Replacement */			
.logoHome h1 { padding: 0;  margin: 0;  width: 228px;  height: 95px;  float: left;}
.logoHome h1 a { display: block;  border:none; margin:0;/* text-indent:-9000em;*/}
.logoHome h1 a:link, h1 a:visited, h1 a:active, h1 a:hover {border:none;}
.logoHome h1 span {display: none;}


.logoHome { /*background: url(../) 0 50px no-repeat;*/ width:228px; height:95px; float:left;}

/* Navigation */
#header { width:976px; margin:0 auto; clear:both;} /*background-color:silver;  cancellare*/
#header h1 span { display:none;}

#nav ul { padding:4px 0 0 0px;  margin: 0;  float: right; width:auto;  list-style: none;}
#nav ul li { float: left;  width: auto;  height:auto; margin-left:10px; display:inline; }
#nav ul li a { display: block;  padding:5px 0 2px 0; overflow: hidden; width: auto; border-bottom:3px #FFF solid; color:#212121;} /*overflow: hidden; x evitare effetto flickering */

#nav li a:hover {border-bottom:3px #FF6600 solid; padding-bottom:8px;}
    /* LINK */
#link {  float:left;width:100%; margin:10px 0 0 0;} /*OCCHIO CAMBIARE PER padding-top:30px;*/
#link ul {}
#link ul li { display:inline; float:left; padding:4px 0;}
#link ul li a {color:#ff7400;font-weight:bold; padding:0px 0 2px 0;  margin-right:90px; border-bottom:1px #ff7400 dashed;}
#link ul li a:hover { background-color:#F0F0F0;}
#search input { border:1px #fff solid; float:left; display:inline; width:100px; margin:0 0 0 16px; height:17px;}
#search {background: url(../img/lupa.jpg) 97% 2% no-repeat ; width:180px; height:40px; display: block; float:right; padding: 7px 0 0 0; text-indent:13px;}

#idiomas{
	font-family: "Trebuchet MS", Tahoma, "Arno Pro", Arial, Helvetica, sans-serif;
	font-size:0.75em;
	width:748px;
	float:left;
	display:block;
	padding-top:40px;
	padding-bottom:10px;
	}
	#idiomas ul{
		float:right;
	}
	#idiomas ul li{
		display:inline;
	}
	a.btn_idioma:link, a.btn_idioma:visited { width:auto; border-bottom:3px #FFF solid; display:block; float:left; margin:0 10px; text-align:center;}
	a.btn_idioma:hover { border-bottom:3px #ff7400 solid;}
	
	a.btn_cerrar:link, a.btn_cerrar:visited{
	font-family:"Trebuchet MS", Tahoma, "Arno Pro", Arial, Helvetica, sans-serif;
	font-size:0.65em;
	padding:4px 0 0 0px;
	margin-top: -20px;
	margin-bottom: -20px;
	float: right;
	width:auto;
	}
	a.btn_cerrar:hover {
	border-bottom:3px #FF6600 solid;
	padding-bottom:8px;
	}

/* AVISO */
#demos{
width:960px;
height:154px;
float:left;
clear:both;
 }
 #text_move{
	 width:auto;
	 float:right;
	 }
.marquee_left{
	width:61px;
	height:53px;
	margin-top: 50px;
	float:left;
	background-image:url(../img/marquee_L.gif);
	background-repeat:no-repeat;
	display:block;
	}
.marquee_right{
	width:61px;
	height:53px;
	margin-top: 50px;
	float:left;
	background-image:url(../img/marquee_R.gif);
	background-repeat:no-repeat;
	display:block;
	}
	
marquee{
	width:550px;
	height:53px;
	line-height:53px;
	background-image:url(../img/bg_marquee.gif);
	background-repeat:repeat-x;
	margin-top: 50px;
	float:left;
	padding:0 4px;
	font-size:18px;
	}
a.btn_marquee:link, a.btn_marquee:visited{
	font-weight:bold;
	text-decoration:underline;
}
a.btn_marquee:hover{
	font-weight:bold;
	text-decoration:underline;
	color:#F00;
}

.sep_marquee{
	font-size:20px;
	line-height:33px;
	font-weight:bold;
	color:#F00;
	padding:10px 20px 0 20px;
	}


 /* LINK */
 
#colL, #colC, #colR { width:253px; border:1px #999 solid; }
#news { width:140px; border:1px #333333 solid; }
#colL, #colC, #colR, #news { float:left; margin-top:2em;height:410px; overflow:hidden; }

#colL h2, #colC h2, #colR h2 {height:60px; width:253px; background:url(../img/footbg.jpg) 0 0 repeat-x; }
#colL h2 a, #colC h2 a, #colR h2 a {margin:0 auto; text-align:center; display:block; padding:10px 0 12px 0; font-weight:bold; font-size:16px;}
#colL h2 a:hover, #colC h2 a:hover, #colR h2 a:hover { background:url(../img/footbg_claro.jpg) 0 0 repeat-x; color:#ff7400;padding:10px 0 18px 0;margin:0 auto; height:33px; }

/*.smallogo { background:url(../img/logo_small.png) 90% 20% no-repeat; width:247px; height:40px; display:block;}
.titolNews { width:140px; height:40px; }
.big { font-size:18px;}*/

#colC, #colR, #news { margin-left:23px;}

/** html #colC, * html #colR {*/  /* Tan hack */
/*	width: 253px; 
	w\idth: 243px;
	margin-left:23px }*/

#colL ul, #colC ul, #colR ul, #news ul {}
#colL ul li, #colC ul li, #colR ul li { text-align:left;width:253px; margin-top:15px;}
#colC p, #colR p { text-align:left; line-height:1.25em; margin:5px 0 0 0;}
/*#colL ul li a,*/ #colC ul li a, #colR ul li a{text-align:left; display:block; line-height:1.25em; /*background:url(../img/arrow.jpg) 97% bottom no-repeat;*/ padding:0 8px;  }
 #colC ul li a:hover, #colR ul li a:hover {color:#ff7400; background-color: #EFEFEF; background:url(../img/arrow.jpg) 97% bottom no-repeat; }

#colL ul { margin:10px 0 20px 0;}
#colL ul li { width:243px; margin:5px auto; line-height:1.25em;}
#colL ul li h3 a { font-weight:bold; padding-bottom:2px; display: inline; margin:0; color:#ff7400;}
#colL ul li h3 a:hover { border-bottom:1px #666 dotted;display:inline;}


#bodyPage_bottom #left, #bodyPage_bottom #right, #bodyPage_bottom_up #left, #bodyPage_bottom_up #right { width:470px; float:left;}
#bodyPage_bottom #left, #bodyPage_bottom_up #left { margin-right: 30px;}

#bodyPage_bottom_up {margin:0 0 25px 0;}
#bodyPage_bottom_up #left img { float:left;}

#bodyPage_bottom_up #right ul { margin:5px 0 5px 15px;}
#bodyPage_bottom_up #right ul li a{ color:#ff7400; line-height:1.8em;}
#bodyPage_bottom_up p { line-height:1.8em; }


#news h2 { background: url(../img/dif_ficha.gif) 0 0 repeat-x; width:140px; height:40px;}
#news h2 a { margin:0 auto; text-align:center; display:block; padding:10px 0 12px 0; color:#ff7400;}
#news h2 a:hover { background:url(../img/dif_fichaGaleria.gif) 0 0 repeat-x; color:#212121;padding:10px 0 18px 0;margin:0 auto; }
#news ul li { text-align:left; margin:15px 3px;}
#news ul li a { line-height:1.25em; display:block; margin:5px 0; text-align:left;}
#news ul li a span { }
#news ul li a span:hover {/*border-bottom:1px #ff7400 dotted;*/ color:#666;}
strong.strong:hover {color:#ff7400;}

span.orange { display:inline-block; border-bottom:1px #fff solid; padding-bottom:2px;}

li a {text-align:left;}



	#colL:after, #colC:after, #colR:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}

/* Apply Holly Hack to the non-floated content */

/*  \*/
* html .hollyhacked {
	height: 1%;
}
/*  */
/* -------------home-------------------- */

/*--------------formación empresas ------------------*/

#bodyPage{ width:100%; float:left; overflow:hidden;} /*display:inline; para quitar un margen-top añadido en IE6 y IE7 -->el overflow:hidden; no funciona con el disp-inline (no se ve ni el border ni el bckg-color) !*/

#bodyPage #link .left h2 { width:100%; font-weight:bold; font-size:1em; padding:4px;}

#bodyPage h2 {/*background-color:#ff7400;*/}

#bodyPage_center { width:65%; float:left; overflow:hidden;}
#bodyPage_center img { float:left; padding:5px;}
#bodyPage_center p{ text-align:left; line-height:1.8em;}
#bodyPage_center ul { margin-top:15px; width:70%; padding:5px 15px; }
#bodyPage_bottom ul { margin-bottom:15px; }
#bodyPage_center ul li, #bodyPage_bottom ul li { margin:0px 0 5px 0; color:#F60; text-align:left;line-height:1.6em; }

#bodyPage_center h3 { font-size:1.25em;}

#bodyPage_bottom { width:100%;}
#bodyPage_bottom p { margin-left:0;line-height:1.8em; }
#bodyPage_bottom h3 { font-size:1.5em; color:#212121; margin-top:20px; border-bottom:1px #CCC solid; padding-bottom:5px; clear:both;}
#bodyPage_bottom h4 { margin:10px 0 0 0px; font-weight:bold;}

#bodyPage_bottom #colL, #bodyPage_bottom #colC, #bodyPage_bottom #colR{ width:300px; border:none; margin:0 0px 0 0; padding:0; height: auto; display:inline-block;}
 #bodyPage_bottom #colC, #bodyPage_bottom #colR { margin-left:38px;}
#bodyPage_bottom #colL ul, #bodyPage_bottom #colC ul, #bodyPage_bottom #colR ul { margin:0; float:left; display:inline; text-align:left;}
#bodyPage_bottom #colL ul li, #bodyPage_bottom #colC ul li , #bodyPage_bottom #colR ul li{ width:278px; margin:7px 0 0 0; display:inline-block; background-color:#F4F4F4; float:left; padding:10px; color:#000; border:solid 1px #ff7400;}
#bodyPage_bottom #colL p{ text-align:left;}

.reset { padding:0; margin-top:10px;}

.clear p.cite { display:inline; margin:20px auto; float:left;}
cite {font-style:oblique; font-family:"Trebuchet MS", Tahoma, "Arno Pro", Arial, Helvetica, sans-serif; font-size:1.25em; color:#F60; line-height:30px; font-weight:bold; }

#secondaryContent { float:left; width:25%;}
#secondaryContent .badge { padding:0; margin:10px 0 0 60px; display:inline;}

.txt { width:480px; float:left;}
.txt img { float:left; padding:0 5px 5px 0;}
.txt p {text-align:left; padding:0; line-height:1.8em;}

.txt h1 { display:inline-block; font-weight:bold;}
.txt ul li { line-height:1.8em;}



.box { width:275px; border:1px #666 solid; margin-left:10px;}
.box h2 { background:url(../img/dif_ficha.gif) 0 0 repeat-x; width:275px; height:30px; padding-top:10px;}
.box h2 a { padding-left:25px;}
.box ul li { text-align:left; padding:10px}
.box ul li a { line-height:1.25em; padding:10px 5px 10px 5px; display:block; margin-bottom:5px;}
.box ul li a:hover {background-color: #FFEFDF;}
.box ul li a span:hover {border-bottom:1px #ff7400 dotted;}
/*.box ul li img { display:inline-block; width:35px; height:35px; border:5px red solid; margin:0 5px 5px 0; float:left;}
*/

.badge { width:250px; height:100px; margin:20px 0 0px 140px; display:inline;  float:left; display:block; }
.badge:hover { }
.badge ul li{ width:150px;  float:left;  height:110px; margin-bottom:15px;}

.badge p { padding:25px 0px 0 110px;}

.badge a { width:80px; height:65px; color:#666; margin:0; padding:25px 12px 10px 10px; display:block; text-align: center; line-height:1.5em; font-family:"Trebuchet MS", Tahoma, "Arno Pro", Arial, Helvetica, sans-serif; background:url(../img/orangeIcon.jpg) 0 0 no-repeat; float: left;}
.badge a:hover { color:#212121; background:url(../img/orangeIconHover.jpg) 0 0 no-repeat;}
 
 .cardList { width:980px; margin-top:20px; clear:both; overflow:hidden; float:left; margin-bottom:20px;}
 
 li.card,  li.Lastcard {float:left;width:200px; height:auto; margin:30px 56px 0px 0px; border:1px #CCC solid;}
 li.Lastcard { margin-right:0;}
 li.card img,  li.Lastcard img { margin:10px 5px 5px 5px; width:50px; height:50px; display:block; border:1px #F93 solid; float:left;}
 
 li.card h3 a,  li.Lastcard h3 a { display:block; width:100%; line-height:20px; font-weight:bold; text-align:center; border-bottom:1px #ccc solid; padding:5px 0; height:auto;}

 li.card p,  li.Lastcard p { text-align:left; line-height:1.7em; height:auto;}
 li.card h3 a,  li.card a.formulary:hover,  li.Lastcard h3 a,  li.Lastcard a.formulary:hover {background:url(../img/dif_ficha.gif) 0 0 repeat-x; color:#fff; height:auto; background-color:#747474;}
 li.card h3 a:hover,  li.Lastcard h3 a:hover { background: url(../img/dif_buscador.gif) 0 0 repeat-x; color: #666;}
 li.card a.formulary,  li.Lastcard a.formulary{ display:inline-block; line-height:15px; border:1px #ccc solid; margin:0 auto; padding:3px 5px; float:right; margin:5px 8px;background: url(../img/dif_buscador.gif) 0 0 repeat-x; color: #666;}

 /*----footer------*/
 
#footer { width:100%; margin-top:15px; padding-top:10px; clear:both; float:left; background: url(../img/footbg_claro.jpg) 0 0 repeat-x #000; height:50px;}
.footerList ul, .footerList2 ul  {width:976px; margin:0 auto; padding:5px 5px 0 5px; text-align:center;}
.footerList ul li, .footerList2 ul li  { display:inline; margin-top:10px; padding:5px 5px;}
.footerList ul li a, .footerList2 ul li a { line-height:1em; display:inline-block; border-bottom:1px transparent dotted; font-size: 12px; padding-bottom:2px;}
.footerList ul li a:hover, .footerList2 ul li a:hover { border-bottom:1px #212121 dotted;}

.footerList2 ul li a { color:#000;}

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

/*----------blog---------------*/
.blogWrap, .linkWrap {width:180px; border:1px #666 solid; float:right;}
.blogWrap { margin:0 65px 0 0;}
.blogWrap h3, .linkWrap h3 {width:100%; text-align:center; height:30px; padding:30px 0 5px 0; font-weight:bold; display:block;}
.blogWrap h3 {background:url(../img/footbg.jpg) 0 0 repeat-x;}
.linkWrap h3 { background:url(../img/footbg_claro.jpg) 0 0 repeat-x;}
.blogWrap ul {}
.blogWrap ul li, .linkWrap ul li {width:180px; padding:5px 0 4px 0; display:inline-block;height:21px; text-align:center;}
.blogWrap ul li a, .linkWrap ul li a {padding:10px 0 2px 0; border-bottom:1px dashed;}
.blogWrap ul li a:hover, .linkWrap ul li a:hover { color:#F30;}

/* BLOGS */
 
#bodyBlog{ width:100%; float:left; overflow:hidden; padding-left:10px;}
a.btn_blog:link, a.btn_blog:visited {
color:#FFF;
width:220px;
height:60px;
line-height:16px;
border:1px #999 solid;
float:left;
margin-top:10px;
margin-right:10px;
overflow:hidden; 
background:url(../img/footbg.jpg) 0 0 repeat-x;
text-align:center;
display:block;
padding:10px 5px 12px 5px;
}
a.btn_blog:hover {
background:url(../img/footbg_claro.jpg) 0 0 repeat-x;
color:#000;
}
/*-------------------------*/

/* GALERIA */
 
#bodyBlog{ width:100%; float:left; overflow:hidden; padding-left:10px;}
a.btn_galeria:link, a.btn_galeria:visited {
color:#FFF;
width:230px;
border:1px #999 solid;
float:left;
margin-top:10px;
margin-right:10px;
background:url(../img/footbg.jpg) 0 0 repeat-x;
text-align:center;
display:block;
padding:10px 0 12px 0;
}
a.btn_galeria:hover {
background:url(../img/footbg_claro.jpg) 0 0 repeat-x;
color:#000;
}
.img_galeria{
	width:230px;
	height:155px;
	margin:6px 0;
	}
	
a.btn_galeria2:link, a.btn_galeria2:visited {
width:110px;
border:1px #999 solid;
float:left;
margin-top:10px;
margin-right:9px; 
background:url(../img/footbg.jpg) 0 0 repeat-x;
display:block;
}
a.btn_galeria2:hover {
background:url(../img/footbg_claro.jpg) 0 0 repeat-x;
}
.img_galeria2{
	width:110px;
	height:74px;
	margin-bottom:8px;
	}
/*-------------------------*/



/*--------------contacto--------------*/

.map { float:left; clear:left; margin-top:35px; border:none;}
small a { float:left; font-size:0.8em; margin-right:7px; display:inline; clear:both; color:#212121;}
/*---------fin-----contacto--------------*/


/* - - - - documentación - - - */
#documentList { width:852px; margin:0 auto; overflow:hidden;}

#document { width:860px;  float:left; display:inline-block;}

.doc { width:850px;float:left; display:inline; height:auto; clear:both;border:1px #CCC solid;}
.doc ul { float:left; margin:15px 15px; width:580px;}
.doc ul li { display:inline-block; text-align:left; line-height:1.25em;}
.doc ul li a { font-weight:bold;}

.docIcon { width:16px; height:100px;float:left;margin:35px 25px 0 35px; }
.docIcon a img{ }

.docImg img{ width:auto; height:auto; float:right; padding:15px;}


.news {width:830px;float:left; display:inline; clear:both;border:1px #CCC solid; margin-bottom:10px; padding:10px;}
.news ul { width:810px; margin:0 auto;}
.news ul li { display:inline-block; text-align:left; line-height:1.25em;}
.news ul li a { font-weight:bold;}

.newsImg img { float:left; padding:15px; margin-right:20px; width:100px; height:100px;}


#back_forward { float:right; width:170px;margin:10px 62px 0 0; text-align:right;}
#forward { float:right; }
#back { float:left; }
#back, #forward { padding:5px; width:90px; border:1px #CCC solid; text-align:center;}
#back:hover, #forward:hover { background-color:#F60;}
/*-------fix------*/
span, img, ul li a { behavior: url(iepngfix.htc); }
/*-------fix------*/