@import url('reset.css');
@import url('base.css');

/*(C)2008 (X)HTML and CSS by Nicolas Calabrese - www.sikker.com.ar */


/************************************************************************************************************************************************
  COMMON STYLES
  -----------------------------------------------------------------------------------------------------------------------------------------------
  $ Header Area   �   $ Content Area   �   $ Footer Area
************************************************************************************************************************************************/


      html {text-align:center; background:#363738;}
      #wrapper {width:100%; background:#363738; color:#666666; font-family:Tahoma, Arial, "Trebuchet Ms", Verdana, sans-serif; font-size:11px;   }

            
/* ��������������������������������������������������������������������������������������������������������������������������������������������� 
 $ Header Area
��������������������������������������������������������������������������������������������������������������������������������������������� */

            #header {background:#404445 url(../images/header-bg.gif) repeat-y 50% 0; border-top:10px solid #404445;}
            #header .body, #content .body, #footer .body {margin:0 auto; text-align:left; width:960px;}
            #content .body, #footer .body {width:881px;}
			#header .body {background:#fff url(../images/generic-header-topline.gif) no-repeat 0 0; }

/* Logo
������������������ */
			#header h1 {padding:15px 0 11px 16px}
			
/* Search box
������������������ */			
			#top {background:red; height:90px; width:90px;}
			#header #searchbox {margin:25px 20px 0 0; display:inline}
			#header #searchbox p {margin:0 35px 5px 0; text-align:right; color#000}
			#header #searchbox p a {color:#666; text-decoration:none;}
			#header #searchbox p a:hover {color:#811517; text-decoration:underline;}
			#header #searchbox input {border:1px solid #999; height:12px; width:150px; vertical-align:top; margin-top:2px; color:#666; font-size:11px; padding:3px 5px;}
			#header #searchbox input.button {background:url(../images/go-button.gif) 0 0; border:0; width:30px; height:25px; margin-top:0; cursor:pointer; padding:0;}


/* Section Heading
������������������ */			
 			#header #section-heading {height:173px; background:url(../images/generic-header-image.png) no-repeat 0 0; position:relative; }
 			#header #section-heading h2 {position:absolute; top:40%; left:41px; color:#000; text-transform:uppercase; font-size:28px; font-family:Calibri,"Trebuchet Ms",Arial;}
 			#header #section-heading p {position:absolute; left:41px; color:#fff; text-transform:uppercase; font-size:28px; font-family:Calibri,"Trebuchet Ms",Arial; width:520px}
 			#header #section-heading.two-lines h2 {top:30%;}
 			#header #section-heading.two-lines p {top:50%;}
 			#header #section-heading.more-lines h2 {top:15%;}
 			#header #section-heading.more-lines p {top:35%; }
 			#header #section-heading h2 em {color:#DE1818; font-style:normal}

			/* Big header (homepage) ������������������ */			
			#header.big #section-heading {height:357px; background:url(../images/homepage-header-image.png) no-repeat 0 0;}

                        /* No image */
                        #header #section-heading.no-image  {background:#fff url(../images/content-bg.gif) repeat-y 50% 0; height:auto; padding:30px 40px 0 40px;}
                        #header #section-heading.no-image h2 {position:static;}
                        #header #section-heading.no-image  p {color:#000; font-size:18px; position:static; text-transform:none; width:auto;}
			
/* Main menu 
������������������ */	
			#header .control {background:#404445 url(../images/nav-bg.png) repeat-x 0 -9px; width:100%; height:auto; clear:both;}
			#header .control .nav {overflow:hidden; height:34px;}
			#header .control .nav li {float:left; font:16px Tahoma; text-transform:uppercase; text-align:center; border-right:1px solid #525252; border-left:1px solid #000000; }
			#header .control .nav li.last {border-right:1px solid #000; width:158px;}
			#header .control .nav li a {color:#D9EFF4; text-decoration:none; display:block; float:left; width:158px; height:37px; padding:8px 0 0 0; }
			#header .control .nav li a:hover {color:#fff; background:#891A1B url(../images/nav-a-bg.png) repeat-x 0 -8px;}
			#header .control .nav li a:active, #header .control .nav li a.active {background:#484C4D; color:#fff;}					  

/* Submenu 
 ������������������ */	
			#header .control .subnav {overflow:hidden; background:#E5E5E5; height:14px; padding:8px 25px;}
			#header .control .subnav li {float:left; font-size:12px;}
			#header .control .subnav li a {color:#000; text-decoration:none; float:left; height:37px; padding:0 15px }
			#header .control .subnav li a:active, #header .control .subnav li a.active {font-weight:bold;}				
			#header .control .subnav li a:active:hover, #header .control .subnav li a.active:hover {color:#000;}				
			#header .control .subnav li a:hover {color:#CD2124; }

/* Non-index page title
 ������������������ */	
                        #header .control .page-title {background:#363738 url(../images/content-bg.gif) repeat-y 50% 0; min-width:960px; width:auto!important; width:960px; overflow:hidden; padding-top:22px}
			#header .control .page-title h1 {color:#000000;font-size:25px;font-weight:normal;margin-bottom:0.5em;margin-left:15px;}

			
/* ��������������������������������������������������������������������������������������������������������������������������������������������� 
 $ Content Area
��������������������������������������������������������������������������������������������������������������������������������������������� */

            #content {background:#363738 url(../images/content-bg.gif) repeat-y 50% 0; min-width:960px; width:auto!important; width:960px; overflow:hidden; padding-top:22px}
            #content  .body {background:#fff;}
            

/* Columns and layout
 ������������������ */	
			#content .row {width:100%; clear:both} 
			.to-left {float:left;}  
			.to-right {float:right;}
			#content .col-width-1 {width:210px}				
			#content .col-width-2 {width:635px}		
			#content .col-width-3 {width:300px}		

				
			/* COMMON TAGS AND CLASSES*/
			
			#content .row, #content .box, #content p, #content h2, #content h3, #content h4, #content h5, #content h6, #content ul, #content ol, #content table {margin-bottom:20px;}

			.rounded {-moz-border-radius: 5px; -webkit-border-radius: 5px; }
				
			#content h2 {color:#D31111; font-size:21px; font-weight:normal;}
			#content h2.model-02, h3.model-02  {font-size: 26px; font-family: Calibri,"Trebuchet Ms",Arial; font-weight: normal; text-transform: uppercase; color:#121212;}
			#content h3 {color:#333;font-size:12px;}
			#content h3.model-02 {font-size:19px; text-transform:none;}

			#content .left-arrow {background:url(../images/arrow.gif) no-repeat left 50%; padding:2px 0 2px 20px ; position:relative; left:-20px;}
			#content .right-arrow {background:url(../images/arrow.gif) no-repeat right 50%; padding:2px 20px 2px 0 ; }
			#content .r-margin {margin-right:40px;}
			#content .centered {text-align:center}
			
			#content p {font-size:12px; line-height:1.4;}
			#content p.intro {font-size:14px; line-height:1.4;}
			
			#content em {color:#820809; font-style:normal;}
			#content strong {color:#333;}
			
			#content img {border:1px solid #C2C2C2; padding:3px; margin:0 10px 10px 0;}
			#content  img.to-right  {margin:0;}	
			
			#content blockquote {margin-bottom:10px; font-style:italic; font-size:12px; line-height:1.2; font-family:Verdana}
			
			/* Links */
			#content a {color:#820809; text-decoration:none;}
			#content a:hover {text-decoration:underline; }
			#content a:hover  img {border-color:#999;}
			
                        /* Tables */
                        table {width:100%; border-bottom:1px solid #ececec;}
                        th {color:#D31111; font-size:12px; padding-bottom:10px;}
                        th, td {line-height:1.3; }
                        #content td .box {display:block; padding:10px; width:auto; height:50px;}
                        * html td, * html + body td  {height:0px;}
                        table .par, table .par td{background:#ececec!important;}

			/* Forms */
			#content form {display:block; margin:0 0 5px 0; }
		        #content form label {display:block; margin:0 0 5px 0; }
			#content form input {border:1px solid #CBCBCB; height:15px; width:300px; color:#666; font-size:11px; padding:3px 5px; margin-bottom:15px;}
			#content form select {border:1px solid #CBCBCB; height:22px; width:300px; color:#666; font-size:11px; padding:3px 5px; margin-bottom:15px;}
			#content form label {display:block; margin:0 0 5px 0; }
			#content form textarea {height:140px; border:1px solid #CBCBCB; padding:5px; width:100%;}
			#content form input.checkbox {border:1px solid #CBCBCB; height:auto; width:auto; color:#666; font-size:11px; padding:0; margin-bottom:5px;}
			#content form input.button {margin-right:10px;}
			#content .body form ul li, #content .body form ol li{background:none; padding:0;}

			#content form .webform_table {width:auto; min-width:500px; border-bottom:0;}			
		        #content form td {padding:0 10px 10px 0;}			
			#content form td.webform_field {width:170px;}			
			#content form td.webform_label, td.webform_label_multi {font-weight: bold; width:100px; color:#333333;}			

			/* OpenCMS Form Generation style tags */
			table.webform_table select {height: 20px;}
			table.webform_table textarea {height: 60px;}
			table.webform_table tr td.webform_button {text-align: center;}

			/* error */
			span.webform_label_error{color: #CC0000;}
			span.webform_msg_error{color: #CC0000;font-weight: bold;} 			

			/* checkbox */
			table.webform_checkbox_row{float: left;padding: 0px 8px 0px 0px;} 			
			td.webform_field_checkbox, td.webform_field_checkbox_row{padding: 2px 0px 2px 0px;} 			 			
			td.webform_label_checkbox{padding: 2px 0px 2px 5px;}
			td.webform_label_checkbox_row{padding: 2px 0px 2px 3px;}

			/* radio */
			table.webform_radio_row{float: left;padding: 0px 8px 0px 0px;}
			td.webform_field_radio, td.webform_field_radio_row{padding: 4px 0px 0px 0px;}
			td.webform_label_radio, td.webform_label_radio_row{padding: 1px 0px 0px 5px;}

			/* table field */
			table.webform_label_table{vertical-align: top;}
			.webform_label_table tr th, .webform_label_table tr td,.webform_field_table tr th, .webform_field_table tr td {white-space: nowrap;}

			/* Lists */
			#content .body ul {}
			#content .body ul li {background:url(../images/small-bullets.gif) no-repeat scroll 0 3px;}
/*
			#content .body ul li {background:url(../images/small-bullets.gif) no-repeat 0 50%;}
*/

			#content .body ul li, #content ol li {padding:0 0 3px 15px; font-size:12px}
			#content ul.ul-model-02 {}
			#content ul.ul-model-02 li{color:#820809; font-size:15px; line-height:1.2;}
			#content .box ul.ul-model-02 li.higher {padding:20px 30px; background-position:5px 18px;}
			
			/* Buttons */
			#content .button {background:url(../images/buttons-span.png) no-repeat -6px 0; display:block; border:0; cursor:pointer; font-family: Calibri,"Trebuchet Ms",Arial; text-align:center;  font-weight: 600; text-transform: uppercase; color:#515050; text-decoration:none; }
			#content .button:hover {background-position:-206px 0; color:#820809; text-decoration:none; color:#515050; text-decoration:none; color:#820809;}            
			#content .button-model-01 {width:170px; height:35px; font-size: 20px; padding-top:18px }
			#content .button-model-02 {background-position: -6px -75px; width:170px; height:37px; font-size: 16px; }
			#content .button-model-02:hover {background-position:-206px -75px;}            
			#content .button-model-03 {background-position: -7px -139px; font-size:12px; height:18px; padding-top:7px; width:96px;}
			#content .button-model-03:hover {background-position:-207px -139px;}            

			/* Button Model 1 IE6 hacks */
			* html #content .button {background:url(../images/buttons-span.png) no-repeat -6px -8px; display:block; border:0; cursor:pointer; font-family: Calibri,"Trebuchet Ms",Arial; text-align:center;  font-weight: 600; text-transform: uppercase; color:#515050; text-decoration:none; }
			* html #content .button-model-01 {width:170px; height:30px; font-size: 20px; padding-top:14px }
			* html #content .button:hover {background-position:-206px -8px; color:#820809; text-decoration:none; color:#515050; text-decoration:none; color:#820809;}            
			* html #content .button-model-02 {background-position: -6px -75px; width:170px; height:37px; font-size: 17px; }
			* html #content .button-model-02:hover {background-position:-206px -75px;}            

/* Icons
������������������ */
			#content div.icon {}
			#content div.icon > * {position:relative; top:15px;}
			#content div.icon {}
			#content div.icon01 {background:url(../images/icon01.jpg) no-repeat right top;}
			#content div.icon02 {background:url(../images/icon02.jpg) no-repeat right top;}
			#content div.icon03 {background:url(../images/icon03.jpg) no-repeat right top;}
			#content div.icon04 {background:url(../images/icon04.jpg) no-repeat right top;}
			
			
/* Custom styles for the sidebar elements 
����������������������������������������� */
			#content .col-width-1 .box  {width:170px}				
			#content .col-width-1 .box h2 {color:#3B4345; text-transform:uppercase; font-size:17px; font-weight:bold;}				
			#content .col-width-1 .box h3 {margin-bottom:10px;}				
			#content .col-width-1 .box  hr {color:#B4C4C6; background:#B4C4C6; height:1px; margin:15px 0;}
			#content .col-width-1 .box {padding:15px 20px 5px 20px;}				
			#content .col-width-1 .box .button {padding-top:9px;}				
			#content .col-width-1 .box .small-button{background:#F6FDFF; padding:3px 8px; display:inline; border:1px solid #B2BFC1;}				
			#content .col-width-1 .box .small-button:hover {background:#fff; border:1px solid #A2B7B9;}				
			
			
            
/* ��������������������������������������������������������������������������������������������������������������������������������������������� 
 $ Footer Area
��������������������������������������������������������������������������������������������������������������������������������������������� */

            #footer {background:#363738 url(../images/generic-footer-bg.gif) repeat-y center bottom; height:49px;min-width:960px; width:auto!important; width:960px; }
            #footer .body {padding-top:11px; background:none;}
            


/************************************************************************************************************************************************
  CLASES USED IN SPECIFIC SECTIONS
  -----------------------------------------------------------------------------------------------------------------------------------------------
  $ Homepage   �   $ About Us   �   $ Contact US
************************************************************************************************************************************************/

            
/* ��������������������������������������������������������������������������������������������������������������������������������������������� 
 $ Homepage
��������������������������������������������������������������������������������������������������������������������������������������������� */

/* CONTENT
 ������������������ */	
		
		#content.homepage .col-width-1 {width:240px}	
		#content.homepage .col-width-1 .box {width:200px}	
		#content.homepage .quotes {height:195px; background:url(../images/quotes-bg.jpg) no-repeat 0 -1px}	
		
		#content.homepage .row {margin-bottom:0}
		#content.homepage .button-model-02 {height:30px; padding-top:11px }

		/* Section headers ������������������ */	
		#content .section-header{background:url(../images/sh-bg.gif) no-repeat 50% 0; margin-bottom:20px!important; height:50px; padding: 10px 60px 3px 60px; text-align:center; font-size: 20px; font-family: Calibri,"Trebuchet Ms",Arial; color:#121212; }
		#content .section-header p {font-size:16px; line-height:1.4;}
		
		/* Boxes ������������������ */
		#content .box {overflow:hidden; width:367px; padding:15px 30px 0 30px;}
		#content .box p {line-height:1.2;font-size:12px;}
		#content .box p, .box h2 {margin-bottom:10px!important;}
		#content .grey {background:#F1F1F1 url(../images/box-grey-top-corners.gif) no-repeat 0 0;}			
		#content .grey .buttons {background:url(../images/box-grey-top-corners.gif) no-repeat right bottom;}			
		#content .blue {background:#DDEAEE;}
		#content .blue .buttons {background:url(../images/box-blue--bottom-corners.gif) no-repeat left bottom;}
		#content .cyan {background:#E6F5F8;}
		#content .box .buttons {bottom:-1px; height:70px; left:-30px; margin:0; padding:0; position:relative; width:427px;}		
		#content .box .box-wrapper {margin:10px 30px; }			
		#content .box .to-left {float:none; position:absolute; left:30px; top:0;}
		#content .box .to-right {float:none; position:absolute; right:30px; top:0;}
		/* Custom styles inside the boxes */	
		#content .box  h3.model-02{background:#DCE7E9 url(../images/h3-ul-bg.jpg) repeat-x 0 0; height:19px; width:407px; padding:10px; margin:-15px 0 10px -30px!important;}
		#content .box  ul.ul-model-02 {margin:-12px 0 0 -30px; width:427px;  border-bottom: 1px solid #F0F5F7;}
		#content .box  ul.ul-model-02 li {background:url(../images/bullets.png) no-repeat 5px 5px; padding:8px 30px; border-bottom:1px solid #80A8B0; border-top: 1px solid #F0F5F7;}				
		#content .standar-height {min-height:270px; height:auto!important; height:270px; position:relative; }  /* Use it to set the same size to he boxes */
		#content .standar-height .buttons {height:55px; margin:0 30px; position:absolute; } 

		/* Showcase ������������������ */	
		#content .showcase {width:556px; background:url(../images/showcase-bg.jpg) no-repeat 0 0; height:199px; position:relative;}
		#content .showcase div {background:none!important;}
		#content .showcase  h2{text-transform:uppercase; color:#3A3E3E; display:inline;}
		#content .showcase  img {border:0; background:0;}
		#content .showcase  .client-info {position:relative; top:8px; height:108px; overflow:hidden; border-top:10px solid #DBEDF1; }
		#content .showcase  .client-logo {width:200px; float:left;}
		#content .showcase  .client-logo img {padding:0;}
		#content .showcase  .description {width:335px; float:left; margin-top:-6px; border-left:10px solid #DBEDF1;}
		#content .showcase  .description h3 {position:relative; top:15px; font-size:16px; color:#820809; text-transform:uppercase; font-weight:normal;}
		#content .showcase  .description .button {position:relative; top:-5px; left:-2px;}
		
		/* Slider ������������������ */	
		#content .showcase .slider {margin-top:17px;}
		
		/* Slider Nav */
			#content .showcase .nav a  {position:absolute; bottom:2px; text-indent:-5000px; background:url(../images/slider-arrows.gif) no-repeat 0 -2px; height:34px; width:15px; z-index:100;}
			#content .showcase .nav  a.prev {left:0;}
			#content .showcase .nav  a.prev:hover {background-position:0 -92px;}
			#content .showcase .nav  a.next {right:1px; background-position:-3px -182px;}
			#content .showcase .nav  a.next:hover {background-position:-3px -272px;}
			
		/* Slider Nav*/
			#content .showcase .slider  .section {margin:0}
			#content .showcase .slider  img{margin-bottom:0; cursor:pointer;}
				
				
		/* Featured area ������������������ */	
		#content div.featured {background:#DDE5E8 url(../images/featured-bg.jpg) repeat-x 0 0;min-height:100px; height:auto!important; height:100px;border-top:5px solid #3E4040; border-bottom:1px solid #A6C1C7; line-height:1.2;margin:10px auto;padding:20px 40px;width:880px;text-align:left;overflow:visible; margin-bottom:10px!important;} 
		#content div.featured div.half{width:419px; color:#3B4345;}
		#content div.featured h2.model-02 {border-top:5px solid #9F4647; display:inline; padding-top:20px;}
		#content div.featured h2.right-arrow {background-position: right 29px;}
		* html #content div.featured h2.right-arrow {background-position: right 34px;} /* for ie6*/
		#content div.featured h3, #content div.featured ul {margin-top:10px; margin-bottom:10px; font-size:12px;}
		#content div.featured h3 span {font-weight:normal;}
		#content div.featured ul  li {padding:2px 0;}
		#content div.featured ul  li a, #content div.featured ul  li a:hover {color:#3B4345;}		

		/* Two Columns Layout ������������������ */	
		#content div.two-columns {height:auto !important;line-height:1.2;margin-bottom:10px !important;margin-left:auto;margin-right:auto;margin-top:10px;min-height:100px;padding:20px 10px;text-align:left;width:878px;}		
		#content div.two-columns div.half{width:419px; color:#3B4345;}
		#content div.two-columns h2.model-02 {border-top:5px solid #9F4647; display:inline; padding-top:20px;}
		#content div.two-columns h2.right-arrow {background-position: right 29px;}
		* html #content div.two-columns h2.right-arrow {background-position: right 34px;} /* for ie6*/
		#content div.two-columns h3, #content div.two-columns ul {margin-top:10px; margin-bottom:10px; font-size:12px;}
		#content div.two-columns h3 span {font-weight:normal;}
		#content div.two-columns ul  li {padding:0 0 3px 15px;}
		#content div.two-columns ul  li a, #content div.two-columns ul  li a:hover {color:#3B4345;}
		#content div.two-columns span {color:#B7B7B7;}
		#content div.two-columns div.colLast {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(../images/dots_vert.gif) repeat-y scroll 0 0;padding-left:15px;padding-right:0;}		
		#content div.two-columns h2.left-arrow {left:0px;}

		#content div.teaser p {font-size:14px; line-height:1.4;}
		#content div.teaser span {font-size:13px;font-weight:normal;}

/* FOOTER 
������������������ */	
		#footer.homepage {background:#363738 url(../images/homepage-footer-bg.gif) repeat-y center bottom;}
		#footer.homepage .body {padding-top:5px;}
  	  
	  
/* ��������������������������������������������������������������������������������������������������������������������������������������������� 
 $ Contact Us
��������������������������������������������������������������������������������������������������������������������������������������������� */

	   #content form.contactus {background:url(../images/form-logo.jpg) no-repeat right 50%;}
	   #content form.contactus .row p {position:relative; top:12px; left:15px;}
           #contactform {}

	   
	  
/* ��������������������������������������������������������������������������������������������������������������������������������������������� 
 $ Customers
��������������������������������������������������������������������������������������������������������������������������������������������� */
           #content .colCustomerTN {display:inline;float:left;text-align:center;width:160px;}
           #content .colCustomer {margin-left:175px;}
	   #content form.contactus .row p {position:relative; top:12px; left:15px;}
	   
	   /*
 * Example for the Alkacon OAMP Webform Module
 */
 
	/* labels */
	td.webform_label, td.webform_label_multi {
		font-weight: bold;
		padding: 5px 0px 3px 0px;
		font-size:14px;
	}
	
	/* additional fields */
	table.webform_table select {
		height: 20px;
	}

	table.webform_table textarea {
		height: 60px;
	}

	table.webform_table tr td.webform_button {
		text-align: center;
	}
	
	/* error */
	span.webform_label_error{
		color: #CC0000;
	}
	
	span.webform_msg_error{
		color: #CC0000; 
		font-weight: bold;
	}
	
	/* checkbox */
	table.webform_checkbox_row{
		float: left; 
		padding: 0px 8px 0px 0px;
	}
	
	td.webform_field_checkbox, td.webform_field_checkbox_row{
		padding: 2px 0px 2px 0px;
	}
	
	td.webform_label_checkbox{
		padding: 2px 0px 2px 5px;
	}

	td.webform_label_checkbox_row{
		padding: 2px 0px 2px 3px;
	}
	
	/* radio */
	table.webform_radio_row{
		float: left; 
		padding: 0px 8px 0px 0px;
	}
	
	td.webform_field_radio, td.webform_field_radio_row{
		padding: 4px 0px 0px 0px;
	}
	
	td.webform_label_radio, td.webform_label_radio_row{
		padding: 1px 0px 0px 5px;
	}
	
	/* table field */
	table.webform_label_table{
		vertical-align: top;
	}
	
	.webform_label_table tr th, .webform_label_table tr td, 
		.webform_field_table tr th, .webform_field_table tr td {
		white-space: nowrap;
	}
	
	/************************************************************************************************ 
	 * Orange style: In the optional form configuration field "Style" "Orange" has been entered. 
     * So the following styles are special for that webform:
	************************************************************************************************/
	td.webform_label_Orange {
		color: orange;
	}
	
	td.webform_field_Orange {
		color: orange;
	}
	
	td.webform_field_Orange input, td.webform_field_Orange select {
		color: orange;
		background-color: yellow;
	}
	
	td.webform_middletext_Orange {
		color: orange;
	}
	
	td.webform_mandatory_Orange {
		color: orange;
	}
	
	td.webform_button_Orange input {
		color: orange;
		background-color: yellow;
		font-weight: bold;
	}
	
	td.webform_error_text_start_Orange {
		color: orange;
	}
	
	td.webform_error_start_Orange {
		color: orange;
	}