﻿body
{
	background:#000 url('../images/bodyBackground.gif') repeat-x top;
	font-family:Tahoma, Helvetica, Arial, Verdana, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#afbbbc;
	margin:0;
	cursor:default;
}

div#wrapper
{
	position:relative;
	display:block;
	width:1000px;
	height:auto;
	left:50%;
	margin-left:-500px;
}

div#header, div#footerOptions, div#footer, div#banner, div#bannerhome
{
	position:relative;
	display:block;
	width:920px;
	height:auto;
	margin-left:40px;
	clear:both;
	float:left;
}

div#banner
{
	position:absolute;
	display:block;
	width:1200px;
	height:auto;
	top:0;
	left:50%;
	margin-top:0;
	margin-left:-600px;
	z-index:0;
}

div#bannerhome
{
	display:table-cell;
	text-align:center;
}

div#header
{
	height:150px;
	background:url('../images/mainMenuBackground.gif') repeat-x top;
	z-index:1000;
}

div#submenu
{
	float:left;
	margin-top:20px;
	margin-left:40px;
	width:215px;
}

div#content
{
	float:right;
	margin-top:20px;
	margin-right:20px;
	width:705px;
	z-index:100;
}

div#submenu.bannermargin, div#content.bannermargin, div#contentfull.bannermargin
{
	margin-top:250px;
}

div#contentfull
{
	float:left;
	margin-top:20px;
	margin-left:40px;
	width:940px;
}

div#footerOptions
{
	clear:both;
}

div#footer
{
	text-align:center;
	margin-bottom:20px;
}


/* ESTILOS TEXTOS *****************************************************************************************************/
h1
{
	font-family:Calibri, Tahoma, Arial, Verdana, sans-serif;
	color:#fff;
	font-size:40px;
	font-weight:normal;
	margin:0 0 0 40px;
	padding:0 0 10px 0;
}

h2
{
	font-family:Calibri, Tahoma, Arial, Verdana, sans-serif;
	color:#fff;
	font-size:20px;
	font-weight:normal;
	margin:0;
	padding:0;
}

h3
{
	color:#57ba47;
	font-size:12px;
	line-height:20px;
	font-weight:bold;
	margin:0;
	padding:0;
}

h4
{
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding:0;
}

h5
{
	
}

h6
{
	
}

h7
{
	
}

h8
{
	
}

a
{
	color:#57ba47;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
	cursor:pointer;
}

a img
{
	text-decoration:none;
	border:0;
}

a:hover img
{
	text-decoration:none;
	border:0;
}

p strong
{
	color:#57ba47;
}



/* ESTILOS MENU PRINCIPAL *****************************************************************************************************/

div#header ul.menu
{
	list-style:none;
	list-style-image:none;
	margin:0;
	padding:0;
	height:46px;
	margin-bottom:2px;
}

div#header ul.menu li
{
	float:left;
	height:46px;
	background:url('../images/mainMenuSeparator.gif') no-repeat top right;
	width:122px;
	text-align:left;
}

div#header ul.menu a
{
	line-height:36px;
	font-family:Calibri, Tahoma, Arial, Verdana, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	text-align:center;
	width:119px;
	height:37px;
	display:block;
	margin-top:5px;
	background:url('../images/mainMenuActive.jpg') no-repeat center 100px; 
}

div#header ul.menu a.active
{
	color:#fff;
	background:url('../images/mainMenuActive.jpg') no-repeat center center; 
}

div#header ul.menu a:hover
{
	color:#fff;
	text-decoration:none;
	background:url('../images/mainMenuActive.jpg') no-repeat center center; 
}

div#header ul.menu li.left
{
	width:1px;
	background:url('../images/mainMenuLeft.gif') no-repeat top;
}

div#header ul.menu li.right
{
	width:1px;
	background:url('../images/mainMenuRight.gif') no-repeat top;
}

div#header ul.menu li.search
{
	width:186px;
	background:url('../images/searchBoxLeft.gif') no-repeat 16px 10px;
}

div#header ul.menu li.search input[type=text]
{
	display:block;
	width:120px;
	height:25px;
	background:url('../images/searchBoxBackground.gif') repeat-x top;
	font-family:Tahoma, Helvetica, Arial, Verdana, sans-serif;
	border:0;
	color:#7d8b8d;
	font-size:12px;
	margin:10px 0 0 22px;
	padding:0;
	float:left;
}

div#header ul.menu li.search input[type=image]
{
	display:block;
	width:27px;
	height:25px;
	background:url('../images/searchButton.jpg') no-repeat top left;
	float:left;
	margin:10px 0 0 0;
}

div#header ul.menu li.search input[type=image]:hover
{
	background:url('../images/searchButton.jpg') no-repeat bottom left;
}




/* ESTILOS LANGUAGE Y CHAT *****************************************************************************************************/

div#header a.language, a.chat
{
	float:right;
	color:#57ba47;
	font-weight:bold;
	display:block;
	height:17px;
	margin:0 19px 0 0;
	padding:0 0 0 24px;
	text-decoration:none;
}

div#header a.language:hover, a.chat:hover
{
	color:#fff;
	text-decoration:none;
}

div#header a.esp
{
	background:url('../images/espFlag.gif') no-repeat center left;
}

div#header a.eng
{
	background:url('../images/engFlag.gif') no-repeat center left;
}

div#header a.chat
{
	padding:0 0 0 26px;
}

div#header a.chat.active
{
	background:url('../images/chatActive.gif') no-repeat center left;
}

div#header img.logo
{
	display:block;
	position:absolute;
	margin-left:50%;
	left:-53px;
	bottom:0px;
}




/* ESTILOS PRESENTACION DE SERVICIOS EN HOME *****************************************************************************************************/

ul.servicespresentation
{
	list-style:none;
	list-style-image:none;
	position:relative;
	width:940px;
	margin:0 0 30px 0;
	margin-left:30px;
	padding:0;
	float:left;
	clear:both;
	display:block;
}

ul.servicespresentation h2
{
	text-align:center;
	height:30px;
}

ul.servicespresentation li
{
	float:left;
}

ul.servicespresentation li.separator
{
	float:left;
	width:2px;
	height:148px;
	padding:0 3px;
	background:url('../images/homeServicesSeparator.png') no-repeat center center;
}

ul.servicespresentation li a
{
	float:left;
	width:72px;
	height:95px;
	padding:10px;
	font-size:11px;
	font-weight:bold;
	display:table-cell;
	text-align:center;
}

ul.servicespresentation li a:hover
{
	color:#fff;
	text-decoration:none;
	border:0;
}

ul.servicespresentation li a img
{
	border:0;
	margin:3px 0 -15px 0;
}

div.iconlist
{
	position:relative;
	height:115px;
	display:block;
	text-align:center;
	margin:12px 0 10px 0;
}

div.boxsmall div.iconlist
{
	width:216px;
}

div.boxsmall div.iconlist a
{
	width:87px;
	margin-right:1px;
}

div.boxmedium div.iconlist
{
	width:450px;
}

div.boxmedium div.iconlist a
{
	width:70px;
	margin:0;
}

div.boxlarge div.iconlist
{
	width:665px;
}

div.boxlarge div.iconlist a
{
	width:77px;
	margin-right:1px;
}

div.iconlist a
{
	float:left;
	height:95px;
	padding:10px;
	font-size:11px;
	font-weight:bold;
}

div.iconlist a:hover
{
	color:#fff;
	text-decoration:none;
	border:0;
}

div.iconlist a img
{
	border:0;
	margin:3px 0 -15px 0;
}



/* ESTILOS FOOTER OPTIONS ***************************************************************************************************************/

div#footerOptions ul
{
	position:relative;
	display:block;
	list-style:none;
	list-style-image:none;
	margin:0 0 0 -20px;
	padding:0;
	float:left;
}

div#footerOptions ul li
{
	float:left;
	margin:0 0 0 20px;
	width:215px;
	height:111px;
}

div#footerOptions ul li a img
{
	border:0;
	width:100%;
	height:100%;
}

div#footerOptions ul li.followusesp, div#footerOptions ul li.followuseng
{
	padding:48px 0 0 11px;
	width:204px;
	height:63px;
}

div#footerOptions ul li.followusesp
{
	background:url('../images/followUs_esp.jpg') no-repeat;
}

div#footerOptions ul li.followuseng
{
	background:url('../images/followUs_eng.jpg') no-repeat;
}

div#footerOptions ul li.followusesp a, div#footerOptions ul li.followuseng a
{
	float:left;
	width:31px;
	height:31px;
	margin-right:7px;
}

div#footerOptions ul li.callnowesp
{
	background:url('../images/callnow_esp.jpg') no-repeat;
}

div#footerOptions ul li.callnoweng
{
	background:url('../images/callnow_eng.jpg') no-repeat;
}

div#footerOptions ul li.freequoteesp
{
	background:url('../images/freequote_esp.jpg') no-repeat;
}

div#footerOptions ul li.freequoteeng
{
	background:url('../images/freequote_eng.jpg') no-repeat;
}

div#footerOptions ul li.subscriptionesp
{
	background:url('../images/subscription_esp.jpg') no-repeat;
}

div#footerOptions ul li.subscriptioneng
{
	background:url('../images/subscription_eng.jpg') no-repeat;
}

div#footerOptions ul li.subscriptionesp div, div#footerOptions ul li.subscriptioneng div
{
	display:block;
	width:168px;
	height:25px;
	margin:73px 0 0 21px;
	padding-left:7px;
	background:url('../images/subscriptionBoxLeft.gif') no-repeat left;
}

div#footerOptions ul li.subscriptionesp div input[type=text], div#footerOptions ul li.subscriptioneng div input[type=text]
{
	display:block;
	width:141px;
	height:25px;
	margin:0;
	padding:0;
	background:url('../images/subscriptionBoxBackground.gif') repeat-x top;
	font-family:Tahoma, Helvetica, Arial, Verdana, sans-serif;
	border:0;
	color:#7d8b8d;
	font-size:12px;
	float:left;
}

div#footerOptions ul li.subscriptionesp div input[type=image], div#footerOptions ul li.subscriptioneng div input[type=image]
{
	display:block;
	width:27px;
	height:25px;
	background:url('../images/submitButton.jpg') no-repeat top left;
	float:left;
	margin:0;
}

div#footerOptions ul li.subscriptionesp div input[type=image]:hover, div#footerOptions ul li.subscriptioneng div input[type=image]:hover
{
	background:url('../images/submitButton.jpg') no-repeat bottom left;
}




/* ESTILOS RECUADROS GRISES *****************************************************************************************************/

div.esi, div.esd, div.eii, div.eid
{
	width:8px;
	height:8px;
	position:absolute;
	z-index:1000;
}

div.esi
{
	background:url('../images/grayBoxNormalESI.gif') no-repeat;
	top:0;
	left:0;
	float:left;
}

div.esd
{
	background:url('../images/grayBoxNormalESD.gif') no-repeat;
	top:0;
	right:0;
	float:right;
}

div.eii
{
	background:url('../images/grayBoxNormalEII.gif') no-repeat;
	bottom:0px;
	left:0;
	float:left;
}

div.eid
{
	background:url('../images/grayBoxNormalEID.gif') no-repeat;
	bottom:0px;
	right:0;
	float:right;
}

.lightbox div.esi
{
	background:url('../images/grayBoxLightESI.gif') no-repeat;
	top:0;
	left:0;
	float:left;
}

.lightbox div.esd
{
	background:url('../images/grayBoxLightESD.gif') no-repeat;
	top:0;
	right:0;
	float:right;
}

.graybox, .lightbox
{
	display:block;
	background:#111 url('../images/grayBoxNormalBackground.gif') repeat-x top;
	float:left;
	border:0;
	margin:0 20px 20px 0;
	padding:10px;
	position:relative;
}

.graybox h2
{
	display:block;
	width:100%;
	height:25px;
	text-align:left;
}

.lightbox h2
{
	display:block;
	width:100%;
	height:25px;
	text-align:left;
	margin:-10px 10px 0 -10px;
	background:transparent url('../images/grayBoxlightBackground.gif') repeat-x top;
	padding:10px 10px 0 10px;
}

.graybox h2.center, .lightbox h2.center
{
	text-align:center;
}

.boxsmall
{
	width:195px;
}

.boxmedium
{
	width:430px;
}

.boxlarge
{
	width:665px;
}

.boxfull
{
	display:block;
	width:910px;
	padding-right:0;
}

hr.hseparator
{
	position:absolute;
	display:block;
	width:100%;
	height:2px;
	border:0;
	margin:0 -10px 0 -10px;
	background:transparent url('../images/grayBoxHSeparator.png') repeat-x top;
	z-index:1000;
}

ul.boxoptions
{
	list-style:none;
	list-style-image:none;
	position:absolute;
	right:0;
	margin:-30px 0 0 0;
	padding:0;
}

ul.boxoptions li
{
	position:relative;
	float:right;
	margin-left:15px;	
}

ul.boxoptions li a
{
	color:#7d8b8d;
	padding-left:10px;
	background:url('../images/bulletGreen.gif') no-repeat center left;
}

ul.boxoptions li a:hover
{
	color:#fff;
	text-decoration:none;
}

.graybox div.content
{
	margin-top:12px;
	clear:both;
}

.graybox div.content div.img
{
	width:185px;
	height:143px;
	margin:3px 20px 0 0;
	border:none;
	float:left;
}

.graybox div.content div.img img
{
	width:100%;
}

.graybox div.content h4
{
	margin:0;
	padding-right:5px;
}

.graybox div.content p
{
	padding-right:5px;
}




/* ESTILOS MENU CONTEXTUAL *****************************************************************************************************/

div#submenu ul
{
	display:block;
	position:relative;
	list-style:none;
	list-style-image:none;
	margin:2px 0 0 0;
	padding:0;
}

div#submenu ul li
{
	margin:0 0 0 -10px;
	padding:0 10px;
	line-height:30px;
	width:195px;
}

div#submenu ul li a
{
	display:block;
	font-size:12px;
	font-weight:bold;
	width:100%;
	background:url('../images/submenuBullet.png') no-repeat center right;
	border:0;
}

div#submenu ul li a.expand
{
	background:url('../images/submenuExpand.png') no-repeat center right;
}

div#submenu ul li a.colaps
{
	background:url('../images/submenuColaps.png') no-repeat center right;
}

div#submenu ul li a:hover
{
	text-decoration:none;
	color:#fff;
}

div#submenu ul li div
{
	position:relative;
	width:100%;
	padding-left:10px;
	margin:0;
	display:none;
}

div#submenu ul li.separator div
{
	margin:0 0 5px 0;
}

div#submenu ul li div a
{
	display:block;
	padding:1px 0;
	font-size:11px;
	font-weight:bold;
	color:#7d8b8d;
	background:url();
}

div#submenu ul li div a img
{
	border:0;
	display:block;
	float:left;
	margin:2px 8px 0 0;
}

div#submenu ul li.separator
{
	padding-bottom:2px;
	background:url('../images/grayBoxHSeparator.png') repeat-x bottom;
}

/* ESTILOS BREADCRUM *****************************************************************************************************/

ul.breadcrum
{
	list-style:none;
	list-style-image:none;
	margin:30px 0 0 0;
	padding:0;
	width:100%;
	height:34px;
	border-top:1px #3d4c4f solid;
	border-bottom:1px #3d4c4f solid;
}

ul.breadcrum li
{
	font-weight:bold;
	line-height:34px;
	padding:0 24px 2px 10px;
	margin:-1px 0 0 0;
	float:left;
	background:transparent url('../images/breadcrumSeparator.gif') no-repeat center right;
	color:#fff;
}

ul.breadcrum li a
{
	color:#3d4c4f;
}

ul.breadcrum li a:hover
{
	color:#fff;
	text-decoration:none;
}

ul.breadcrum li.sitemap
{
	font-weight:bold;
	line-height:34px;
	padding:20px 10px 20px 80px;
	margin:-21px 0 0 0;
	float:right;
	background:transparent url('../images/siteMap.png') no-repeat center left;
}

ul.breadcrum li.sitemap a
{
	color:#57ba47;
}

ul.breadcrum li.sitemap a:hover
{
	color:#fff;
	text-decoration:none;
}




/* ESTILOS MENU FOOTER *****************************************************************************************************/

div#footer ul.menu
{
	list-style:none;
	list-style-image:none;
	margin:0 0 60px 0;
	padding:0;
	width:100%;
	clear:both;
}

div#footer ul.menu li
{
	float:left;
	padding:0 10px;
	font-weight:bold;
}

div#footer ul.menu li.legal
{
	float:right;
	padding:0 10px;
	font-weight:normal;
}

div#footer ul.menu li a:hover
{
	color:#fff;
	text-decoration:none;
}

div#footer img.logo
{
	clear:both;
	margin-bottom:5px;
}

div#footer p
{
	color:#7d8b8d;
	margin:3px 0;
}

div#footer p a
{
	font-weight:bold;
}




/* ESTILOS PARA SCROLLBAR **********************************************************************************************/
.overflowBox
{
	overflow:hidden;
	position:relative;
	border:none;
	margin:0;
	padding:0;
}


.ag-innerBox
{
	position:relative; /*in STRICT this messes up IE THIS causes the whole problem*/ 
	top:0px;
	left:0px;
	background:transparent;
	float:left;
}


.ag-track
{
	height:100%;
	width:13px;
	background: url('../Images/grayBoxVSeparator.png') repeat-y center;
	float:right;
}

.ag-handle
{
	display:block;
	height:13px;
	width:13px;
	cursor:pointer;
	float:right;
	background: url('../Images/scrollhandler.gif') no-repeat center top;
	margin-right:-2px;
}

.ag-handle:hover
{
	background: url('../Images/scrollhandler.gif') no-repeat center bottom;
}




/* ESTILOS BANNER *********************************************************************************************************/




/* ESTILOS TITLE *********************************************************************************************************/

div.pagetitle
{
	position:absolute;
	margin:0 0 0 40px;
	width:500px;
	z-index:900;
	top:130px;
	display:block;
}

div.pagetitle h1
{
	position:relative;
	margin:0;
}

div.pagetitle h3
{
	position:relative;
	margin:30px 0 0 0;
	color:#fff;
	font-weight:bold;
	text-align:left;
	width:350px;
}

div.greenbutton
{
	position:relative;
	display:block;
	width:215px;
	height:37px;
	margin:30px 0 0 0;
	bottom:0;
}

div.greenbutton div.left, div.greenbutton div.right
{
	position:relative;
	display:block;
	width:13px;
	height:37px;
	float:left;
}

div.greenbutton div.left
{
	background:url('../images/bannerButtonLeft.png') no-repeat;
}

div.greenbutton div.right
{
	background:url('../images/bannerButtonRight.png') no-repeat;
}

div.greenbutton a
{
	position:relative;
	line-height:37px;
	height:37px;
	width:189px;
	background:url('../images/bannerButtonBackground.gif') repeat-x;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	text-align:center;
	float:left;
}

div.greenbutton a:hover
{
	text-decoration:none;
}

input.greenbutton
{
	position:relative;
	display:block;
	width:100px;
	height:37px;
	margin:0 20px 0 0;
	bottom:0;
	background:url('../images/greenbutton.jpg') no-repeat top;
	border:0;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}




/* ESTILOS LISTAS TIPO LISTA *********************************************************************************************************/

div.toolbar
{
	position:relative;
	width:100%;
	float:left;
	margin:0;
}

div.toolbar h2
{
	margin:24px 0 10px 0;
}

div.toolbar img
{
	margin:15px 10px 20px 0;
	float:left;
	display:block;
}

div.toolbar input
{
	margin:20px 0 0 15px;
	float:right;
	display:block;
	width:21px;
	height:19px;
}

div.toolbar input.list.active, div.toolbar input.list:hover
{
	background:url('../images/listType1Button.gif') no-repeat top;
}

div.toolbar input.list
{
	background:url('../images/listType1Button.gif') no-repeat bottom;
}

div.toolbar input.grid.active, div.toolbar input.grid:hover
{
	background:url('../images/listType2Button.gif') no-repeat top;
}

div.toolbar input.grid
{
	background:url('../images/listType2Button.gif') no-repeat bottom;
}

div.list table, div.detail table
{
	border-collapse:collapse;
	display:block;
	clear:both;
	width:100%;
	margin:20px 0 10px 0;
}

div.list table td, div.detail table td
{
	vertical-align:top;
	text-align:left;
}

div.list table td.img
{
	width:124px;
	padding-right:15px;
}

div.list table td.img img, div.detail table td.img img
{
	width:100%;
}

div.list table td.info, div.detail table td.info
{
	width:auto;
	padding-right:20px;
}

div.list table td.options, div.detail table td.options
{
	width:100px;
	padding-left:10px;
	background:url('../images/grayBoxVSeparator.png') repeat-y left;
}

div.list table td.options.empty, div.detail table td.options.empty
{
	background:url();
}

div.list table td.options a, div.detail table td.options a
{
	display:block;
	color:#7d8b8d;
	float:none;
	clear:both;
	margin-bottom:5px;
	padding-left:10px;
	background:url('../images/bulletGreen.gif') no-repeat center left;
}

div.list table td.options a:hover, div.detail table td.options a:hover
{
	color:#fff;
	text-decoration:none;
}

div.list table h3, div.detail table h3
{
	display:block;
	margin:-5px 0 0 0;
	padding:0;
	color:#57ba47;
}

div.list table p
{
	display:block;
	margin:5px 0 0 0;
	padding:0;
	line-height:16px;
}

div.list table div.esi, div.list table div.esd, div.list table div.eii, div.list table div.eid
{
	display:none;
}

div.list table p.detail
{
	overflow:hidden;
	height:65px;
}




/* ESTILOS LISTAS TIPO MOSAICO *********************************************************************************************************/

div.grid table, div.boxfull div.grid table
{
	border-collapse:collapse;
	width:120px;
	margin:10px 20px 10px 0;
	float:left;
}

div.grid table td
{
	display:list-item;
	list-style:none;
	list-style-image:none;
	margin:0;
	padding:0;
	float:none;
	text-align:center;
	background-color:#363636;
}

div.grid table td.img, div.boxfull div.grid table td.img
{
	width:120px;
	height:90px;
	overflow:hidden;
	padding:10px 10px 0 10px;
	background:#363636 url('../images/thumbnailBackground.gif') repeat-x top;
}

div.grid table td.img img
{
	width:100%;
}

div.grid table td.info
{
	height:20px;
	padding:5px 10px 8px 10px;
}

div.grid table td.info a:hover
{
	color:#fff;
	text-decoration:none;
}

div.grid table td.options
{
	height:8px;
	padding:0 10px;
}

div.grid table td.options a
{
	display:none;
}

div.grid table h3
{
	display:block;
	font-size:11px;
	line-height:14px;
	margin:0;
	padding:0;
}

div.grid table p
{
	display:none;
}

div.grid table div.esi, div.grid table div.esd, div.grid table div.eii, div.grid table div.eid
{
	width:8px;
	height:8px;
	position:relative;
	z-index:1000;
}

div.grid table div.esi
{
	background:url('../images/thumbnailESI.gif') no-repeat;
	margin:-10px 0 0 -10px;
	float:left;
}

div.grid table div.esd
{
	background:url('../images/thumbnailESD.gif') no-repeat;
	margin:-10px -10px 0 0;
	float:right;
}

div.grid table div.eii
{
	background:url('../images/thumbnailEII.gif') no-repeat;
	margin:0 0 0 -10px;
	float:left;
}

div.grid table div.eid
{
	background:url('../images/thumbnailEID.gif') no-repeat;
	margin:0 -10px 0 0;
	float:right;
}

/*div.boxfull div.grid table
{
	border-collapse:collapse;
	width:120px;
	margin:10px 11.6px 0 0;
	float:left;
}

div.boxfull div.grid table td.img
{
	width:120px;
	height:90px;
	overflow:hidden;
	padding:10px 10px 8px 10px;
	background:#363636 url('../images/thumbnailBackground.gif') repeat-x top;
}*/




/* ESTILOS DETALLE DE PROYECTO *********************************************************************************************************/

div.detail table td.img
{
	width:240px;
	padding-right:15px;
}

div.detail table h1
{
	font-size:30px;
	line-height:30px;
	display:block;
	margin:-5px 0 0 0;
	padding:0;
}

div.detail table h4
{
	padding:25px 0 0 0;
	margin:0;
	text-transform:uppercase;
	color:#57ba47;
}

div.detail p
{
	display:block;
	margin:15px 0 0 0;
	padding:0;
	/*font-size:12px;*/
	line-height:18px;
}




/* ESTILOS PAGINA DE SERVICIOS y OUR COMPANY *********************************************************************************************************/

div#contentfull table.columns3
{
	width:920px;
	margin:0;
	padding:0;
	position:relative;
	margin:-10px;
}

div#contentfull table.columns3 th, div#contentfull table.columns3 td
{
	background:url('../images/grayBoxVSeparator.png') repeat-y right;
	width:33.333%;
	vertical-align:top;
}

div#contentfull table.columns3 th.last, div#contentfull table.columns3 td.last,
table.columns th.last, table.columns td.last
{
	background:url();
}

div#contentfull table.columns3 th
{
	padding:10px 0 10px 0;
}

div#contentfull table.columns3 td, table.columns td, table.columnsNoDivitions td
{
	text-align:left;
	padding:10px 10px 20px 20px;
}

img.icon
{
	float:left;
	margin:5px 15px 0 0;
	clear:left;
}

div#contentfull table.columns3 td p
{
	display:block;
	height:70px;
	overflow:hidden;
	margin:0 0 25px 0;
	clear:right;
}

table.columns, table.columnsNoDivitions
{
	width:100%;
	margin:0;
	padding:0;
	position:relative;
	margin:-10px;
}

table.columns th, table.columns td
{
	background:url('../images/grayBoxVSeparator.png') repeat-y right;
	vertical-align:top;
}

table.columns th
{
	padding:10px 0 0 20px;
}

table.columns td p, table.columnsNoDivitions td p
{
	display:block;
	margin:0 0 10px 0;
	padding:0;
}


table.columnsNoDivitions th, table.columnsNoDivitions td
{
	vertical-align:top;
}

table.columnsNoDivitions th
{
	padding:0 0 0 20px;
}

table.columnsNoDivitions img.icon
{
	width:100%;
}



/* ESTILOS PARA SLIDER **************************************************************************************************/

.sliderouter
{  
	display:block;
	position:relative;
	width:100%;
}

.sliderforward, .sliderback
{
	position:absolute;
	display:block;
	width:10px;
	height:15px;
	margin:0;
	cursor:pointer;
}

.sliderforward
{ 
	background:transparent url('../images/next.png') no-repeat bottom;
	margin:-36px 0 0 0;
	right:20px;
}

.sliderback
{ 
	background:transparent url('../images/previous.png') no-repeat bottom;
	margin:-36px 0 0 0;
}

.sliderforward:hover, .sliderback:hover
{
	background-position:top;
}

.sliderinner
{ 
	position:relative;
	overflow:hidden;
	width:100%;
	height:100%;
}

.slideritems
{ 
	display:block;
	position:relative;
}

.sliderelement
{ 
	display:block;
	position:relative;
	float:left;
	margin-right:20px;
}

.boxsmall .sliderelement
{
	width:195px;
}

.boxmedium .sliderelement
{
	width:430px;
}

.boxlarge .sliderelement
{
	width:98px;
}

.boxfull .sliderelement
{
	margin-right:0px;
}

.boxlarge .sliderouter
{
	width:685px;
}

.boxfull .sliderouter
{
	margin-top:12px;
}

div.boxfull div.grid .sliderouter table
{
	margin:0 11.6px 0 0;
}

div.iconlist .sliderelement
{
	margin:0;
}

div.iconlist .sliderelement a
{
	padding:10px 0;
}



/* ESTILOS SLIDER HOME *******************************************************************************************************/

div.banner
{
	position:relative;
	z-index:0;
	left:-150px;
	width:1200px;
	height:387px;
	margin:20px 0 -80px 0;
	padding:0;
	display:block;
}

div.banner div.left, div.banner div.right
{
	position:absolute;
	z-index:1;
	width:150px;
	height:387px;
	margin:0;
}

div.banner div.left
{
	left:0px;
	float:left;
	background:url('../images/bannerLeft.png') repeat-y left;
}

div.banner div.right
{
	right:0px;
	float:right;
	background:url('../images/bannerRight.png') repeat-y right;
}

div.banner .sliderforward, div.banner .sliderback
{
	display:none;
}

div.banner .sliderelement
{ 
	margin:0;
}



/* ESTILOS CONTACT FORM *******************************************************************************************************/

table.contactform
{
	border-collapse:collapse;
}

table.contactform th, table.contactform td
{
	padding-bottom:15px;
	vertical-align:top;
}

table.contactform th
{
	white-space:nowrap;
	padding-right:10px;
	padding-top:3px;
	text-align:right;
}

table.contactform td
{
	text-align:left;
}

table.contactform input[type=text]
{
	font-family:Tahoma, Helvetica, Arial, Verdana, sans-serif;
	width:390px;
	border:0;
	padding:2px;
}

table.contactform textarea
{
	font-family:Tahoma, Helvetica, Arial, Verdana, sans-serif;
	width:390px;
	height:100px;
	border:0;
	font-size:12px;
	padding:2px;
}

table.contactform select
{
	font-family:Tahoma, Helvetica, Arial, Verdana, sans-serif;
	border:0;
	padding:1px;
}

table.contactform h4
{
	padding:0;
	margin:0;
}

.globalleft
{
	float:left;
}


.globalright
{
	float:right;
}



/* ESTILOS BANNERS DE PAGINAS *******************************************************************************************************/

img.bannerservices, img.bannerportfolio, img.bannerourcompany, img.bannernewsletter
{
	position:relative;
	width:1200px;
	padding:0;
	display:block;
	z-index:0;
}

img.bannerservices
{
	margin:-210px 0 -50px -150px;
	height:472px;
}

img.bannerportfolio
{
	margin:-250px 0 -80px -150px;
	height:472px;
}

img.bannerourcompany
{
	margin:-270px 0 -25px -150px;
	height:414px;
}

img.bannernewsletter
{
	margin:-150px 0 -25px -150px;
	height:414px;
}

img.bannercontactus
{
	margin:-150px 0 -25px -150px;
	height:200px;
}




/* ESTILOS SITEMAP ********************************************************************************************************/

ul.sitemap
{
	list-style:none;
	list-style-image:none;
	display:block;
	width:150px;
	height:250px;
	float:left;
	margin:15px 0;
	padding:0;
	background:url('../images/grayBoxVSeparator.png') repeat-y left;
}

ul.sitemap.first
{
	background:url();
}

ul.sitemap li
{
	padding:4px 0;
	margin:0 0 0 15px;
}

ul.sitemap li h3, ul.sitemap li h3 a
{
	color:#57ba47 !important;
	background:url();
	margin:0;
	padding:0;
}

ul.sitemap li a
{
	color:#7d8b8d;
	padding-left:10px;
	background:url('../images/bulletGreen.gif') no-repeat left 5px;
	display:block;
}

ul.sitemap li a:hover
{
	color:#fff;
	text-decoration:none;
}




/* ESTILOS LISTA DE CLIENTES ********************************************************************************************************/

div.clientlist
{
	position:relative;
	display:block;
	margin:10px 0 0 -10px;
	padding:0 0 15px 10px;
	width:675px;
	clear:both;
	float:left;
	background:url('../images/grayBoxHSeparator.png') repeat-x bottom;
}

div.clientlist h3
{
	margin:0 20px 0 0;
	padding:4px 0 0 0;
	float:left;
	width:200px;
}

div.clientlist h3 a
{
	text-decoration:none;
}

div.clientlist h3 a:hover
{
	color:#fff;
	text-decoration:none;
}

























