html, body, p, img, ul, li, h1, h2, h3, h4, h5 {padding:0; margin:0; }
img {border: none;}
ul, li {list-style: none;}
.fleft {float: left;}
.fright {float: right;}
.clear {clear: both;}

body{ padding:0px; margin: 0; background:url(images/bg.gif) repeat-y top center; background-color: #f3f3f3; font: 12px Arial, Helvetica, sans-serif;}

#holder { width: 950px; margin: 0 auto; height: 100%; min-height: 100%;}

#wrapper { float:left; background:#FFFFFF;}

#header {
	width: 950px;
	height: 126px;
}

h1 {
	width: 213px;
	height:100px;
	float:left;
	margin: 19px 0 0 15px;
	display:block;
	background: url(images/logo.png) no-repeat;
}

h1 a { width: 213px; height:100px; display:block;}
h1 p { display:none;}



ul#menu {
	width: 630px;
	height: 16px;
	margin: 63px 15px 0 0;
	float: right;
}

ul#menu li a {
	height: 16px;
	display:block;
	overflow: hidden;
	text-indent: -9999px;
	background:url(images/menu.png) no-repeat;
}

ul#menu a { font-weight: bold; color: #fff; text-decoration: none; text-transform: uppercase;}
ul#menu a:hover { color: #f1e1a7;}

li#sobre a { width: 155px; float: left;}
li#acerca a { width: 135px; float: left;}
li#donde a { width: 152px; float: left;}
li#atencion a {	width: 188px; float: left;}


li#sobre a:link, li#sobre a:visited { background-position: 0 0;}
li#sobre a:active, li#sobre a:hover { background-position: 0 -16px;}

li#acerca a:link, li#acerca a:visited { background-position: -155px 0;}
li#acerca a:active, li#acerca a:hover { background-position: -155px -16px;}

li#donde a:link, li#donde a:visited { background-position: -290px 0;}
li#donde a:active, li#donde a:hover { background-position: -290px -16px;}

li#atencion a:link, li#atencion a:visited { background-position: -442px 0;}
li#atencion a:active, li#atencion a:hover { background-position: -442px -16px;}



#wrap-contenido {
	width: 950px;
	background: #fff;
}


#contenido {
	width: 571px;
	float: left;
	padding: 31px 34px 40px 40px;
	
}

#banner-home {
	width: 920px;
	height: 385px;
	margin: 0 15px;
	background: url(images/banner-home.jpg) no-repeat;
}


/* FOOTER HOME -------------------------------------------------------------------------------------------------------------------------------------------------*/


#footer-home {
	width: 920px;
	height: 85px;
	margin: 0 15px;
	background: url(images/footer-home.jpg) no-repeat;
}

#novedadeshomefooter {
	width: 85px;
	height: 85px;	
}

#novedadeshomefooter a {
	height: 85px;
	display: block;
	text-indent: -9999px;
}


ul#menufooterhome {
	width: 493px;
	height: 12px;
	margin: 40px 0 0 15px;
	float: left;
}

ul#menufooterhome li a {
	height: 12px;
	display:block;
	overflow: hidden;
	text-indent: -9999px;
	background:url(images/menu-footer.png) no-repeat;
}

li#contacto a { width: 64px; float: left;}
li#prensa a { width: 51px; float: left;}
li#laborales a { width: 162px; float: left;}
li#legal a {	width: 78px; float: left;}
li#politica a {	width: 138px; float: left;}


li#contacto a:link, li#contacto a:visited { background-position: 0 0;}
li#contacto a:active, li#contacto a:hover { background-position: 0 -12px;}

li#prensa a:link, li#prensa a:visited { background-position: -64px 0;}
li#prensa a:active, li#prensa a:hover { background-position: -64px -12px;}

li#laborales a:link, li#laborales a:visited { background-position: -115px 0;}
li#laborales a:active, li#laborales a:hover { background-position: -115px -12px;}

li#legal a:link, li#legal a:visited { background-position: -277px 0;}
li#legal a:active, li#legal a:hover { background-position: -277px -12px;}

li#politica a:link, li#politica a:visited { background-position: -355px 0;}
li#politica a:active, li#politica a:hover { background-position: -355px -12px;}


#registrarhomefooter {
	width: 100px;
	height: 85px;
	margin-right: 40px;
}

#registrarhomefooter a {
	height: 85px;
	display: block;
	text-indent: -9999px;
}

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



/* FOOTER ALL -------------------------------------------------------------------------------------------------------------------------------------------------*/

#footer {
	width: 950px;
	height: 65px;
	background: url(images/footer.jpg) no-repeat;
	margin-bottom:45px;
}

#novedadesfooter {
	width: 85px;
	height: 65px;	
}

#novedadesfooter a {
	height: 65px;
	display: block;
	text-indent: -9999px;
}

#registrarfooter {
	width: 100px;
	height: 65px;
	margin-right: 7px;
}

#registrarfooter a {
	height: 65px;
	display: block;
	text-indent: -9999px;
}


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




/* ----------------------------------- SOBRE NOSOTROS ----------------------------------- */



#banner-nosotros {
	width: 920px;
	height: 208px;
	margin: 0 0 33px 15px;
	background: url(images/banner-sobrenosotros.jpg) no-repeat;
}

#texto-intro-sobrenosotros {
	width: 920px;
	height: 180px;
	margin: 0 0 55px 15px;
	background: url(images/texto-intro-sobrenosotros.png) left no-repeat;
}

#wp-3cols {
	width: 920px;
	height: 207px;
	margin: 0 0 80px 15px;
	background: url(images/3cols-titulos1.png) top left no-repeat;
	
	font-size:14px;
	color: #999;
}

#col-mision {
	width: 235px;
	height:161px;
	padding: 46px 45px 0 0;
	border-right: 1px #999999 dashed;
}

#col-vision {
	width: 235px;
	height: 161px;
	padding: 46px 45px 0 28px;
	border-right: 1px #999999 dashed;
}

#col-filosofia {
	width: 235px;
	height: 161px;
	padding: 46px 45px 0 28px;
	border-right: 1px #999999 dashed;
}





/* ----------------------------------- ACERCA UPI ----------------------------------- */



#banner-acerca {
	width: 920px;
	height: 392px;
	margin: 0 15px 0 15px;
	background: url(images/banner-acercaupi.jpg) no-repeat;
}


ul#menuacercaupi {
	width: 920px;
	height: 21px;
	margin: 0 0 0 15px;
	float: left;
}

ul#menuacercaupi li a {
	height: 21px;
	display:block;
	overflow: hidden;
	text-indent: -9999px;
	background:url(images/menu-acercaupi.png) no-repeat;
}


li#tenerupi a { width: 233px; float: left;}
li#disenioupi a { width: 70px; float: left;}
li#prestacionesupi a { width: 127px; float: left;}
li#aplicacionesupi a {	width: 250px; float: left;}
li#especificacionesupi a {	width: 240px; float: left;}


li#tenerupi a:link, li#tenerupi a:visited { background-position: 0 0;}
li#tenerupi a:active, li#tenerupi a:hover { background-position: 0 -21px;}

li#disenioupi a:link, li#disenioupi a:visited { background-position: -233px 0;}
li#disenioupi a:active, li#disenioupi a:hover { background-position: -233px -21px;}

li#prestacionesupi a:link, li#prestacionesupi a:visited { background-position: -303px 0;}
li#prestacionesupi a:active, li#prestacionesupi a:hover { background-position: -303px -21px;}

li#aplicacionesupi a:link, li#aplicacionesupi a:visited { background-position: -430px 0;}
li#aplicacionesupi a:active, li#aplicacionesupi a:hover { background-position: -430px -21px;}

li#especificacionesupi a:link, li#especificacionesupi a:visited { background-position: -680px 0;}
li#especificacionesupi a:active, li#especificacionesupi a:hover { background-position: -680px -21px;}


#texto-intro-acercaupi {
	width: 920px;
	height: 113px;
	margin: 65px 15px 55px 15px;
	background: url(images/texto-intro-acercaupi.png) left no-repeat;
}

#au-porqueupi {
	width: 920px;
	height: 45px;
	margin: 0 15px;
	background:url(images/au-tenerupi.png) left bottom no-repeat;
}

#tit-content {
	width: 920px;
	margin: 10px 15px 0 15px;
	line-height: 25px;
	font-weight: bold;
	color: #666;
}




#au-disenio {
	width: 920px;
	height: 45px;
	margin: 40px 15px 0 15px;
	background:url(images/au-disenio.png) left bottom no-repeat;
}

#au-disenio-content {
	width: 935px;
	height: 508px;
	margin: 10px 0 0 15px;
	background:url(images/au-disenio-content.jpg) left top no-repeat;
}

#text-disenio-content {
	width: 430px;
	margin: 24px 0 0 24px;
	color: #356574;
	line-height: 18px;
	overflow: hidden;
}




#au-presentacion {
	width: 920px;
	height: 45px;
	margin: 40px 15px 0 15px;
	background:url(images/au-presentacion.png) left bottom no-repeat;
}

#au-presentacion-content {
	width: 935px;
	height: 562px;
	margin: 10px 0 0 15px;
	background:url(images/au-presentacion-content.jpg) left top no-repeat;
}

#text-presentacion-content {
	width: 866px;
	height: 236px;
	margin: 306px 0 0 24px;
	color: #e07400;
	line-height: 18px;
	overflow: hidden;
}

#text-presentacion-col1 {
	width: 270px;
	float:left;
	margin-right: 27px;
}

#text-presentacion-col2 {
	width: 270px;
	float:left;
	margin-right: 27px;
}

#text-presentacion-col3 {
	width: 270px;
	float:left;
}





#au-aplicaciones {
	width: 920px;
	height: 45px;
	margin: 40px 15px 0 15px;
	background:url(images/au-aplicaciones.png) left bottom no-repeat;
}

#au-aplicaciones-content {
	width: 920px;
	height: 469px;
	margin: 10px 0 0 15px;
	background:url(images/au-aplicaciones-content.jpg) left top no-repeat;
}

#text-aplicaciones-content {
	width: 455px;
	margin: 35px 0 0 24px;
	color: #fff;
	line-height: 18px;
	overflow: hidden;
}





#au-especificaciones {
	width: 920px;
	height: 45px;
	margin: 40px 15px 0 15px;
	background:url(images/au-especificaciones.png) left bottom no-repeat;
}

#au-especificaciones-content1 {
	width: 560px;
	margin: 10px 0 0 15px;
	line-height: 18px;
	color: #666;
	float:left;
	overflow:hidden;
}

#au-especificaciones-content2 {
	width: 360px;
	margin: 10px 15px 0 0;
	line-height: 18px;
	color: #666;
	float:right;
	overflow:hidden;
}





#au-queupi-content1 {
	width: 223px;
	margin: 55px 29px 45px 15px;
	background:url(images/au-queupi.png) left top no-repeat;
	line-height: 18px;
	padding: 48px 0 0 0;
	color: #666;
	float:left;
	overflow:hidden;
}

#au-queupi-content2 {
	width: 666px;
	height:307px;
	background:url(images/au-queupi-cuadro.png) no-repeat;
	margin: 55px 15px 45px 0;
	line-height: 18px;
	color: #666;
	float:right;
	overflow:hidden;
}




/* ----------------------------------- OPORTUNIDADES ----------------------------------- */



#banner-oportunidades {
	width: 920px;
	height: 208px;
	margin: 0 15px 0 15px;
	background: url(images/banner-oportunidades.jpg) no-repeat;
}

#texto-intro-opotunidades {
	width: 920px;
	height: 194px;
	margin: 50px 15px 55px 15px;
}




/* ----------------------------------- DONDE COMPRAR ----------------------------------- */



#banner-comprar {
	width: 920px;
	height: 208px;
	margin: 0 15px 0 15px;
	background: url(images/banner-comprar.png) no-repeat;
}

#texto-intro-comprar {
	width: 920px;
	height: 218px;
	margin: 50px 15px 55px 15px;
}



/* ----------------------------------- CONTACTO ----------------------------------- */



#banner-contacto {
	width: 920px;
	height: 348px;
	margin: 0 15px 0 15px;
	background: url(images/banner-contacto.png) no-repeat;
}

#texto-intro-contacto {
	width: 920px;
	height: 140px;
	margin: 30px 15px 55px 15px;
}



/* ----------------------------------- PRENSA ----------------------------------- */



#banner-prensa {
	width: 920px;
	height: 208px;
	margin: 0 15px 0 15px;
	background: url(images/banner-prensa.jpg) no-repeat;
}

#texto-intro-prensa {
	width: 920px;
	height: 97px;
	margin: 30px 15px 0 15px;
}

#titulo-prensa {
	width: 920px;
	height: 45px;
	margin: 30px 15px 0 15px;
	background:url(images/titulo-prensa.png) left bottom no-repeat;
}

#gacetilla {
	width: 920px;
	margin: 10px 15px 40px 15px;
	color: #666;
	overflow:hidden;
}

#gacetillas {
	width: 920px;
	margin: 0 15px 0 15px;
	color: #666;
	overflow:hidden;
}

.volanta {
	font-size: 20px;
	line-height: 26px;
}

.copete {
	font-size: 16px;
	line-height: 22px;
}



/* ----------------------------------- ATENCION AL CLIENTE ----------------------------------- */



#banner-atencion {
	width: 920px;
	height: 321px;
	margin: 0 15px 0 15px;
	background: url(images/banner-atencion.jpg) no-repeat;
}


ul#menuatencion {
	width: 920px;
	height: 27px;
	margin: 0 15px 0 15px;
	float: left;
	background:url(images/menu-atencion.png) no-repeat;
}

ul#menuatencion li a {
	height: 27px;
	display:block;
	overflow: hidden;
	text-indent: -9999px;
	background:url(images/menu-atencion.png) no-repeat;
}


li#soporteat a { width: 144px; margin-left: 255px; float: left; }
li#preguntasat a { width: 196px; float: left; }
li#guiaat a { width: 325px; float: left; }


li#soporteat a:link, li#soporteat a:visited { background-position: -255px 0;}
li#soporteat a:active, li#soporteat a:hover { background-position: -255px -27px;}

li#preguntasat a:link, li#preguntasat a:visited { background-position: -399px 0;}
li#preguntasat a:active, li#preguntasat a:hover { background-position: -399px -27px;}

li#guiaat a:link, li#guiaat a:visited { background-position: -595px 0;}
li#guiaat a:active, li#guiaat a:hover { background-position: -595px -27px;}


#at-soporte {
	width: 920px;
	height: 45px;
	margin: 70px 15px 0 15px;
	background:url(images/at-soporte.png) left bottom no-repeat;
}

.camposobligatorios {
	color: #97cc00;
	font-weight: normal;
}

#wp-form {
	width:920px;
	margin: 20px 15px 0 15px;
}

#nombre {
	width:416px;
	height: 30px;
	background:url(images/field-nombre.png) no-repeat left top;
	border:none;
	margin: 15px 0 0 0;
	padding: 3px 0 0 60px;
	color: #666;
}

#apellido {
	width:416px;
	height: 30px;
	margin: 15px 0 0 0;
	background:url(images/field-apellido.png) no-repeat left top;
	border:none;
	padding: 3px 0 0 60px;
	color: #666;
}

#empresa {
	width:411px;
	height: 30px;
	margin: 15px 0 0 0;
	background:url(images/field-empresa.png) no-repeat left top;
	border:none;
	padding: 3px 0 0 65px;
	color: #666;
}

#direccion {
	width:406px;
	height: 30px;
	margin: 15px 0 0 0;
	background:url(images/field-direccion.png) no-repeat left top;
	border:none;
	padding: 3px 0 0 70px;
	color: #666;
}

#provincia {
	width:406px;
	height: 30px;
	margin: 15px 0 0 0;
	background:url(images/field-provincia.png) no-repeat left top;
	border:none;
	padding: 3px 0 0 70px;
	color: #666;
}

#pais {
	width:438px;
	height: 30px;
	margin: 15px 0 0 0;
	background:url(images/field-pais.png) no-repeat left top;
	border:none;
	padding: 3px 0 0 38px;
	color: #666;
}

#mail {
	width:438px;
	height: 30px;
	margin: 15px 0 0 0;
	background:url(images/field-mail.png) no-repeat left top;
	border:none;
	padding: 3px 0 0 38px;
	color: #666;
}

#telefono {
	width:438px;
	height: 30px;
	margin: 15px 0 0 0;
	background:url(images/field-telefono.png) no-repeat left top;
	border:none;
	padding: 3px 0 0 70px;
	color: #666;
}


#descripcion {
	width:470px;
	height: 126px;
	margin: 15px 0 0 0;
	background:url(images/field-descripcion.png) no-repeat left top;
	border:none;
	padding: 28px 0 0 6px;
	color: #666;
}

#serie{
	width:142px;
	height: 30px;
	margin: 15px 0 0 0;
	background:url(images/field-serie.png) no-repeat left top;
	border:none;
	padding: 3px 0 0 334px;
	color: #666;
}

.send {
	width: 91px;
	height: 31px;
	border: none;
	margin: 15px 0 0 0;
	background:  url(images/send.png) no-repeat left top;
	
}


#at-preguntas {
	width: 920px;
	height: 45px;
	margin: 50px 15px 0 15px;
	background:url(images/at-preguntas.png) left bottom no-repeat;
}

#at-texto-preguntas {
	width: 920px;
	color: #666;
	margin: 20px 15px 0 15px;
}


#at-guia {
	width: 920px;
	height: 71px;
	margin: 50px 15px 0 15px;
	background:url(images/at-guia.png) left bottom no-repeat;
}

#at-texto-guia {
	width: 920px;
	color: #666;
	margin: 20px 15px 50px 15px;
}






/* ----------------------------------- ATENCION AL CLIENTE ----------------------------------- */



#banner-registrar {
	width: 920px;
	height: 208px;
	margin: 0 15px 0 15px;
	background: url(images/banner-registrar.jpg) no-repeat;
}

#titulo-registrar {
	width: 920px;
	height: 45px;
	margin: 70px 15px 0 15px;
	background:url(images/titulo-registrar.png) left bottom no-repeat;
}

#modelo {
	width:416px;
	height: 30px;
	background:url(images/field-modelo.png) no-repeat left top;
	border:none;
	padding: 3px 0 0 60px;
	color: #666;
}

#localidad {
	width:406px;
	height: 30px;
	margin: 15px 0 0 0;
	background:url(images/field-localidad.png) no-repeat left top;
	border:none;
	padding: 3px 0 0 70px;
	color: #666;
}

#wp-form-registrar {
	width:920px;
	margin: 20px 15px 50px 15px;
}








#co-realizar {
	width: 920px;
	height: 45px;
	margin: 30px 15px 0 15px;
	background:url(images/titulo-realizepedido.png) left bottom no-repeat;
}

#tit-content a { color: #97cc00; text-decoration:none;}



#co-formapago {
	width: 920px;
	height: 45px;
	margin: 30px 15px 0 15px;
	background:url(images/titulo-formapago.png) left bottom no-repeat;
}

#tit-content-formapago {
	width: 920px;
	margin: 10px 15px 0 15px;
	line-height: 25px;
	color: #666;
}



#co-condiciones {
	width: 920px;
	height: 45px;
	margin: 30px 15px 0 15px;
	background:url(images/titulo-condiciones.png) left bottom no-repeat;
}

#tit-content-condiciones {
	width: 920px;
	margin: 10px 15px 40px 15px;
	line-height: 25px;
	color: #666;
}


#irarriba {
	width: 69px;
	height:24px;
	margin-top: 10px;
	background: url(images/btn-irarriba.png) no-repeat;

}

#irarriba a {
	height: 24px;
	display: block;
	text-indent: -9999px;
}