/****************************************************************/
/*   Design:   Multiflex-5.4                                    */
/*   Type:     Design with sidebar                              */
/*   File:     Grid Toolbox                                     */
/*   Option:   Design with sidebar                              */
/*--------------------------------------------------------------*/
/*   Design:      www.1234.info                                 */
/*   Modified by: Sinixtek ADTS, S.L.                           */
/*   Date:        April, 2009                                   */
/*--------------------------------------------------------------*/
/*   License:  Fully open source without restrictions.          */
/*             Please keep footer credits with the words        */
/*             "Design by 1234.info". Thank you!                */
/****************************************************************/


/******************************************/
/* GLOBAL LAYOUT  */
/******************************************/

 body {font-size:62.5%; background-color:rgb(240,240,250); font-family:arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {width:978px; padding-top:10px; padding-bottom:20px; margin:0 auto; font-size:1.0em;}
.header {width:958px; height:80px; background:url(../../img_action_web/bg_header_top_v3.png) /*Top header background image entered here. Height: 100px*/; font-size:1.0em;}
.navbar {width:958px; min-height:42px /*Non-IE6*/; height:auto !important /*Non-IE6*/; height:42px /*IE6*/; background:rgb(225,225,235); font-size:1.0em;}
.navbar-top {clear:both; width:958px; min-height:35px /*Non-IE6*/; height:auto !important /*Non-IE6*/; height:35px /*IE6*/; background:url(../../img_action_web/bg_header_bottom_v2.png); border-top:solid 1px rgb(255,255,255); font-family:tahoma,arial,sans-serif; font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;} /*Color navigation bar normal mode*/
.header-breadcrumbs {white-space:nowrap /*IE hack*/; float:left; width:688px; max-height:20px; min-height:20px /*Non-IE6*/; height:auto !important /*Non-IE6*/; height:20px /*IE6*/; background-color:rgb(240,240,250); font-family:tahoma,arial,sans-serif; font-size:0.8em;} /*Color navigation bar normal mode*/
.header-search {white-space:nowrap /*IE hack*/; float:right; width:270px; max-height:20px; min-height:20px /*Non-IE6*/; height:auto !important /*Non-IE6*/; height:7px /*IE6*/; background-color:rgb(240,240,250); font-family:tahoma,arial,sans-serif; font-size:0.8em;} /*Color navigation bar normal mode*/
.main {clear:both; width:958px; padding:10px 0 20px 0; background-color:rgb(225,225,235); font-size:1.0em;}
.main-content {display:inline; /*Fix IE floating margin bug*/; float:left; width:676px; background-color:rgb(225,225,235); font-size:1.0em; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}
.main-subcontent { display:inline /*Fix IE floating margin bug*/; float:right; width:270px; background-color: rgb(225,225,235); font-size:1.0em; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:958px; padding:1.0em 0 1.0em 0; border-top:solid 10px rgb(150,150,255); border-bottom:solid 10px rgb(150,150,255); background-color:rgb(215,215,235); font-size:1.1em !important /*Non-IE6*/; font-size:1.0em /*IE6*/; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}








/******************************************/
/*   HEADER     */
/******************************************/

/* SITENAME AND SLOGAN */
.sitelogo {width:70px; height:70px; position:absolute; z-index:1; margin:15px 0 0 15px; background:url(../../img_action_web/action_logo.png) no-repeat;}
.sitename {width:300px; height:70px; position:absolute; z-index:1; margin:15px 0 0 75px; overflow:hidden;}
.sitename h1 {font-family:"trebuchet ms",arial,sans serif; font-weight:normal; font-size:320% !important /*Non-IE6*/; font-size:290% /*IE6*/; min-height:32px; }
.sitename h2 {font-family:verdana,arial,sans serif; margin-top:-5px; padding-bottom:2px; color:rgb(55,55,55); height:20px; font-weight:normal; font-size:130% !important /*Non-IE6*/; font-size:120% /*IE6*/;}
.sitename a{text-decoration:none; color:rgb(100,100,100);}
.sitename a:hover {text-decoration:none;}


/*****************************/
/*  HEADER - Navigation Bar  */
/*****************************/

/* COMPANY NAME AND LOGO */
.companyname {width:256px; position:absolute; z-index:1; margin:7px 0 0 797px; }
.companyname a img {height:22px;}

/* MAIN MENU */
.navbar-top ul {list-style-type:none;}
.navbar-top ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; }
.navbar-top ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color:rgb(245,245,245); border-right:solid 1px rgb(245,245,245);}
.navbar-top ul li ul {display:none; border:none;}

/* SUBMENU (Non-IE6 hovering) */
.navbar-top ul li:hover {position:relative;} /*Sylvain IE hack*/
.navbar-top ul li:hover a {background-color:rgb(235,235,235); text-decoration:none;color:rgb(100,100,100);} /*Color main cells hovering mode*/
.navbar-top ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:1000; top:3.0em; margin-top:0.1em; left:0; padding:0px 16px 0px 16px; border-top:solid 1px rgb(215,215,215);}
.navbar-top ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-17px; padding:4px 16px 4px 16px; border-right:solid 1px rgb(215,215,215); border-left:solid 1px rgb(215,215,215); border-bottom: solid 1px rgb(215,215,215); background-color:rgb(235,235,235); font-weight:normal; color:rgb(100,100,100);} /*Color subcells normal mode*/
.navbar-top ul li:hover ul li a:hover {background-color:rgb(225,225,225); text-decoration:none;} /*Color subcells hovering mode*/

/* SUBMENU (IE6 hovering) */
.navbar-top table {position:absolute; z-index:1000; top:0px; left:-1px; border-collapse:collapse;}
.navbar-top ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/; background-color:rgb(235,235,235); text-decoration:none; color:rgb(100,100,100);} /*Color main cells hovering mode*/
.navbar-top ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:1000; top:3.1em; top:3.0em; left:0px; margin-top:0.1em; border-top:solid 1px rgb(215,215,215); color:rgb(100,100,100);}
.navbar-top ul li a:hover ul li a {white-space:normal; display:block; width:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-right:solid 1px rgb(215,215,215); border-left:solid 1px rgb(215,215,215); border-bottom: solid 1px rgb(215,215,215); background-color:rgb(235,235,235); font-weight:normal; color:rgb(100,100,100);} /*Color subcells normal mode*/
.navbar-top ul li a:hover ul li a:hover {background-color:rgb(225,225,225); text-decoration:none;} /*Color subcells hovering mode*/



/*****************************/
/*  HEADER - Breadcrumbs     */
/*****************************/

/* BREADCRUMB */
.header-breadcrumbs ul {float:left; width:430px; list-style:none; padding:4px 0 3px 3px !important /*Non-IE6*/; padding: 4px 0 3px 3px /*IE6*/;}
.header-breadcrumbs ul li {display:inline; padding:0 0 0 12px; background:transparent url(../../img_action_web/bg_bullet_arrow.gif) no-repeat 0 50%; font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;}
.header-breadcrumbs ul li.nobullet {display:inline; padding:0 0 0 2px; background:none; color:rgb(75,75,75);}
.header-breadcrumbs ul a {color:rgb(75,75,75);  text-decoration:none;}
.header-breadcrumbs ul a:hover {font-weight:bold; text-decoration:underline; }

/* SEARCH FORM */
.header-search form fieldset {float:right; border:none; padding:2px 2px 2px 3px;}
.header-search input.field {width:15.0em; height:1.2em; padding:1px !important /*Non-IE6*/; padding:2px /*IE6*/; border:solid 1px rgb(200,200,200); background-color:rgb(255,255,255); font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;}
.header-search input.button {width:4.5em; height:1.6em; background-color:rgb(240,240,240); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(100,100,100); font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;}
.header-search input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background-color:rgb(220,220,220); color:rgb(80,80,80);}







/******************************************/
/*  CONTENT */
/******************************************/

.column1-unit {width:666px; border-bottom:solid 10px rgb(225,225,235); border-left:solid 10px rgb(225,225,235); background-color:rgb(255,255,255);}

.column-full {width:938px; border-bottom:solid 10px rgb(225,225,235); border-left:solid 10px rgb(225,225,235); background-color:rgb(255,255,255);}


/* CONTAINER (NO BOXES) */
.content-2col-nobox-leftcolumn {display:inline; float:left; width:337px; border-right:solid 1px rgb(215,215,215) /*Use this statement if left column is longer than the right column. Activate by removing "xx_" from property name*/; background-color:rgb(255,255,255);}
.content-2col-nobox-rightcolumn {display:inline; float:right; width:337px; border-left:solid 1px rgb(215,215,215)/*Use this statement if right columnn is longer than the left column. De-activate by adding "xx_" to propery name*/; background-color:rgb(255,255,255);}

/* CONTAINER (BOXES) */
.content-1col-box {width:676px; background-color:transparent;}
.content-2col-box-leftcolumn {display:inline; float:left; width:333px; background-color:transparent;}
.content-2col-box-rightcolumn {display:inline; float:right; width:333px;  background-color:transparent;}
.content-2col-box {width:333px; background-color:rgb(255,255,255);}






/******************************************/
/*  SUBCONTENT */
/******************************************/

.subcontent-box {width:260px; margin:0 0 2.5em 0; float:right; border-right:solid 10px rgb(225,225,235); background-color:rgb(255,255,255);}

.subcontent-unit-border {width:258px;  margin:0 0 2.5em 0; padding:0 0 0 0; border:solid 1px rgb(190,190,190); background-color:rgb(235,235,235);}
.subcontent-unit-border-green {width:258px;  margin:0 0 2.5em 0; padding:0 0 0 0; border:solid 1px rgb(160,214,81); background-color:rgb(217,239,185);}
.subcontent-unit-border-blue  {width:258px;  margin:0 0 2.5em 0; padding:0 0 0 0; border:solid 1px rgb(137,170,214); background-color:rgb(213,225,240);}
.subcontent-unit-border-orange {width:258px;  margin:0 0 2.5em 0; padding:0 0 0 0; border:solid 1px rgb(232,177,13); background-color:rgb(248,224,150);}




/*******************************************/
/* ROUNDED BORDERS   */
/*******************************************/

.top-border-subcontent-unit {clear:both; width:260px; height:5px; background:transparent url(../../img_action_web/top_white_rounded_subcontent-unit.png) no-repeat; overflow:hidden; }
.bottom-border-subcontent-unit {clear:both; width:260px; height:5px; background:transparent url(../../img_action_web/bottom_white_rounded_subcontent-unit.png) no-repeat; overflow:hidden; }

.top-border-main-content {clear:both; width:666px; height:5px; background:transparent url(../../img_action_web/top_rounded_main-content.png) no-repeat; overflow:hidden; }
.bottom-border-main-content {clear:both; width:666px; height:5px; background:transparent url(../../img_action_web/bottom_rounded_main-content.png) no-repeat; overflow:hidden; }

.top-border-main-full-content {clear:both; width:938px; height:5px; background:transparent url(../../img_action_web/top_rounded_main-full-content.png) no-repeat; overflow:hidden; }
.bottom-border-main-full-content {clear:both; width:938px; height:5px; background:transparent url(../../img_action_web/bottom_rounded_main-full-content.png) no-repeat; overflow:hidden; }

/* Sólo las esquinas para los contenidos laterales de colores */
.round-border-topleft {width:5px; height:5px; position:absolute; z-index:100; background:url(../../img_action_web/top_left_rounded.png) no-repeat; margin-top:-1px; margin-left:-1px;}
.round-border-topright {width:5px; height:5px; position:absolute; z-index:100; background:url(../../img_action_web/top_right_rounded.png) no-repeat; margin-top:-1px; margin-left:254px;}
.round-blue-border-bottomleft {width:5px; height:5px; position:absolute; z-index:100; background:url(../../img_action_web/bottom_blue_left_rounded.png) no-repeat; margin-top:-4px; margin-left:-1px;}
.round-blue-border-bottomright {width:5px; height:5px; position:absolute; z-index:100; background:url(../../img_action_web/bottom_blue_right_rounded.png) no-repeat; margin-top:-4px; margin-left:254px;}
.round-orange-border-bottomleft {width:5px; height:5px; position:absolute; z-index:100; background:url(../../img_action_web/bottom_orange_left_rounded.png) no-repeat; margin-top:-4px; margin-left:-1px;}
.round-orange-border-bottomright {width:5px; height:5px; position:absolute; z-index:100; background:url(../../img_action_web/bottom_orange_right_rounded.png) no-repeat; margin-top:-4px; margin-left:254px;}
.round-grey-border-bottomleft {width:5px; height:5px; position:absolute; z-index:100; background:url(../../img_action_web/bottom_grey_left_rounded.png) no-repeat; margin-top:-4px; margin-left:-1px;}
.round-grey-border-bottomright {width:5px; height:5px; position:absolute; z-index:100; background:url(../../img_action_web/bottom_grey_right_rounded.png) no-repeat; margin-top:-4px; margin-left:254px;}
.round-green-border-bottomleft {width:5px; height:5px; position:absolute; z-index:100; background:url(../../img_action_web/bottom_green_left_rounded.png) no-repeat; margin-top:-4px; margin-left:-1px;}
.round-green-border-bottomright {width:5px; height:5px; position:absolute; z-index:100; background:url(../../img_action_web/bottom_green_right_rounded.png) no-repeat; margin-top:-4px; margin-left:254px;}







/******************************************/
/*  FOOTER  */
/******************************************/

.footer p {clear:both; line-height:1.3em; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:110%;}
.footer p.credits {clear:both; font-weight:normal;}
.footer a, .footer a:visited {text-decoration:underline; color:rgb(125,125,125);}
.footer a:hover {text-decoration:none; color:rgb(0,0,0);}




/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .navbar:after, .navbar-top:after, .header-breadcrumbs:after, .main:after, .main-content:after, .main-content div:after, .main-subcontent:after, .main-subcontent div:after, .footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .content-2col-nobox-leftcolumn:after, .content-2col-nobox-rightcolumn:after, .content-1col-box:after, .content-2col-box-leftcolumn:after, .content-2col-box-rightcolumn:after, .content-2col-box:after, .subcontent-box:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
 p:after {content:"."; display:block; height:0; /*clear:both Do not use here to avoid paragraphs clearing next to images;*/  visibility:hidden;}
 

/**************/
/*  PRINTING  */
/**************/
/* To avoid that some layouts may break during printing */
/* we remove one vertical border-line for the columns  */                 
@media print {.content-2col-nobox-rightcolumn {display:inline; float:right; width:337px; border-left:none; background-color:rgb(255,255,255);}}