﻿html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th{margin:0;padding:0;}
table{border-collapse:collapse;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesnÃ¢Â€Â™t inherit in IE */
legend{color:#000;}


/* stili personalizzati*/
/* ----------------------------------------------------------------------------- */

body, html {
	/*
	background-image:url('../img/background.gif');
	background-repeat:repeat-y;
	background-position:center;
	*/
	
	/*FONDO DERECHA */
	background-color:#E0E0E0;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th {
	font-family:tahoma, Trebuchet MS, Trebuchet, "Arial";
	font-size:12px;
	text-align:left;
	font-weight:lighter;
	line-height:15px;
}
#container {
	background-image:url('../img/background.jpg');
	background-repeat:no-repeat;
	background-position:left top;
	margin:0 0 20px 0;

}
#head_title {
	display:none;
	
}
#wrapper {
	width:980px;
	margin: 0 auto;


}
/*EMAILS*/
a:link {
color:#033160;
text-decoration:none;
letter-spacing: 0.1em;
}

a:active, a:hover {
color:#ffffff;
text-decoration:none;

}


/* left column */
/* ----------------------------------------------------------------------------- */
#left_column h1 {
	font-family:tahoma, Trebuchet MS, Trebuchet, "Arial";
	font-size:10px;
	color:#ffffff;
	margin:0 0 17px 0;
	letter-spacing: 0.07em;
}
/*COLOR FONDO*/
#left_column {
	/* colonna sinistra larga 256 px */
	float:left;
	color:#ffffff;
	width:230px;
	padding:55px 26px 0 0;
	background-image:url('../img/logo.png');
	background-repeat:no-repeat;
	background-position:top left;
	
		
}
div.left_column_item {
	background-image:url(../img/lineas.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-bottom:25px;
	margin-bottom:14px;
	
}

/*TEXTO LECTURA IZQUIERDA*/
div.left_column_item p {

	color:#ffffff;
	font-size:11px;
	letter-spacing: 0.1em;

	
}
div.left_column_item h3 a:link, div.left_column_item h3 a:active, div.left_column_item h3 a:visited {
	display:block;
	font-family:Arial;
	font-size:16px;
	text-align:justify;
	color:#EEA320;
	margin-top:33px;
	text-decoration:none;	
}

div.left_column_item h3 a:hover {
	display:block;
	font-family:Arial;
	font-size:16px;
	text-align:justify;
	color:#b2131b;
	margin-top:33px;
	text-decoration:none;
}

/*contacto*/
div.left_column_item span a:link, div.left_column_item span a:visited, div.left_column_item span a:active {
	display:block;
	font-family:Arial;
	font-weight:bold;
	font-size:15px;
	text-align:justify;
	color:#ffffff;
	margin-top:-1px;
	margin-bottom:6px;
	text-decoration:none;
	letter-spacing: 0.06em;
}

div.left_column_item span a:hover {
	display:block;
	font-family:Arial;
	font-size:15px;
	text-align:justify;
	color:#b0d1fe;
	margin-top:-1px;
	margin-bottom:6px;
	text-decoration:none;
}
/*servicios*/
div.left_column_item h2 {
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	text-align:justify;
	color:#ffffff;
	margin-top:20px;	
	margin-bottom:0px;
	letter-spacing: 0.06em;

}
/*titulares servicios*/
div.left_column_item h4 {
	font-family:Arial;
	font-size:12px;
	text-align:justify;
	color:#FFF;
	margin-top:14px;
	letter-spacing: 0.07em;

}

div#contacto {
	width:230px;
	background-color:#DE8F2A;
	margin-top:26px;
}

div#contacto h2 {
	background-color:#1D1D1D;
	padding-left:12px;
	color:#ffffff;
	font-size:16px;
	height:34px;
	line-height:34px;
}
p.contacto_item {
	margin:0 14px 0 0;
	padding:18px 0 23px 0;	
	color:#000000;
	background-image:url(../img/lineas.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	
}

div.contacto_item strong {
	font-weight:bold;	
}

div.contacto_item a:link, div.contacto_item a:link,div.contacto_item a:link {
		color:#000000;
		text-decoration:none;
}
div.contacto_item a:hover {
		color:#000000;
		text-decoration:underline;
}

/* right column */
/* ----------------------------------------------------------------------------- */
div#right_column {
	float:left;
	width:724px;
	
}
div#header {
	height:342px;
}
/* navigation */
/* ----------------------------------------------------------------------------- */
div#navigation {
	height:45px;
	line-height:45px;
	/*
	background-image:url(../img/nav-background.gif);
	background-position:left;
	background-repeat:no-repeat;
	*/
	background-color:#222222;
}

/*color texto menu rincipal activo*/
div#navigation ul li {
	font-family:Arial;
	float:left;
	padding:0 20px 0 27px;	
	font-size:14px;
	color:#ffffff;
	text-decoration:none;
	line-height:45px;
	font-weight:bold;
	letter-spacing: 0.05em;
}

/*color texto menu principal inactivo*/
div#navigation ul li a:link,div#navigation ul li a:visited,div#navigation ul li a:active {
	font-family:Arial;
	font-size:14px;
	color:#5d9ef8;
	text-decoration: none;
	line-height:45px;
	font-weight:bold;
	letter-spacing: 0.05em;

}
div#navigation ul li a:hover {
	font-family:Arial;
	font-size:14px;
	color:#ffffff;
	text-decoration:none;
	line-height:45px;	
	

}
div#navigation img {
	float:right;
	display:block;
	vertical-align:middle;


}
/* right content */
/* ----------------------------------------------------------------------------- */
/* texto pequeño projects*/
div#right_column_content {
	font-family:Arial;
	background-color:#FFF;
	padding:19px 27px 15px 21px;
	color:#4D4D4D;
	font-size:3px;
	letter-spacing: 0.2em;
	
}

div.proyecto_descr {
	float:left;
	font-size:3px;
	display:block;
	height:165px;
	width:250px;
	margin:0 0 10px 20px;  
	padding-bottom:2px;
	background-image:url(../img/dotted_proyecto.gif);
	background-position:bottom;
	background-repeat:no-repeat;	

}



/*titulo proyectos*/
div.proyecto_descr h2 {

	font-family:Arial;
	font-size:16px;
	color:#4f4f4e;
	margin-top:6px;
	margin-bottom:3px;
	font-weight:bold;
	letter-spacing: 0.03em;
}
/*subtitulo*/
div.proyecto_descr h3 {
	font-family:Arial;
	font-size:13px;
	color:#777777;
	margin-bottom:9px;	
	letter-spacing: 0.03em;
}

div.proyecto_img {
		float:left;
		height:165px;
}

/*ver proyecto*/
div.proyecto_descr a:link , div.proyecto_descr a:visited , div.proyecto_descr a:active {
		font-family:Arial;
		font-size:14px;
		color:#2165b1;
		text-decoration:none;
		font-weight:bold;
		display:block;
		margin:18px 0 0 0;
		letter-spacing: 0.03em;

		
}
div.proyecto_descr a:hover {
		font-family:Arial;
		color:#000000;
		text-decoration:none;
		font-weight:bold;
		display:block;
		margin:18px 0 0 0;
	
		
	
}

/* footer */
/* ----------------------------------------------------------------------------- */

div#footer {
	
	width:980px;
	margin:0 auto;
	margin-bottom:0;
	clear:both;
	height:33px;
	line-height:33px;
	background-color:#1D1D1D
	}
div#footer ul {
	width:970px;
	margin:0 auto;
	margin-left:10px;
	text-align:center;
	padding:0 10px 0 0;	
	line-height:33px;	
}


div#footer ul li {
	float:left;
	padding:0 10px 0 10px;
	font-size:12px;
	color:#A9A7A7;
	line-height:33px;
	text-align: left;	
}
div#footer ul li strong{
	font-weight:bold;	
}

div#footer ul li a:link,div#footer ul li a:visited,div#footer ul li a:active {
	font-size:12px;
	color:#A9A7A7;
	text-decoration: none;
	line-height:33px;

}
div#footer ul li a:hover {
	font-size:12px;
	color:#8bb7f9;
	text-decoration:none;
	line-height:33px;

}
.dist50px {
	clear:both;
	width:910px;
	margin:0 auto;	
	height:20px;
}
.ROJO {
	color: #4f5496;
	font-size: 8px;
}

/* MODULO */

form h2 {
	font-family:tahoma, Trebuchet MS, Trebuchet, "Arial";
	font-size:15px;
	color:#4F75D8;
	font-weight:bold;	
	text-decoration: none;
	line-height:45px;
	letter-spacing: 0.05em;
}

form h3 {
	font-family:tahoma, Trebuchet MS, Trebuchet, "Arial";
	font-size:14px;
	color:#4D4D4D;
	font-weight:bold;	
	text-decoration: none;
	line-height:30px;
	letter-spacing: 0.05em;
	margin:0 0 10px 0;
}

form h4 {
	font-family:tahoma, Trebuchet MS, Trebuchet, "Arial";
	font-size:13px;
	color:#4D4D4D;
	font-weight:normal;	
	text-decoration: none;
	line-height:30px;
	letter-spacing: 0.04em;
	margin:25px 0 10px 0;
}

div.form_block h4:first-child {
	margin:10px 0 10px 0;
}

form p {
	letter-spacing: 0.04em;
	margin:0 0 10px 0;
}

div.form_block {
	background-image:url(../img/dotted_form.gif);
	background-position:0 35px;
	background-repeat:no-repeat;
	padding:55px 0 0 0;
	clear:left;
}

div.form_2col {
	float:left;
}

form label {
	float:left;
}

form input {
	width:181px;
	font-size:9px;
	height:11px;
	line-height:10px;
}

form input[type=checkbox] {
	width:11px;
	height:11px;
	margin-right:6px;
	position:relative;
	top:2px;
	left:3px;
}

.dida_check {
	padding-left:25px;
}

form input[type=radio] {
	width:11px;
	height:11px;
	margin-right:6px;
	position:relative;
	top:2px;
	left:3px;
}

form select {
	width:125px;
	font-size:11px;
	line-height:17px;
}

form textarea {
	width:425px;
	height:102px;
}

.inputlungo {
	width:425px;
 }

form button {
	cursor: pointer;
	border:0;
	padding:8px;
	background-color: #2358C2;
	font-size:9px;
	color:white;
}

form button:hover {
	background-color: #3066d0;
}

.clear_left {
	clear:left;
	line-height:1px;
	text-align:left;
	color:#E98B8E;
}
