/* CSS 2.1 y 3.0 (parcialmente) para EVENIO */
body{ 
	color:#405A6D;
	font:normal 12px/15px "Franklin Gothic Book",Helvetica,Arial;
	background:url(../images/evenio-background.gif) repeat-x;
}
body, div, a, img, p, table, td, ul, dl, li, hr, fieldset, label, input, textarea{
	border:0;
	margin:0;
	padding:0;
}
/************  COMMON TAGS  **************/
textarea, input{
	font:normal 13px/15px "Franklin Gothic Book",Helvetica,Arial;
	color:#666;
	margin:6px 0 4px 0;
	border:1px solid #CBDD21;
	padding:2px;
}
input{ width:150px; height:15px; }
input[type=button]{
	width:100px;
	height:24px;
	cursor:pointer;
	font-weight:bold;
}
input:focus, textarea:focus{ background-color:#ECFF9F; }
input.w70{ width:180px; }
input.w100{ width:340px; }
textarea{
	width:340px;
	max-width:340px;
	height:65px;
	max-height:100px;
}
a{ outline:none; text-decoration:underline; color:#405A6D; } /* Quita borde dentado de los links */
a:hover{ color:#183245; text-decoration:none; }
form fieldset legend{ font-size:14px; font-weight:bold; margin-bottom:10px; color:#405A6D; }
form fieldset dl{ margin-left:20px; }
form fieldset dl dt{ width:90px; float:left; }
/* DIV CONTENEDOR */
div#content{
	width:850px;
	margin:0 auto;
}
div.both{ clear:both; }
h1, h2, h3{ padding:0; margin:0 0 5px 0; }
h1{ font-size:14px; }
h2{ font-size:13px; }
h3{ font-size:12px; color:#8D9C0F; }
/************  HEADER TAGS: LOGO & MENU **************/
div#logo{
	margin:24px 0 5px 0;
}
div#logo div#text-size{ position:absolute; margin:-10px 0 0 776px; }
div#logo div#text-size a{ margin-right:6px; font-size:13px; text-decoration:none; }
div#logo div#text-size a:hover{ font-weight:bold; }
div#menuContent{
	width:832px;
	height:41px;
	margin-bottom:1px;
}
div#menuContent div.menuLeft, div#menuContent div.menuRight{ width:20px;	height:41px; }
div#menuContent div.menuLeft{ float:left; background:url(../images/menu-left.gif) no-repeat; }
div#menuContent div.menuRight{ float:right; background:url(../images/menu-right.gif) no-repeat; }
div#menuContent div#menu{
	width:792px;
	height:41px;
	float:left;
	background:url(../images/menu_bg.gif) repeat-x;
}
div#menuContent div#menu ul{ list-style:none; margin-left:20px; }
div#menuContent div#menu ul li{
	margin:14px 0 0 0;
	float:left;
}
div#menuContent div#menu ul li a{
	padding:6px 25px 7px 25px;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#516372;
	text-shadow: -1px -1px 1px #fff; /* CSS 3 property */
}
div#menuContent div#menu ul li a.bigger{ padding:6px 36px 7px 36px; } /* En el cas de ser texte petit, per veure correctament el HOVER */
div#menuContent div#menu ul li a:hover{ background:url(../images/menu-hover.gif) no-repeat center bottom; }
div#menuContent div#menu ul li a#actual{ background:url(../images/menu-hover.gif) no-repeat center bottom; }

/************  CENTER CONTENT: IMAGES AND IMAGES's TEXT **************/
div#imageContent{
	height:275px;
	padding-left:18px;
	margin-bottom:1px;
}
div#imageContent div#road, div#imageContent div#stone{ float:left; display:table; }
div#imageContent div#road{ width:538px; height:275px; }
div#imageContent div#stone{ width:267px; height:275px; margin-left:5px; }
div#imageContent div#road div, div#imageContent div#stone div.img{
	padding:8px;
	font-size:13px;
	display:table-cell;
	vertical-align:bottom;
	color:#fff;
}
div#imageContent div#road div{ background:url(../images/road.jpg) no-repeat center center; }
div#imageContent div#stone div.img{ background:url(../images/stone.jpg) no-repeat center center; }

/************  NEWS CONTENT: NOTICIAS, BANNER E IMÁGENES  **************/
div#newsTop{ height:4px; width:810px; margin:0 0 0 18px; background:url(../images/news-top.gif) repeat-x; }
div#infoContent{
	height:183px;
	padding-left:13px;
	margin-bottom:4px;
}
div#infoContent.quienes-somos { height:auto; }
/************ COMMON  */
div#infoContent div#bannerContent div#bannerBorder, div#infoContent div#newsContent div#newsBorder, div#infoContent div#newsContent div#casoexito{
	float:left;
	border-top:1px solid #BDC8D0;
	border-bottom:1px solid #DBE1E5;
	border-left:1px solid #CDD5DD;
	border-right:1px solid#CDD5DD;
	background:#F5F8FA;
}
div#infoContent div#newsContent div#casoexito{ width:805px; }
div#infoContent div#newsContent div#newsBorder.evenio,div#infoContent div#newsContent div#casoexito.evenio{ background:#F5F8FA url(../images/pix.gif) repeat-y top center; }
div#infoContent div#newsContent div#newsBorder div#news, div#infoContent div#bannerContent div#bannerBorder div#banner, div#infoContent div#newsContent div#casoexito div#news{
	margin:1px;
	background:url(../images/news_bg.gif) repeat-x left top;
}
div#infoContent div#newsContent div#newsBorder div#news.quienes-somos{ height:auto; }
div#infoContent div#newsContent div#newsImgRight, div#infoContent div#bannerContent div#bannerImgLeft{
	width:2px;
	height:183px;
	float:left;
}
div#infoContent div#newsContent div#newsImgLeft, div#infoContent div#bannerContent div#bannerImgRight{
	width:5px;
	height:183px;
	float:left;
}
/************  NEWS   */
div#infoContent div#newsContent{ width:545px; float:left; margin-bottom:2px; background-color:#fff; }
div#infoContent div#newsContent.soluciones{ width:816px; }
div#infoContent div#newsContent div#newsImgLeft{ background:url(../images/news-left.gif) no-repeat; }
div#infoContent div#newsContent div#newsBorder{ width:536px; }  /* REST ON COMMON */
div#infoContent div#newsContent div#newsBorder div#news{ width:534px; } /* REST ON COMMON */
div#infoContent div#newsContent div#newsBorder div#news.soluciones, div#infoContent div#newsContent div#casoexito{ width:805px; height:auto;}
div#infoContent div#newsContent div#newsImgRight{ background:url(../images/news-right.gif) no-repeat; }
/************  MENU NEWS   */
div#infoContent div#newsContent div#newsBorder div#news div#newsMenu, div#infoContent div#newsContent div#casoexito  div#news div#newsMenu{ width:534px; height:25px; border-bottom:1px solid #AAB8C3; background:url(../images/news-menu_bg.png) repeat; }
div#infoContent div#newsContent div#newsBorder div#news div#newsMenu.soluciones, div#infoContent div#newsContent div#casoexito div#news div#newsMenu.soluciones{ width:805px;}
div#infoContent div#newsContent div#newsBorder div#news div#newsMenu ul, div#infoContent div#newsContent div#casoexito div#news div#newsMenu ul{ list-style:none; }
div#infoContent div#newsContent div#newsBorder div#news div#newsMenu ul li, div#infoContent div#newsContent div#casoexito div#news div#newsMenu ul li{ float:left; margin-top:5px; }
div#infoContent div#newsContent div#newsBorder div#news div#newsMenu ul li a, div#infoContent div#newsContent div#casoexito div#news div#newsMenu ul li a{
	border-right:1px solid #AAB8C3;
	padding:5px 10px 5px 10px;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#8EA3B3;
	text-shadow: 1px 1px 1px #fff; /* CSS 3 property */
}
div#infoContent div#newsContent div#newsBorder div#news div#newsMenu ul li a:hover, div#infoContent div#newsContent div#casoexito div#news div#newsMenu ul li a:hover{ background:#F5F8FA url(../images/news_bg.gif) repeat-x left top; color:#6B8599; }
div#infoContent div#newsContent div#newsBorder div#news div#newsMenu ul li a#actual2, div#infoContent div#newsContent div#casoexito div#news div#newsMenu ul li a#actual2{
	color:#839301;
	background:#F1F6F8;
	padding:5px 10px 5px 10px;
	border-bottom:1px solid #ECF2F6;
	background:#F5F8FA url(../images/news_bg.gif) repeat-x left top;
}
div#infoContent div#newsContent div#newsBorder div#news div#newsText div, div#infoContent div#newsContent div#casoexito  div#news div#newsText div{ padding:18px 10px 12px 16px; }
div#infoContent div#newsContent div#newsBorder div#news div#newsText.evenio,  div#infoContent div#newsContent div#casoexito  div#news div#newsText.evenio{
	padding:12px 8px 10px 14px;
}
div#infoContent div#newsContent div#newsBorder div#news div#newsText.evenio ul{ list-style:none; }
div#infoContent div#newsContent div#newsBorder div#news div#newsText.evenio ul li{ width:47%; float:left; margin:7px; }
div#infoContent div#newsContent div#newsBorder div#news div#newsText.evenio ul li img{ float:left; margin:0 20px 14px 0; }
/************  BANNER   */
div#infoContent div#bannerContent{ width:280px; float:left; }
div#infoContent div#bannerContent div#bannerImgLeft{ background:url(../images/banner-left.gif) no-repeat; }
div#infoContent div#bannerContent div#bannerBorder{	width:266px; } /* REST ON COMMON */
div#infoContent div#bannerContent div#bannerBorder div#banner{ width:264px; }
div#infoContent div#bannerContent div#bannerImgRight{ width:5px; background:url(../images/banner-right.gif) no-repeat; }

/************  BANNER TEXT & IMAGES  */
div#infoContent div#bannerContent div#bannerBorder div#banner img{ margin:0 0 12px 10px; float:right; }
div#infoContent div#bannerContent div#bannerBorder div#banner p{ padding:5px 8px 5px 10px; }
div#infoContent div#bannerContent div#bannerBorder div#banner p.title{ padding-top:10px; color:#727F00; font-size:13px; }
div#infoContent div#bannerContent div#bannerBorder div#banner b{ font-size:13px; color:#8D9C0F; }

/************  CASOS EXITO  **************/
div.exitoLeft, div.exitoRight{
	width:335px;
	height:230px;
	border:1px solid #CDD5DD;
	background-color:#fff;
}
div.exitoLeft:hover, div.exitoRight:hover{ background-color:#EEFCAD; }
div.exitoLeft{ float:left; }
div.exitoRight{ float:right; margin-right:10px; }


/****************************  FOOTER ******************************/
div#footerContent{
	float:left;
	height:62px;
	margin:0 0 0 14px;
}
div#footerContent div.footerLeft, div#footerContent div.footerRight{ width:18px;	height:62px; }
div#footerContent div.footerLeft{ float:left; background:url(../images/footer-left.gif) no-repeat; }
div#footerContent div.footerRight{ float:right; background:url(../images/footer-right.gif) no-repeat; }
div#footerContent div#footer{
	width:798px;
	height:62px;
	float:left;
	background:url(../images/footer_bg.gif) repeat-x;
}
div#footerContent div#footer div{ font-size:11px; margin:10px 10px 0 10px; text-align:center;}
div#footerContent div#footer div a{ padding:0 11px 0 11px; }

/*******************************************************************/
/***************  CSS COMÚN para los HTML con REQUEST  *************/
/*******************************************************************/
div#errors, div#estado{ position:absolute; margin:297px 0 0 260px; width:260px; height:auto;}
div#estado div{ color:#CE0000; font-size:12px; font-weight:bold; }
div#estado div.ok{ color:#809F00; }
div#newsText div dl{ margin:0 0 8px 20px;  }
div#newsText div dl dt{ padding-top:8px; font-weight:bold; }
div#newsText div dl dt img{ float:left; margin:0 8px 0 0; }
div#newsText div dl dd{ margin-left:20px; }
div#newsText div table{ margin:0 auto; width:90%; }
div#newsText div table td{ padding:8px; vertical-align:bottom; text-align:center; }
div#newsText div table td img{ float:none; }
div#newsText div ul{ list-style-image:url(../images/li-evenio.gif); margin-left:25px; }
div#newsText div ul li{ padding:4px; }
div#newsText div img{ float:right; margin:12px 0 0 12px; }


/****************************  IE FIX ******************************/
/*************** IE 6 ****************/
* html div#logo div#text-size{ position:absolute; margin:40px 0 0 576px; }
* html div#menuContent div#menu ul li { margin:8px 0 0 0; padding:6px 0 8px 0; }
* html div#menuContent div#menu ul li a{ padding:6px 25px 7px 25px; }
* html div#menuContent div#menu ul li a.bigger{ padding:6px 36px 7px 36px; }
/* FOTOS DISPLAY:TABLE FIX */
* html div#imageContent{ margin-left:4px; }
* html div#imageContent div#road{ width:538px; height:275px; background:url(../images/road.jpg) no-repeat center center; }
* html div#imageContent div#stone{ width:263px; height:275px; background:url(../images/stone.jpg) no-repeat center center; }
* html div#imageContent div#road div, * html div#imageContent div#stone div.img{	background:none; }
/* CONTENT */
* html div#newsTop{ height:4px; width:810px; margin:-1px 0 0 18px; background:url(../images/news-top.gif) repeat-x; }
* html div#infoContent{ margin-top:-11px; }
* html div#infoContent div#newsContent{ width:545px; margin-left:2px;}
* html div#infoContent div#newsContent div#newsBorder div#news div#newsMenu ul li, * html div#infoContent div#newsContent div#casoexito div#news div#newsMenu ul li{ margin-top:1px; padding:4px 0 4px 0; }
* html div#infoContent div#newsContent div#newsBorder{ width:536px; border-right:1px solid #CDD5DD; }  /* REST ON COMMON */
* html div#infoContent div#newsContent div#newsBorder div#news{ width:523px; } /* REST ON COMMON */
* html div#infoContent div#newsContent div#casoexito{ width:807px; }
* html div#infoContent div#bannerContent{ width:272px;  }
* html div#infoContent div#bannerContent div#bannerBorder{ width:262px; border-right:1px solid #CDD5DD;}
* html div#infoContent div#bannerContent div#bannerBorder div#banner{ width:260px; }
/* CSS COMÚN para los HTML con REQUEST  **/
* html div.ie6{ width:760px; }
* html div#casoexito{ border-right:1px solid #CDD5DD; }
* html input#subJson{ width:100px; height:24px; cursor:pointer; font-weight:bold;}
* html div#errors, * html div#estado{ position:absolute; margin:326px 0 0 260px; width:260px; height:auto;}
/* FOOTER */
* html div#footerContent{ margin:0 0 0 9px; }
* html div#footerContent div#footer{ width:805px; }

/*************** IE 7 *****************/
*:first-child+html div#logo div#text-size{ position:absolute; margin:40px 0 0 576px; }
*:first-child+html div#menuContent div#menu ul li { margin:8px 0 0 0; padding:6px 0 7px 0; }
*:first-child+html div#menuContent div#menu ul li a{ padding:6px 25px 7px 25px; }
*:first-child+html div#menuContent div#menu ul li a.bigger{ padding:6px 36px 7px 36px; }
*:first-child+html div#imageContent div#road{ width:538px; height:275px; background:url(../images/road.jpg) no-repeat center center; }
*:first-child+html div#imageContent div#stone{ width:263px; height:275px; background:url(../images/stone.jpg) no-repeat center center; }
*:first-child+html div#imageContent div#road div, *:first-child+html div#imageContent div#stone div.img{ background:none; display:table-cell; vertical-align:bottom; }
*:first-child+html div#infoContent div#newsContent div#newsBorder div#news div#newsMenu ul li, *:first-child+html div#infoContent div#newsContent div#casoexito div#news div#newsMenu ul li{ margin-top:1px; padding:5px 0 5px 0; }
*:first-child+html div#infoContent div#newsContent div#newsBorder div#news div#newsMenu ul li a#actual2, *:first-child+html div#infoContent div#newsContent div#casoexito div#news div#newsMenu ul li a#actual2{	padding:5px 10px 6px 10px; }
/* CONTENT */
*:first-child+html div#infoContent div#bannerContent{ width:272px;  }
*:first-child+html div#infoContent div#bannerContent div#bannerBorder{ width:262px; border-right:1px solid #CDD5DD;}
*:first-child+html div#infoContent div#bannerContent div#bannerBorder div#banner{ width:260px; }
*:first-child+html div#infoContent div#newsContent div#newsBorder{ width:536px; border-right:1px solid #CDD5DD; }  /* REST ON COMMON */
*:first-child+html div#infoContent div#bannerContent div#bannerBorder{ border-right:1px solid #CDD5DD; }  /* REST ON COMMON */
*:first-child+html div#infoContent div#newsContent div#casoexito{ border-right:1px solid #CDD5DD; }
*:first-child+html div#errors, *:first-child+html div#estado{ position:absolute; margin:326px 0 0 260px; width:260px; height:auto;}
/* FOOTER */
*:first-child+html div#footerContent{ margin:0 0 0 16px; }
*:first-child+html div#footerContent.index{ margin:30px 0 0 16px; }
*:first-child+html div#footerContent.contactar{ margin:220px 0 0 16px; }

/* * html div#infoContent div#newsContent div#newsBorder div#news div#newsMenu ul li a#actual2, * html div#infoContent div#newsContent div#casoexito div#news div#newsMenu ul li a#actual2{ height:34px; padding:6px 10px 6px 10px; } */