/* --- IT del Sur - CSS --- */

body{
	margin:0; 
	padding:0; padding-right:2px;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size:12px;
	color:#3e3e3e;
	background: url(images/bg-all.gif) top center repeat-y;
}

.clear {clear:both;}

p, a{ font-family: "Trebuchet MS", Trebuchet, Arial, Verdana, Tahoma, Helvetica, sans-serif; }
p{ color:#3e3e3e; }
a{ color:#358dcc; text-decoration:none; }
a:hover{ color:#585858; text-decoration:none; }

h1{display:none;}

h2{ font-family: "Calibri", Calibri, "Lucida Sans", "Lucida Sans Unicode","Lucida Grande",Garuda, "Trebuchet MS", Trebuchet, Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#647887; font-size:24px; }

/* --- Wrapper --- */

#wrapper{
	width:924px; 
	padding:0;
	margin:0 auto;
}

/* --- Header --- */

#header{
	width:924px;
	height:382px;
	margin:1px 0 0 0;
	background: url(images/bg-header.gif) bottom left repeat-x;
	border-top: 2px solid #bfbfbf;
}

#header #banderas{
	float:right;
	height:11px;
	margin:8px 25px 1px 0;
}
#header #banderas a{ margin-right:10px; }
#header #banderas a img{ border:none; }

#header #banderas a:hover img{ opacity:.50; filter: alpha(opacity=50); -moz-opacity: 0.5; }

#header .logo{
	display:block;
	width:226px;
	height:80px;
	left:50px;
	top:-62px;
	position: relative;
	float:left;
	text-indent:-9999px;
	background: url(images/logo.gif) top left no-repeat;
}

#header h2{
	display:block;
	width:136px;
	height:26px;
	left:-168px;
	top:95px;
	position: relative;
	float:left;
}

#header #bienvenida{
	width:310px;
	height:100px;
	padding:0;
	margin:0;
	left:58px;
	top:56px;
	position:relative;
	float:left;
	clear:left;
}
#header #bienvenida p{
	font-size:14px;
}

#header #laptop{
	width:490px;
	height:270px;
	background:url(images/laptop.jpg) top left no-repeat;
	position:relative;
	float:right;
	top:-57px;
	left:-50px;
	clear:right;
}

#header #laptop #anima{
	width:275px;
	height:173px;
	margin-top:51px;
	margin-left:107px;
	display:block;
}

/* --- Menu --- */

#menu{ width:924px; height:44px; padding:0; margin:0; margin-top:11px; background: url(images/bg-menu.gif) top left repeat-x; float:left; }
#menu ul, #menu ul li { list-style-type: none; height:44px; margin: 0; padding: 0; }
#menu ul { width:570px; padding:0; padding-left:352px; }
#menu ul li { float: left; background:url(images/menuli.gif) center right no-repeat; }
#menu ul li a { height:12px; font-size:14px; outline:0; display: block; text-decoration: none; color:#1f1f1f; padding:12px 18px 20px; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; }
#menu ul li a:hover{ background: url(images/menuhover.gif) bottom center repeat-x; text-decoration: none; color:#f3f3f3; }

/* --- Contenido --- */

#content{width:924px; margin:0; padding:15px 0 0 0; }

/* --- Caja --- */

.box{ width:846px; margin:0 0 35px 39px; clear:both; background:#eaeaea url(images/bg-box-top.gif) top left repeat-x; overflow:hidden; }

.box .topizq{ width:18px; height:46px; display:block; background:#eaeaea url(images/bg-box-izq.gif) top left repeat-x; padding:0; margin:0; margin-right:7px; float:left; }
.box .topder{ width:18px; height:46px; display:block; background:#eaeaea url(images/bg-box-der.gif) top left repeat-x; padding:0; margin:0; float:left; clear:right; }

.box .botizq{ width:423px; height:9px; display:block; background:#eaeaea url(images/bg-box-botizq.gif) bottom left no-repeat; padding:0; margin:0; float:left; font-size:1px; line-height:1px; clear:left; }
.box .botder{ width:423px; height:9px; display:block; background:#eaeaea url(images/bg-box-botder.gif) bottom right no-repeat; padding:0; margin:0; float:left; font-size:1px; line-height:1px; }

.box h2{ display:block; width:683px; height:26px; padding:0; margin:9px 0 0 0; float:left; }

/* --- Empresa --- */

.box .integrantes{
	background:#FFFFFF url(images/bg-integrantesbox-bottom.gif) bottom left no-repeat;
	width:262px;
	float:left;
	margin-top:20px; margin-left:22px; margin-bottom:11px;
	padding:0;
}
.box .integrantes span.top, .box .prod1 span.top, .box .prod2 span.top{
	background:url(images/bg-integrantesbox-top.gif) top left no-repeat;
	display:block;
	width:262px;
	height:10px;
}
.box .integrantes h3{
	display:block;
	width:223px; margin:5px 17px; padding:0 0 6px 5px;
	border-bottom:1px solid #bababa;
	font-size:15px;
}
.box .integrantes ul li span, .box .prod1 ul li span, .box .prod2 ul li span{
	font-size:10px; font-weight:bold; color:#999999; text-transform:uppercase; padding-left:7px;	
}

.box .integrantes p, .box .prod1 p, .box .prod2 p{ margin:8px 20px 13px; line-height:15px;}

/* ------------ */

.box .texto{ width:475px; padding:0; margin:15px 60px 0 0; float:right; }

/* ------------ */

.box .clientesizq{
	width:240px;
	float:left;
	margin-top:20px; margin-left:22px; margin-bottom:11px;
	padding:0;
}
.box .clientesizq a img{
	margin-right:3px;
	border:2px solid #686868;
	padding:0;
}

.box .clientesizq a:hover img{
	border:2px solid #fff;
}

/* ------------ */

.box .prod1{
	background:#FFFFFF url(images/bg-integrantesbox-bottom.gif) bottom left no-repeat;
	width:262px;
	float:left;
	margin-top:20px; margin-left:22px; margin-bottom:11px;
	padding:0;
}
.box .prod2{
	background:#FFFFFF url(images/bg-integrantesbox-bottom.gif) bottom left no-repeat;
	width:262px;
	float:left;
	margin-top:20px; margin-left:8px; margin-bottom:11px;
	padding:0;
}

.box .prod1 h3, .box .prod2 h3{
	display:block;
	width:136px; margin:5px 17px 0px; padding:0 0 6px 5px;
	border-bottom:1px solid #bababa;
	font-size:15px;
}

.box .prod1 img, .box .prod2 img{
	display:block;
	float:right;
	margin-right:10px;
	margin-left:6px;
}

/* --- Contacto --- */

.box .contizq{
	width:250px;
	display:block;
	float:left;
	margin-top:15px; margin-left:22px; margin-bottom:11px;
	padding:0;
}

.box .contizq h3{
	display:block;
	width:212px; margin:5px 17px; padding:0 0 6px 5px;
	border-bottom:1px solid #bababa;
	font-size:15px;
}
.box .contizq ul li span{
	font-size:10px; font-weight:bold; color:#999999; text-transform:uppercase; padding-left:7px;	
}

.box .contizq p{ margin:8px 20px 13px; line-height:15px;}

/* ------------ */

.box .contsombra{
	background: url(images/bg-sombra.gif) center right no-repeat;
	width:18px;
	height:216px;
	float:right;
	margin-top:20px;
	padding:0;
	padding-bottom:18px;
}

/* ------------ */

.box .contder{
	background:#FFFFFF url(images/bg-contbox-bottom.gif) bottom left no-repeat;
	width:533px;
	height:216px;
	float:right;
	margin-top:20px; margin-bottom:11px; margin-right:22px;
	padding:0 0 5px 0;
}
.box .contder img{
	border:2px solid #686868;
	margin-bottom:0;
	margin-left:18px;
	padding:0;
}
.box .contder h3{
	margin:0 17px 0 !important;
	width: auto !important;
	padding:0 0 6px 5px !important;
	border-bottom:1px solid #bababa;
	font-size:15px;
}
.box .contder span.top{
	background:url(images/bg-contbox-top.gif) top left no-repeat;
	display:block;
	width:533px;
	height:18px;
}
.box .contder h3{
	display:block;
	width:223px; margin:5px 17px; padding:0 0 6px 5px;
	border-bottom:1px solid #bababa;
	font-size:15px;
}
.box .contder ul li span{
	font-size:10px; font-weight:bold; color:#999999; text-transform:uppercase; padding-left:7px;	
}

.box .contder p{ margin:8px 17px 13px; line-height:15px;}

.box .contder p.datos1{
	margin:0 0 0 21px;
	padding:0;
	display:block;
	width:234px;
}

.box .contder p.datos2{
	padding:0;
	margin:0;
	display:block;
	width:238px;
	float:right;
}

.box .contder .right{
	width:238px;
	margin:0 21px 0 0;
	float:right;
}

.form{ 
	margin:4px 0 10px 21px;
	padding:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #616161;
	background:#dedede url(images/bg-form1.gif) top left repeat-x;
	border:1px solid #949494;
	float:left;
}
.form2{ 
	margin:5px 0 10px 0;
	padding:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #616161;
	background:#dedede url(images/bg-form2.gif) top left repeat-x;
	border:1px solid #949494;
	float:right;
}

.botonEnviar{
	background:url(images/btn-enviar.gif) top left no-repeat;
	color:#585858;
	margin:0 0 0 430px;
	border: none;
	width:82px;
	height:10px;
	clear:both;
	cursor: pointer;
	padding:3px 10px 23px 0;
	font-size:11px;
	text-transform:uppercase;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Tahoma, Helvetica, sans-serif;
}

/* --- Footer --- */

#footer{ 
	background:#fff url(images/bg-footer.gif) bottom left repeat-x;
	width:924px;
	height:65px;
	margin:0;
	padding:10px 0 0 0;
	color:#666666;
	font-size:11px;
	text-align:center;
	clear:both;
}
#footer a{ font-size:11px; text-decoration:none; margin:0 8px 0; }
#footer p{ margin:6px 0 0 0; }

/* --- Botones --- */

.btn-leermas{ background:url(images/btn-bg.gif) top left no-repeat; height:24px; width:85px; }

.btn-leermas, .btn-leermas a{ 
	font-size:11px;
	text-transform:uppercase;
}
.btn-leermas a{ padding:4px 30px 0 14px; height:20px; width:50px; display:block; background: url(images/btn-derecha.gif) top right no-repeat; color:#585858;  }
.btn-leermas a:hover{ background-position:64px -24px; color:#358dcc;  }


.btn-volver{ background:url(images/btn-bg.gif) top left no-repeat; height:24px; width:113px; float:left; margin:12px 7px 0 0; }

.btn-volver, .btn-volver a{ 
	font-size:11px;
	text-transform:uppercase;
}
.btn-volver a{ padding:4px 30px 0 12px; height:20px; width:78px; display:block; background: url(images/btn-volver.gif) top right no-repeat; color:#585858;  }
.btn-volver a:hover{ background-position:90px -24px; color:#358dcc;  }