@charset "utf-8";
/* CSS Document */

/* =CSS RESET
------------------------------------------------------------------------------------------ */

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font: inherit; font-size: 1em; white-space: normal; padding:2px; }
dfn, i, cite, var, address, em { font-style: normal; }
/*th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }*/
th, h1, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */
marquee { overflow: inherit !important;}
blink { text-decoration: none; }
nobr { white-space: normal; }


/* =General
------------------------------------------------------------------------------------------ */

body {
	font-family: Helvetica, Arial, Sans-Serif;
	color:#27375C;
	font-size:12px;
	line-height:16px;
	background:black;
	
}

.clear{
clear:both;
}

.size_main_y {
	height: 152px;
	width: 252px;
/*	height:160px;*/
}

.size_main_x {
/*	width:90%;*/
}

.wrapper{
display:block;
position:relative;
width:980px;
margin:0px auto;
}

/* =HEADER
----------------------------------------------- */
.header{
display:block;
width:100%;
background: white;
}

	.top{
		margin-bottom:-2px;
	}

	.header .top {
	padding-top:1%;
	margin-left:1%;
	}
	.header .login{
	float: right;
	color:#ffffff;
	background:#970000;
	margin-top: -160px;
	/*#width:26%;*/
	width:24%;
	height:84px;
	}
	
	.header .login input{
background-color:#330000;
border:1px solid #AF3636;
color:#FFFFFF;
height:14px;
margin-bottom:5px;
margin-left:25px;
width:134px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;	
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
	
	.header .login .left{
	background:transparent url(../images/login_left.gif) left top;
	background-repeat: no-repeat;
	height:84px;
	width:44px;
	float:left;
	}
	
	.header .login h1 {
	font-size:20px;
	font-weight:bold;
	margin:4px 20px 3px;
	line-height:24px;

	}
	.header .login p {
	font-size:12px;
	margin:0px 20px;
	line-height:24px;

	}
	.header .login a {
	text-decoration:underline;
	float: right;
	}
	
	.header .button {
	margin-left: 90px;
	}
	.header .page-navi {
	position:absolute;
	right:0;
	top:39px;
	}
	.header .page-navi ul li{

color:#666;
display:inline;
margin-right:17px;
	}
	.page-navi ul li a{
		font-size:13px;
		color: #666;
		border-bottom:1px solid #EEEEEE;
	}

/* =CONTENT
		------------------------------------------------ */
	.content  {
	background:#DADADA;
	/*height:790px;*/
	padding-bottom: 50px;
	}
		
	.content .menu {
	background:transparent url(../images/menu_background.jpg) left top repeat-x scroll;
	height:64px;
	}
	
	.content .menu div{
	padding-top:10px;
	/*#padding-left:9%; 
	#padding-right:8%;*/
	}
	
	.content .menu ul {
border-top:4px solid #BBBBBB;
height:10px;
/*margin-left:130px;*/
margin-top:17px;
	}
	
	.content .menu li {
	float:left;
	}
	
/*
	.content .menu ul a {
	
	border-bottom:4px solid #C5C5C5;
	color:#990000;
	font-size:13px;
	font-weight:bold;
	margin-right:22px;
	padding-bottom:3px;
	}
*/
	
	.content .menu ul a {
background-color:#C1C1C1;
border:1px solid #C5C5C5;
color:#990000;
font-size:13px;
font-weight:bold;
margin-right:22px;
padding:9px 10px;
	}
	
	.content .menu ul a:hover{
		color:#000;
	}
	
	.content .left {
	float:left;
	margin-top:10px;
	margin-left:1%;
	}
	.content .center {
	float:left;
	margin-left:36px;
	width:560px;
	margin-top:-8px;
	/*#width:52%;*/
	}
	.content .center .top {
	margin-right: 10%;
	}
	
	.content .center .button {
margin-top:5%;
padding-left:23px;
padding-right:45px;
text-align:justify;
	}
		.content .center .button p{
font-family:Helvetica,Arial,Sans-Serif !important;		
color:#333333 !important;
font-size:1em !important;
line-height:1.3em !important;
padding-bottom:9px !important;
word-spacing:0.05em !important;
			
		}
	.content .center .button  h1 {
font-family:Helvetica,Arial,Sans-Serif !important;	
color:#222222 !important;
font-size:1.8em !important;
margin-bottom:10px !important;
text-align: left !important;
	}
	
	.content .center .button  h2 {
	color:#990000 !important;
	font-size:1.1em !important;
	font-family:Helvetica,Arial,Sans-Serif !important;
	margin-bottom:7px !important;
	margin-top:15px !important;
	text-transform:uppercase !important;
	text-align: left !important;
	line-height:1.4em !importanT;
	}
	
	.content .center .button  h2.head_blog {
	color:#990000 !important;
	font-size:1.5em !important;
	font-family:Helvetica,Arial,Sans-Serif !important;
	margin-bottom:7px !important;
	margin-top:15px !important;
	text-transform:uppercase !important;
	text-align: left !important;
	line-height:1.4em !importanT;
	}	
	
	.content .center .button table {
background-color:#CCCCCC !important;
border:1px solid #DDDDDD !important;
color:#333333 !important;
font-family:Helvetica,Arial,Sans-Serif !important;
font-size:1em !important;
margin:10px !important;
	}
	
	.button table th, .button table td, .button table th{
		padding: 10px !important;

	}
	
	.content .center .button ul{
margin-bottom:20px !important;
padding-bottom:5px !important;
padding-top:5px !important;
width:496px !important;
	}
	
	.content .center .button  li{
background-color:#CCCCCC;
border:1px solid #C5C5C5 !important;
color:#393430 !important;
font-family:Helvetica,Arial,Sans-Serif !important;
font-size:0.9em;
letter-spacing:1px;
margin:10px !important;
padding:3px 16px !important;
text-align:left !important;
	}
	
	.content .center .button ul p{
		padding: 3px 5px !important;
	}
	
	.content .center .button_cliente {
	margin-top:5%;
	margin-right: 10%;
	text-align: justify;
	background:url(../images/mapa.gif);
	background-position: top right;
	background-repeat: no-repeat;
	}
	
	.content .center .button_cliente  h1 {
	font-size:150%;
	color:#970000;
	margin-bottom:1%;
	}
	
	.content .center .button_cliente  li{
	padding-left: 10px;
	margin-left: 5%;
	}
	
	.content .column{
	float:left; 
/*	width:50%;*/ 
	/*height:100px;*/
	}
	
	.content  .square   {
	background:#970000;
	color:white;
	margin-top:30px;
	
	}
	
	.content  .square  .box {
	background:transparent url(../images/box_home.png) left bottom scroll;
	}

	.content  .square .box h1 {
font-size:1.5em;
margin-bottom:10px;
margin-left:44px;
padding-top:14px;
	}
	
	.content  .square .box p {
/*	text-align:justify; */
	color:#ddd;
	font-size:12px;
	margin-left:37px;
	margin-right:24px;
	}
	.content  .square  .box p#box_link {
	margin-right:10%; 	
	font-size:15px; 
	color:#DADADA; 
	text-align:right;
	}

	.content  .square img{
float:left;
left:-15px;
margin-right:-21px;
position:relative;
top:-20px;
width:20%;
	}

	.content .square .box_paginas {
		background: url(../images/box_paginas.png) no-repeat;
		height:127px;
		width:532px;
	}	
	
	.content .square .box_paginas h1{
font-size:2.3em;
margin-bottom:12px;
padding-left:54px;
padding-top:22px;
	}
	
		.content .square .box_paginas p{
font-size:1em;
padding-left:56px;
padding-right:30px;

	}
	
	.content .square .box_paginas img {
float:left;
left:-15px;
margin-right:-21px;
position:relative;
top:-20px;
width:11% !important;
}

	.content .square .box_paginas img.pieza {
float:left;
left:-21px;
margin-right:-21px;
position:relative;
top:-15px;
width:13% !important;
}
	
	
	.content .right {
	float:right;
	margin-top:10px;
	margin-right:10px;
	}
	
	.content .right .square_side {
/*	height:180px; */
	width:180px; 	
/*	background-image: url(../images/fondo_derecha.gif);  */
background-color: #330000;
	color:#FFFFFF; 
	margin-bottom:15px;

	}
	
	.content .right .square_side .down{
	margin-top:20px;
	}
	
	.content .right .square_side  h1 {
	font-size:16px; 
	font-weight:bold; 
	line-height:23px;
	margin-left:15px;
	margin-bottom:4px;
	color:#DADADA;
	}
	
	.content .right .square_side  p {
	padding-left:20px;
	padding-right:15px;
	color:#DADADA;
	}

	.content .right .square_side  img {
	margin-left:14px;
	}
	.content .right .phone{
	font-size:16px; 
	font-weight:bold; 
	line-height:40px;
	text-align:center;
	}
	.content .right .square_side  a {
	text-decoration:underline;
	}
	
/* =FOOTER
		------------------------------------------------ */	
	.footer {
	/*clear:both;*/
	background:white;
	}
	
	.footer .logos_tecno  {
	padding-left: 14%;
	padding-right:14%;
    } 
	
	.footer .left{
	float:left; 
	width:20px; 
	height:115px; 
	margin-left:20px; 
	background-image: url(../images/contactenos.jpg); 
	background-repeat: no-repeat;
	}
	.footer .contact_info{
	background-image: url(../images/fondo_contactenos.jpg);
	background-repeat:repeat-x;
	height:116px;
	color:#FFFFFF;
	font-size: 14px;
	}
		
	.footer .contact_info .contact{
	float:left; 
	width:25%;  
	margin-left:10px; 	
	}
	
	.footer .contact_info  h1{
font-size:1.3em;
font-weight:bold;
line-height:40px;
	}
	
	.footer .contact_info .rights{
margin-left:741px;
padding-top:56px;
text-align:right;
width:230px;
	}
	
	.footer .contact_info .rights p{
		font-size:0.9em;
	}
	
	.footer .contact_info .company{
float:right;
margin-right:1%;
margin-top:-83px;
	}
	
	.footer .contact_info  img{
float:right;
margin-right:10px;
margin-top:10px;
	}

	
	
.login form input {
	
}	

.acceso {
	margin-left: -5px;
}

img#logo{
	margin-left:24px;
	margin-top:26px;
}

.first_col{
	margin-right: 32px;
}

p.box_link {
margin-left:160px;
margin-top:-19px;
}

p.box_link a{
	color: #fff;
}

.s_top{
	background: url(../images/top.png) no-repeat;
	width: 180px;
	height: 11px;
}

.s_bottom{
	background: url(../images/bottom.png) no-repeat bottom;
	width: 180px;
	height: 11px;
}

#chat{
	width: 160px;
	height: 46px;
	background: url(../images/bg_chat.png) no-repeat;
margin-left:10px;
padding:7px 0 0 9px;

}

.Microsoft_Live_Messenger_PresenceButton {
	border: 0 !important;	
}

.content .right .square_side #chat img{
	margin-left: 0px;
	border:3px solid #330000;
}

img.grava{
	float: left;
	margin-right:7px;
}

.contact_info p{
	font-size: 0.9em;
	color:#BF9999;
}

.tabs{
height:60px;
margin-left:129px;
width:843px;
}

.ie .content .menu li{
	padding:9px 0px;
}

.ie .content .tabs {
background-color: transparent;
height:60px;
margin-left:115px;
width:860px;
margin-top: 1px;
}

.ie .footer .contact_info .rights {
margin-left:741px;
padding-top:15px;
text-align:right;
width:230px;
}

.center .button a{
	border-bottom:1px dotted;
color:#bb0000;
}

#chat span a  {
color:#7AA92E !important;
font-size:0.88em !important;
text-decoration:none !important;
padding-left:5px !important;
}

#chat a div span{
    color:#86EF94;
	 padding-left:5px;
}

div.button ul li ul li{
    background-color:#d5d5d5 !important;
    color:#fff !important;
    width:386px;
	 letter-spacing:0 !important;
	 font-size:1.1em !important;
}