body{
    background:#ffffff url("../images/background.jpg")no-repeat center top;
    .background-image:url("../images/background.jpg");/*PARA IE*/
    .background-repeat: no-repeat;
    .background-position: center top;
    .position:relative; 
    font: 12px/1.2 Helvetica, Arial, sans-serif;
    margin:0px;
    padding:0px;
    font-family: 'Open Sans', sans-serif;
	color: #b1aea6;
	min-height: 800px;
}
#fondo_banner{
	width: 100%;
	height: 368px;
	margin:-12px auto;
	z-index: 1;
	background-image: url("../images/fondo_banner.jpg");
	background-repeat: repeat-x;
}
#cabeza-0{
    width: 990px;
    height: 32px;
    margin: auto;
    background-image:url(../images/cabeza-1.jpg);
    background-repeat: repeat-x;
}
#cabeza-wrap-0 {
    background-image:url(../images/cabeza-1.jpg);
    background-repeat: repeat-x;
    height: 32px;
    z-index:600;
    width:100%;
    bottom: 0px;
    left: 0px;
}
#cabeza{
    width: 990px;
    height: 109px;
    margin: auto;
    background:url("../images/cabeza-bg-2.png");
    /*background-image: url("../images/cabeza.jpg");*/
}
#cabeza img{
	margin-top: 23px;
}
#cabeza a:hover{
	opacity: 0.9;
}
#cabeza-wrap {
    background-image:url(../images/cabeza-bg-2.png);
    background-repeat: repeat-x;
    height: 109px;
    z-index:600;
    width:100%;
    bottom: 0px;
    left: 0px;
}
#newsletter p{
	width:191px;
	height:40px;
	text-align: right;
	float: right;
	position: absolute;
	padding: 0px;
}
#newsletter{
    width: 317px;
    margin-right: -12px;
    /*margin-top: 13px;*/
    margin-top:0px;
    float: right;
    color:#8c8c8c;
}
#idiomas{
	width: 202px;
	height: 42px;
	margin-top: 20px;
	margin-left: 270px;
	float: left;
}
#input{
	float: left;
	height: 30px;
	margin-top: 30px;
	border-top:6px solid #dddddd;
	border-left:6px solid #dddddd;
	border-bottom:6px solid #dddddd;
	border-right:0px solid #dddddd;
}
#input input{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 6px;
	padding-bottom: 6px;
	padding-top: 6px;
	color:#8c8c8c;
}
#imagen input{
	float: right;
	margin-top: 30px;
	width: 105px;
	height:42px;
	float: left;
}


#newsletter input{
	border:1px solid #dddddd;
}
#menu-0{
	width: 990px;
	height: 47px;
	margin: auto;
	background-image: url("../menu/images/menu-repeat.jpg");
	background-repeat: repeat-x;
	/*background-image: url("../images/menu.jpg");*/
}
#menu-wrap-0 {
    background-image: url("../menu/images/menu-repeat.jpg");
    background-repeat: repeat-x;
    height: 47px;
    z-index:600;
    width:100%;
    bottom: 0px;
    left: 0px;
}
#banner{
	width: 990px;
	height: 368px;
	margin: auto;
	z-index: 2;
}
#centro{
	width: 990px;
	height: 1045px;
	margin: auto;
}
#centro h1{
	font-family: 'Open Sans', sans-serif;
	padding-top: 20px;
	padding-left: 20px;
	font-weight: bold;
	font-size: 18px;
	color:#e64800;
}
#centro h2{
	font-weight: bold;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
}
#centro p{
	width: 300px;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
}
#centro section{
	width: 980px;
	height: 425px;
	margin: auto;
	background-color:#fff;
	text-align: center;
}
#footer{
	width: 990px;
	/*height: 284px;*/
    height: 209px;
	margin: auto;
	background-image:url(../images/footer-repeat.jpg);
	background-color: #222;
	background-repeat: repeat-x;
	/*background-image: url("../images/footer.jpg");*/

}
#footer-wrap {
    background: #222 url("../images/footer-repeat.jpg");
    background-repeat: repeat-x;
    
    /*height: 284px;*/
    height: 209px;
    z-index:600;
    width:100%;
    bottom: 0px;
    left: 0px;
    padding: 0px;
    margin: 0px;
}
#footer-box{
	width: 217px;
	height: 164px;
	margin-left: 26px;
	padding-top: 20px;
	line-height: 20px;
	float: left;
}
#footer-box h3{
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	font-size: 14px;
}
#footer-box p{
	font-family: 'Open Sans', sans-serif;
	color: #4e5452;
	font-size: 14px;
	line-height: 21px;
}
#footer-pie{
	width: 990px;
	height: 100%;
	margin: auto;
	background-image:url(../images/footer-pie.jpg);
	background-repeat: repeat-x;
	/*background-image: url("../images/footer.jpg");*/
}
#footer-pie-wrap {
    background: #222 url(../images/footer-pie-repeat.jpg);
    background-repeat: repeat-x;
    height: 75px;
    z-index:600;
    width:100%;
    bottom: 0px;
    left: 0px;
}
#derechos{
	width: 365px;
	margin-top: 15px;
	margin-left: 25px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #4e5452;
	font-size: 10px;
	line-height: 21px;
	float: left;
}
#social{
	width: 120px;
	height: 38px;
	margin-top: 4px;
	float: left;
}
#footer-menu{
	width: 455px;
	height: 38px;
	margin-top: 17px;
	float: left;
}
#social a, img{border: 0;text-decoration: none;}
#footer-menu ul{
	width: 555px;
	height: 38px
	list-style:none;
	margin:0;
    padding:0;
}
#footer-menu ul > li{
	float:left;
    padding:0px;
}
#footer-menu li a{
    height: 38px;
    margin:14px auto auto 0px;
    color:#fff;
    display:block;
    font-weight:normal;
    text-align:left;
    text-decoration:none;
}
p#socialicons img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    position: absolute;
}
p#socialicons img:hover{
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
p#socialicons3 img{ /* 3rd set of icons. Rotate them -360deg onmouseover ONLY. Note where the "transition prop is added */
}
p#socialicons3 img:hover{ 
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}
/*SERVICIOS=============================*/
a {
  color: #ccc;
  text-decoration: none;
}
a:hover {
  color: #fff;
}
#cuerpo_prod{
  width: 990px;
  margin: auto;
  padding-bottom: 15px;
  overflow: hidden;
  position: relative;
  z-index: 9;
}
#cuerpo_prod_der{
  position: relative;
  width: 798px;
  margin-top:-10px;
  margin-left: 0px;
  float: left;
} 
#cuerpo_prod_izq{
  position: relative;
  width: 180px;
  float: left;
  background-color: #fff;
}
#menu_rubros_prod{
  width: 170px;
  padding-top: 10px;
  padding-left: 10px;
  float: left;
}
/* webkit, opera, IE9 */
::selection { background:#bf3a09; color:#fff; }
/* mozilla firefox */
::-moz-selection { background:#bf3a09; color #fff; }

#caja_prod_img{
  width: 232px;
  height: 198px;
  overflow: hidden;
  border:1px solid #ccc;
}
.hr_articulo{
    width: 200px;
    margin: auto;
    border-width: 1px;
    border-style: dotted;
    border-color: #e9e9e9;
  }
#caja_prod{
    width: 233px;
    height: 359px;
    margin-left: 10px;
    margin-top: 10px;
    float: left;
    border:1px dotted #ccc;
    padding: 10px;
}
#caja_prod a{
    text-align: left;
}
#caja_prod img{
    padding-left: 0px;
}
#caja_prod h3{
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    color:#323232;
    font-size: 21px;
    font-weight: 400;
}
#caja_prod p {
    color:#323232;
    font-family: 'Open Sans', sans-serif;
}
.precio{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 10px;
    font-weight: 300;
    color:red;
    text-align: center;
}
img{
    text-decoration: none;
    border:0;
}
.column:nth-child(2) {
  min-height: 400px;
  background: url(../menu-lateral/images/clickhere.png) 50px 0 no-repeat;
}
#verdetalle-servicios{
  padding: 8px;/*20px*/
  text-align: center;
  margin-left: 4px;
}
#verdetalle-servicios a{
  text-decoration: none;
}
#verdetalle-servicios img{
  border: 0;
}
hr{
  width: 200px;
  margin: auto;
  border-width: 1px;
  border-style: dotted;
  border-color: #e9e9e9;
}
/*NOSOTROS==============================*/
#banner_nos{
  width: 964px;
  height: 295px;
  margin:auto;
  background-image: url(../images/banner_nos_2.jpg);
}
#banner_nos h1{
  font-size: 32px;
  line-height: 38px;
  color:#000000;
  font-family: 'Open Sans', sans-serif;
}
#banner_nos p{
  font-size: 18px;
  line-height: 24px;
  color:#222222;
  font-family: 'Open Sans', sans-serif;
}
#banner_nos_info{
  width: 500px;
  height: 346px;
  padding: 40px;
}
#nosotros_info{
  width: 500px;
  margin-right: 13px;
  margin-top: 10px;
  padding: 20px;
  float: right;
  border: 1px dotted #ccc;
}
#nosotros_info h1{
  font-size: 24px;
  line-height: 28px;
  color:#000000;
  font-family: 'Open Sans', sans-serif;
}
#nosotros_info p{
  font-size: 12px;
  line-height: 14px;
  color:#222222;
  font-family: 'Open Sans', sans-serif;
}
#nosotros_info_img{
  width: 397px;
  height: 350px;
  margin-left: 3px;
  float: left;
}
#nosotros_info_img a:hover{
  opacity: 0.9;
}
/*=======================================*/
#img-izq{
    float: left;
    padding-top: 7px;
    padding-right: 5px;
}
#parrafo-izq{
    float: left;
    padding-top: 9px;
}
#parrafo-izq a{text-decoration: none;color:#018a9a;}
#parrafo-izq a:link {text-decoration: none;color:#018a9a;}
#parrafo-izq a:hover {text-decoration: none;color:#222;}

#parrafo-der{
    float: right;
    padding-top: 10px;
}
#parrafo-der span{
    padding: 0px 0px 0px 0px;
    margin: 0px 10px 0 10px;
}
#parrafo-der a{text-decoration: none;color:#018a9a;}
#parrafo-der a:link {text-decoration: none;color:#018a9a;}
#parrafo-der a:hover {text-decoration: none;color:#222;}

.titular{padding-top: 0px;padding-bottom: 0px;margin-left:0px;color:#8a8e91;font-size: 18px;font-weight: bold;}

#titular-carousel{width:300px;height:30px;}
#detalle{width:260px;height:80px;overflow: hidden;}
#productos-encontrados-izq h3{
  width: 776px;
  height: 15px;
  border:1px dotted #ccc;
  padding: 3px;
  float: left;
  margin-left: 10px;
  color:#222;
  font-weight: 400;
  font-size: 14px;
}
#productos-encontrados-izq span{color:#222;font-weight: 400;font-size: 14px;}

#productos-encontrados-izq a{color:#0073c6;}
#productos-encontrados-izq a:hover{color:#0073c6;opacity: 0.7}
#productos-encontrados-izq a:link{color:#0073c6;}

/*ARTICULO*/
/*================================*/
#cuerpo_art_izq{
  position: relative;
  width: 489px;
  float: left;
  background-color: #fff;
}
/*#cuerpo_art_der{
  position: relative;
  width: 765px;
  margin-top:10px;
  margin-left: 10px;
  padding: 10px;
  float: left;
} */
#cuerpo_art_der{
  position: relative;
  width: 789px;
  margin-top:10px;
  margin-left: 0px;
  padding: 10px;
  float: left;
} 
#contenedor_row_fotos{
  width: 740px;
  height: 412px;
  margin: auto;
}
#row_fotos{
  width: 340px;
  height: 415px;
  margin: auto;
  float: left;
}
#fotos_small{
  width: 400px;
  padding:10px; 
  margin:5px auto auto 10px;
}
#row_info{
  width: 290px;
  height: 400px;
  margin: 20px auto auto 20px;
  float: left;
}
#row_info p{
color: #222222;
}
#div_zoom{
  width:710px;
  height:260px;
  padding: 20px;
  overflow: hidden;
}
#info_3{
  width: 730px;
  height: 100px;
  border:1px dotted #ccc;
  margin-top: 30px;
  padding-top:25px;
  padding-left: 10px;
}
#articulos_relacionados h1{
  font-family: 'Open Sans', sans-serif;
  text-align: center;
}
.hr_articulos_relacionados {
  border: 0;
  height: 2px;
  border-top: 1px dashed #bfc0c4;
  border-bottom: 1px dashed #bfc0c4;
  width: 290px;
  text-align:center;
}
#articulos_relacionados_t{
  width: 798px;height:30px;padding-top:10px;
}
/*LOGIN.PHP*/
/*=============================*/
#cuerpo_sesion{
  width: 990px;
  min-height: 450px;
  margin: auto;
  padding:20px 20px 20px 50px;
  overflow: hidden;
  position: relative;
  z-index: 9;
}
#cuerpo_sesion_der a{color:#0073c6;}
#cuerpo_sesion_der a:hover{color:#0073c6;opacity: 0.7}
#cuerpo_sesion_der a:link{color:#0073c6;}

#cuerpo_sesion_izq a{color:#0073c6;}
#cuerpo_sesion_izq a:hover{color:#0073c6;opacity: 0.7}
#cuerpo_sesion_izq a:link{color:#0073c6;}
#cuerpo_sesion_izq_contacto{
  width: 450px;
  height: 395px;
  margin: 20px;
  background-image: url("../images/contacto_images.jpg");
  float: left;
  overflow: hidden;
}
#cuerpo_sesion_izq{
  width: 450px;
  height: 498px;
  margin: 20px;
  background-image: url("../images/login_user_images.jpg");
  float: left;
  overflow: hidden;
}
#cuerpo_sesion_izq p{
  margin:-200px auto;
  font-size: 14px;
  font-weight: 14px;
  padding: 20px;
  color:#222222;
  font-family: 'Open Sans', sans-serif;
}
#cuerpo_sesion_der{
    width: 450px;
    margin: 20px;
    float: left;
}
#cuerpo_sesion_der_img{
    margin-bottom: 20px;
}
#cuerpo_sesion_izq p{
  margin-top: 395px;
}
#registrarse_select{
  width:340px;height:30px
}
#registrarse_select_contacto{
  width:550px;height:33px
}
/*LISTADO DE DETALLE EN ARTICULO*/
#productos_listado{
  width: 785px;

  padding: 0px;
  margin-left: 0px;
  border: 1px dotted #ccc;
  background-color: #ffffff;
}
#productos_listado_interior{
  width: 765px;

  padding: 0px;
  margin: 10px;
}
#barra_gris{
  width: 765px;
  height: 27px;
  background-color: #b4b4b4;
}
#barra_gris h3{
  color:#ffffff;
  margin: auto;
  padding: 6px 5px 5px 5px;
  font-size: 14px;
}
#registro{
  width: 765px;
  height: 24px;
  background-color: #ffffff;
  border-bottom: 1px solid #d8d8d8;
}
#registro_ultimo{
  width: 765px;
  height: 32px;
  background-color: #ffffff;
}
#registro_izq{
    width: 195px;
    height: 24px;
    float: left;
}
#registro_izq p{padding: 5px;color:#222222;font-weight: bold;margin: auto}
#registro_der{
    width: 570px;
    height: 24px;
    float: left;
}
#registro_der p{padding: 5px;color:#2f2f2f;margin: auto}
/*NOTICIAS=============================*/
#noticias_ampliadas{
  width: 770px;
  margin:20px auto auto 20px;
}
#noticias_ampliadas h1{color:#222222;font-size: 32px;padding: 0px;}
#noticias_ampliadas h3{color:#222222;}
#noticias_ampliadas p{color:#222222;}
#noticias_ampliadas img{float: left;margin-right: 10px}

		div.pagination {
		 width:100%;
		padding: 3px;
		margin: 3px;
		text-align:center;
		font-size:11px; 
font-family:Arial!important, Helvetica, sans-serif;
     clear:both; 
       margin:20px auto auto 20px;
  
     padding:20px 0px;
	}
	
	div.pagination a {
		border: 1px solid #dedfde;
		margin-right:3px;
		padding:2px 6px;

		background-position:bottom;
		text-decoration: n
		one;

		color: #99210B;
	}
	div.pagination a:hover, div.pagination a:active {
		border: 1px solid #000;
		background-image:none;
		background-color:#777777;
		color: #fff;
	}
	div.pagination span.current {
		margin-right:3px;
		padding:2px 6px;
		
		font-weight: bold;
		color: #99210B;
	}
	div.pagination span.disabled {
		margin-right:3px;
		padding:2px 6px;
	
		color: #adaaad;
	}
	
	
	#error {
 background-color:#ffebe8;
 border:1px solid #dd3c10;
 padding:7px 3px;
 text-align:center;
 margin-top:10px;
 margin-left:10px;
 margin-right:10px;
 visibility:hidden;
font-family:Arial!important, Helvetica, sans-serif;
 font-size:12px; color:red;
}




/* TABS */
.OneCol ul.Tabs {margin:0 auto; width:100%px; height:49px;background:transparent;}
ul.Tabs li {display:inline; background:transparent;}
ul.Tabs li span {display:none}
ul.Tabs li a {background: url(../images/menu_tabs.png) no-repeat left; display:block; height:34px; float:left; color:#555555; font-size:20px; font-family: 'agenda-blackregular'; text-align:center; text-decoration:none; padding-top:15px; text-shadow:0 1px 0#E2E3E4;}
ul.Tabs li a:hover {color:#000000; text-shadow:0 1px 0#E2E3E4}

ul.Tabs li a.enviarTickets {background-position:0 0; width:174px;}
ul.Tabs li a.enviarTickets:hover {background-position:0 -49px; width:174px;}
ul.Tabs li a.enviarTicketsctive  {background-position:0 -49px; width:174px; color:#000000; text-shadow:0 1px 0#E2E3E4;}

ul.Tabs li a.verTickets {background-position:-174px 0; width:152px;}
ul.Tabs li a.verTickets:hover {background-position:-174px -49px; width:152px;}
ul.Tabs li a.verTicketsactive  {background-position:-174px -49px; width:152px; color:#000000; text-shadow:0 1px 0#E2E3E4}

ul.Tabs li a.RMA {background-position:-326px 0; width:272px;}
ul.Tabs li a.RMA:hover, ul.Tabs li a.RMAactive  {background-position:-326px -49px; width:272px;}

ul.Tabs li a.verOrdenes {background-position:-598px 0; width:153px;}
ul.Tabs li a.verOrdenes:hover {background-position:-598px -49px; width:153px;}
ul.Tabs li a.verOrdenesactive  {background-position:-598px -49px; width:153px; color:#000000; text-shadow:0 1px 0#E2E3E4}

.OneCol .TableSoporte {clear:both; background:none bottom #E9E9E9; min-height:310px;  padding:15px 32px;  width:90%;}
.TableSoporte h1 {font-family:'agenda-blackregular'; font-size:22px; padding-top:20px; color:#000000; line-height:18px; border:none; position:relative}
.TableSoporte h1 a {position:absolute; right:0; text-align:right; position:absolute; font-size:10px; color:#181819; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
.OneCol h2.titForms {font-family:'agenda-blackregular'; color:#000000!important; font-size:18px!important; text-transform:uppercase; margin:0!important}
.TableSoporte h4 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; line-height:18px;}
.TableSoporte table {width:100%; margin-top:20px;background:none;}
.TableSoporte table table {width:100%; margin-top:0; border:none;}
.TableSoporte table table td {border:none; padding:0; vertical-align:middle; background:transparent;}
.TableSoporte table table p {font-size:14px; margin:0; padding:8px;}
.TableSoporte table th {font-size:12px; text-align:left; color:#000000; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #8B8B8B; padding:10px 0; background:transparent;}
.TableSoporte td  {border-bottom:1px solid #8B8B8B; padding:10px 0;}
.TableSoporte input, .TableSoporte textarea {width:275px; background:#FFFFFF; border:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px;}
.TableSoporte select {width:285px; background:#FFFFFF; border:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px;}
.TableSoporte input.btn   {width: auto; background:none; border:none;}
.TableSoporte input.radio {width: auto; background:none; border:none;}
 .TableSoporte  small {font-size:10px; font-family:Arial, Helvetica, sans-serif}

.TableSoporte .fileinputs {position: relative; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.TableSoporte .fakefile {position: absolute; top:-5px; .top:3px;	left: 0px;	z-index: 1;}
.TableSoporte input.file {position: relative; text-align: right; -moz-opacity:0 ; filter:alpha(opacity: 0);  opacity: 0;z-index: 2;}

.TableSoporte td.comment { vertical-align:top; }

.TableSoporte .Comment {   padding-left:5px;  font-size:12px; border 1px solid #cccccc; background:#ffffff; color:#000000;}

.TableSoporte table#VerTickets {background:#cccccc; color:#000000;}
table#historial th, table#Consulta th, table#VerTickets th { color:#E9E9E9; padding:5px; background:#000000;}
table#VerTickets td.numTick { font-size:14px; text-align:center; padding-right:35px; font-weight:bold}
table#VerTickets td.estado {font-size:10px; text-transform:uppercase; padding-left:5px;}
table#VerTickets td.asunto {font-size:12px; padding-left:5px;}
table#VerTickets td.asunto a.detalle {color: #FFFccc; font-size:10px; width:auto; background:#cccc00; border-radius:5px; padding:4px; text-decoration:none; margin-left:10px;}
td.asunto a.detalle:hover {background:#999999!important;}
table#VerTickets td.date  {text-align:center; font-size:12px;}


table#detalle {width:100%; }
table#detalle td.numTick {color:#B42D30; font-size:18px; font-family: Arial Black,  Arial, Helvetica, sans-serif;}
table#detalle td.estado {font-size:10px; text-transform:uppercase; padding-left:5px;}

table#historial {background:#EFF0F1; width:100%;}
table#Consulta td.borde, table#historial td.borde { border-bottom:none; }
table#historial td p {font-size:14px; line-height:16px;}
table#historial td p span {color: #B42D30}
table#historial td  p small {font-size:10px;}

table#Consulta {background:none;   }
table#Consulta th.form { background:none; color:#000000;  font-family:'agenda-blackregular'; font-size:18px;}
table#Consulta th.form  small { font-size:10px; font-family:Arial, Helvetica, sans-serif; font-weight:normal}

#registrarse {margin-top:10px;} 
table.halfwith .borde, #registrarse .borde { border-bottom:none;}

table.halfwith {width:48%!important; float:left; margin-right:2%; margin-top:10px;} 
table.halfwith  span {color:#000000;  font-family:'agenda-blackregular'; font-size:18px;}

#TopMenu .Menu ul.Botones {margin:0 auto; width:632px; height:36px;}
.Menu ul.Botones li {display:inline;}
.Menu ul.Botones li a {background:url(../images/menu.png) no-repeat left;}
.Menu ul.Botones li span {display:none}
ul.Botones li a {display:block; height:36px; float:left;}

ul.Botones li a.inicio {background-position:0 0; width:123px;}
ul.Botones li a.inicio:hover, ul.Botones li a.inicioactive  {background-position:0 -36px; width:123px;}

ul.Botones li a.productos {background-position:-123px 0; width:160px;}
ul.Botones li a.productos:hover, ul.Botones li a.productosactive  {background-position:-123px -36px; width:160px;}

ul.Botones li a.soporte {background-position:-283px 0; width:209px;}
ul.Botones li a.soporte:hover, ul.Botones li a.soporteactive  {background-position:-283px -36px; width:209px;}

ul.Botones li a.contacto {background-position:-492px 0; width:140px;}
ul.Botones li a.contacto:hover, ul.Botones li a.contactoactive  {background-position:-492px -36px; width:140px;}


#Contactos {width:100%; height:307px; background:#000000;}
#Contactos .Content {width:1198px; height:307px; margin:0 auto; background: url(../images/bg_contacto.jpg) no-repeat; position:relative}
#Contactos .Content .mesaAyuda {background:url(../images/bg_mesa-ayuda.png) no-repeat; height:218px; width:438px; float:left; margin:26px 0 0 114px; position:relative; }
#Contactos .Content .AreaSoporte#Logueado { background:url(../images/bg_flia.png) no-repeat; height:266px; width:486px; float:left; margin:20px 0 0 40px; position:relative}

.mesaAyuda h3 {position:absolute; font-family: 'agenda-blackregular'; color:#FFFFFF; font-size:20px; text-shadow:0 -1px 0 #5A1B1B; top:5px; left:100px; font-weight:normal}
.mesaAyuda .telefono {position:absolute; top:70px; left:40px;}
.mesaAyuda .horario {position:absolute; top:142px; left:40px}
.mesaAyuda .horario img {float:left; margin-right:20px;}
.mesaAyuda .horario p {float:left; color:#F7F7F7; font-size:12px; line-height:18px; font-family:Arial, Helvetica, sans-serif; text-shadow:0 -1px 0 #5A1B1B;}
.mesaAyuda .horario p strong {font-size:14px; }

#Contactos .Content .AreaSoporte { background:url(../images/bg_area-soporte.png) no-repeat; height:266px; width:486px; float:left; margin:20px 0 0 40px; position:relative}
.AreaSoporte  h3 {position:absolute; font-family: 'agenda-blackregular'; color:#181819; font-size:20px; text-shadow:0 1px 0 #E2E3E4; top:11px; right:90px; font-weight:normal!important}
.AreaSoporte p  {font-size:11px; color:#22201F; font-family:Arial, Helvetica, sans-serif;}
.AreaSoporte p a {color:#22201F;}
.AreaSoporte p a:hover { text-decoration:none}
.AreaSoporte p.usuario  {position:absolute; right:170px; top:60px;}
.AreaSoporte p.pass  {position:absolute; right:150px; top:118px;}
.AreaSoporte p.registro {position:absolute; right:50px; top:200px;}
.AreaSoporte input.usuario  {position:absolute; right:42px; top:83px;.top:81px; width:130px; background:transparent; border:transparent}
.AreaSoporte input.pass {position:absolute; right:42px; top:143px; .top:140px; width:131px; background:transparent; border:transparent}
.AreaSoporte input.btn {position:absolute; right:116px;  top:183px}

 #submit {
  background:url(contacto/formulario_html5/images/submit.jpg);
  width:127px;
  height:38px;
  text-indent:-9999px;
  border:none;
  margin-top:20px;
  cursor:pointer;
}

.msg { position:relative; padding-right:35px; margin-bottom:10px; }
.msg p{ padding:9px 10px 9px 40px; font-size:12px; background-repeat:no-repeat; background-position:10px 5px;}
.msg a.close{ font-size:0; line-height:0; position:absolute; top:0; right:0; width:34px; height:34px; background:url(images/close.gif); text-indent: -4000px;}

.msg-ok p{ background-color:#fffac2; border:solid 1px #dbd6a2; color:#5e5c40; background-image:url(../images/produ.png); }
.msg-error p{ background-color:#f3c598; border:solid 1px #e8b084; color:#ba4c32; background-image:url(images/msg-error.gif);  }

.msg p { -moz-border-radius:6px; -webkit-border-radius:6px; }