/*
Company Name: SIAM - ARCON
URL: http://www.siam-arcon.com.ar/

Design and Mark Up: Gustavo Lemos
Author URL: http://www.gustavolemos.com/
Version: 1.0

*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/*********************************************************** START CSS ***********************************************************/

body {
	background: url(../img/bg_top.jpg) top left repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}

.novedades {
	background: url(../img/bg_top.jpg) top left repeat-x #000;;
	font-family: Arial, Helvetica, sans-serif;
}

/* WRAP */
#header {
	width: 980px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

/* LANGUAGES */
#languages, #languages ul {
    list-style: none;
}

#languages {
    float: right;
	margin-top: -37px;
}

#languages > li {
    float: left;
}

#languages li a {
	display: block;
    height: 2em;
    line-height: 2em;
	padding-left: 10px;
    text-decoration: none;
}

#languages ul {
    position: absolute;
    display: none;
	z-index: 999;
}

#languages ul li a {
    width: 80px;
}

#languages li:hover ul {
    display: block;
}

#languages {
    font-size: 11px;
	font-weight: normal;
}

#languages > li > a {
    color: #1B5D90;
}

#languages > li:hover > a {
    color: #F58220;
}

#languages li a.hover{
    color: #F58220;
}

.flag {
	margin-right: 5px;	
}


/* LOGO */
.logo {
	margin-top: 40px;	
}

/* NAVBAR */
#navBar, #navBar ul {
    list-style: none;
}

#navBar {
    float: left;
	margin-top: 59px;
}

#navBar > li {
    float: left;
}

#navBar li a {
	display: block;
    height: 2em;
    line-height: 2em;
    padding-right: 30px;
    text-decoration: none;
}

#navBar ul {
    position: absolute;
    display: none;
	z-index: 999;
}

#navBar ul li a {
    width: 80px;
}

#navBar li:hover ul {
    display: block;
}

#navBar {
    font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
}

#navBar > li > a {
    color: #1B5D90;
}

#navBar > li:hover > a {
    color: #F58220;
}

#navBar li a.hover{
    color: #F58220;
}

/* .SLIDER */
.slider {
	width: 980px;
	height: 546px;
	margin-top: 90px;
	*margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}

.slider2 {
	width: 980px;
	height: 90px;
	margin-top: 90px;
	margin-right: auto;
	margin-left: auto;
}

#slider_wrap {
	width: 100%;
	background-color: #002E63;
}

#slider2 {
	width: 980px;
	height: 90px;
	margin-top: -9px;
	margin-bottom: 60px;
}

/* ARTICLES */
#articles {
	width: 980px;
	margin-top: 35px;
	margin-right: auto;
	margin-left: auto;
}

	/* COL LEFT */
	#col_left {
		float: left;
		width: 360px;
		height: 304px;		
		border: solid #E7E9E6 3px;
		background: url(../img/top_left.jpg) no-repeat;
		background-position: top;	
	}
	
	#col_left ul {
		margin-top: 25px;
		margin-left: 25px;
		font-size: 12px;
		line-height: 16px;
		color: #858585;
	}
	
	#col_left h2 {
		margin-top: 18px;
		margin-left: 25px;
		font-size: 14px;
		font-weight: bold;
		color: #FFF;
		text-transform: uppercase;
	}
	
	#col_left p {
		width: 319px;
		margin-top: 20px;
		margin-left: 25px;
		font-size: 12px;
		color: #858585;
		line-height: 16px;
	}
	
	#col_left #bomba {
		margin-top: 10px;
		margin-left: 25px;
	}
	
	/* COL RIGHT */
	#col_right {
		float: right;
		width: 608px;
		height: 309px;
		margin-bottom: 30px;
		clear: righ;
		background: url(../img/top_right.jpg) no-repeat;
		background-position: 3px 3px;
		background-color: #E7E9E6; 
	}
	
	#col_right h2 {
		margin-top: 21px;
		margin-left: 25px;
		font-size: 14px;
		font-weight: bold;
		color: #FFF;
		text-transform: uppercase;
	}
	
	#col_right hr {
		width: 559px;
		height: 1px;
		margin-right: auto;
		margin-left: auto;
		background-color: #858585;
		color: #858585;
		border: none;
	}
	
	#col_right h3, #col_left h3 {
		margin-top: 30px;
		margin-left: 25px;
		font-size: 10px;
		color: #1B5D90;	
		text-transform: uppercase;
	}
	
	#col_right h3 a, #col_left h3 a {
		text-decoration: underline;
		color: #1B5D90;
	}
	
	#col_right p {
		width: 230px;
		margin-top: 20px;
		margin-left: 25px;
		font-size: 12px;
		color: #858585;
		line-height: 16px;
	}
	
	#col_right #featured {
		float: right;
		margin-top: -115px;
		margin-right: 26px;
	}

/* EMPRESA / PRODUCTOS */
#empresa, #productos, #servicios, #contacto, #equipos {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

#contacto_right {
	width: 440px;
	height: 440px;
	float: right;
	margin-top: -440px;
	/*background: url(../img/bg_contacto.jpg) no-repeat;*/
}

#cr1 {
	width: 420px;
	margin-top: 15px;
	margin-left: 12px;	
}

#cr1_pt {
	width: 420px;
	margin-top: 65px;
	margin-left: 12px;	
}

#cr1 p + p, #cr2 p + p, #cr3 p + p {
	margin-top: 0;
}


#cr2 {
	width: 420px;
	margin-top: 25px;
	margin-left: 12px;
	font-size: 11px
}

#cr3 {
	width: 420px;
	margin-top: 25px;
	margin-left: 12px;	
}

#empresa img, #productos img, #servicios img, #contacto img, #equipos img {
	margin-top: 40px;	
}

.imgg {
	*margin-top: -40px;
	*margin-bottom: 30px;
	*position: absolute;
	*top: -81px;
}

#empresa h1, #productos h1, #servicios h1, #contacto h1, #imagenes h1 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	color: #858585;
}

#novedades h1 {
	margin-top: 40px;
	margin-bottom: 10px;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	color: #858585;	
}

#productos h1 {
	margin-bottom: 20px\9;	
}


#equipos h1 {
	margin-top: 20px;
		*margin-top: 32px;
	margin-bottom: -10px;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	color: #858585;	
}

#empresa p, #servicios p, #contacto p {
	font-size: 12px;
	font-weight: normal;
	color:#333;
	margin-top: 10px;
	line-height: 20px;
}

#novedades p {
	font-size: 12px;
	font-weight: normal;
	color:#FFF;
	margin-top: 10px;
	line-height: 20px;
}

#servicios h3 {
	margin-top: 25px;	
}

#servicios h4 {
	float: left;
	width: 319px;
	font-size: 12px;
	color: #858585;
	margin-top: 5px;
	margin-bottom: 30px;
}

#servicios h4 + h4 {
	margin-left: 14px;
}

#servicios h4 + h4 + h4{
	margin-left: 9px;	
}

#novedades {
	width: 980px;
	height: auto;
	margin-top: 120px;
	margin-left: auto;
	margin-right: auto;	
}

/* FOOTER */
#footer_wrap {
	width: 100%;
	height: 190px;
	clear: both;
}

#footer {
	width: 980px;
	height: 190px;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/footcert.jpg) right no-repeat;
	border-top: solid 1px #858585;
}

#s {
	float: left;
	margin-top: 28px;px;	
}

#footer p {
	font-size: 10px;
	color: #000;
	margin-left: 125px;
	margin-top: 20px;	
}

#footer p + p {
	font-size: 10px;
	color: #000;
	margin-left: 125px;
	margin-top: 10px;	
}

#footer p span, #cr1 p span, #cr2 p span, #cr3 p span {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	margin-left: 0px;
	margin-top: 33px;	
}

/* IMAGENES */
#imagenes {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 120px;
}

/* FORM */
.form-label{
        width:150px !important;
    }
    .form-label-left{
        width:150px !important;
    }
    .form-line{
        padding:10px;
    }
    .form-label-right{
        width:150px !important;
    }
    .form-all{
        width:550px;
        background:#FFFFFF;
        color:Black !important;
        font-family:Verdana;
        font-size:12px;
    }
	
/* THANKS */
#thanks {
	width: 980px;
	height: 350px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 130px;
}