* {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

a {
   color: #ff0000;
}

a img {
  border: none;
}

body {
   font-family: arial;
   font-size: 100%;
   text-align: center;
}

#container {
   margin: 0 auto 0 auto;
   width: 1000px;
}



/******************************************************************************

   INICIO

******************************************************************************/
#index #left-content-content {
   width: 600px;
   height: 420px;
   float: right;
   text-align: justify;
   background: url(../images/todos.png) no-repeat bottom right;
}

#index p {
   margin-bottom: 5px;
}

.mobiles {
   position: relative;
   left: 50px;
   top: 15px;
   font-size: medium;
   font-weight: bold;
   text-align: left;
   line-height: 1.5em;
}
/*****************************************************************************/



/******************************************************************************

   QUIENES SOMOS

******************************************************************************/
#who #content {
   width: 1000px;
   height: 450px;
}

#who #left-content {
   width: 300px;
   height: 450px;
   float: left;
   text-align: center;
}

#who #right-content {
   width: 690px;
   height: 450px;
   float: right;
   text-align: justify;
   padding-left: 10px;
}

#who #left-content-content {
   width: 235px;
   height: 450px;
   float: right;
   text-align: justify;
   position: relative;
}

#who #vertical-line-content {
   width: 65px;
   height: 450px;
   float: left;
   background: url(../images/vertical.png) repeat-y right;
}


#who #hualon {
   width: 235px;
   height: 179px;
   position: absolute;
   background: url(../images/hualon.png) no-repeat;
}

#who #areas {
   width: 235px;
   height: 189px;
   position: absolute;
   bottom: 0px;
   background: url(../images/areas.png) no-repeat;
}


#avicultura {
   width: 570px;
   position: relative;
   padding-top: 50px;
   padding-left: 120px;
   background: url(../images/avicultura.png) no-repeat left bottom;
}

#restauracion {
   width: 570px;
   position: relative;
   padding-left: 120px;
   background: url(../images/restauracion.png) no-repeat left bottom;
}

#construccion {
   width: 570px;
   position: relative;
   padding-left: 120px;
   background: url(../images/construccion.png) no-repeat left bottom;
}
/*****************************************************************************/



/******************************************************************************

   TARIFAS

******************************************************************************/
#pricelist #content {
   width: 1000px;
   height: 1300px;

}#pricelist #left-content {
   width: 732px;
   height: 1300px;
   float: left;
   text-align: center;
}

#pricelist #right-content {
   width: 268px;
   height: 1300px;
   float: right;
}

#pricelist #left-content-content {
   width: 667px;
   height: 1300px;
   float: right;
   text-align: justify;
   position: relative;
}

#pricelist #vertical-line-content {
   width: 65px;
   height: 1300px;
   background: url(../images/vertical.png) repeat-y right;
}

#pricelist #voz {
   background: url(../images/linea_tarifas.png) repeat-y top left;
   margin-bottom: 10px;
}

#pricelist #sms_back {
   background: url(../images/linea_tarifas.png) repeat-y top left;
}

#voz_up {
   width: 667px;
   position: relative;
   margin-top: 35px;
   background: url(../images/voz.png) no-repeat left bottom;
}

#voz_up_details {
   width: 345px;
   left: 318px;
   position: relative;
}

#voz_up_title {
   z-index: 10;
   top: 10px;
   left: 100px;
   position: relative;
}

#voz_down {
   width: 667px;
   height: 200px;
   position: relative;
   background: url(../images/linea3.png) no-repeat 90% 100%
}

#voz_down_details {
   width: 345px;
   left: 318px;
   position: relative;
}

#voz_down_title {
   z-index: 10;
   position: relative;
   left: 100px;
   top: -4em;
}

#voz_down_title_roaming {
   z-index: 10;
   position: relative;
   left: 100px;
   top: -1.5em;
}

#voz_down_roaming {
   width: 667px;
   height: 160px;
   position: relative;
   background: url(../images/linea3.png) no-repeat 90% 100%;
}


#sms {
   width: 667px;
   position: relative;
   padding-top: 25px;
   background: url(../images/sms.png) no-repeat left bottom;
}

#sms_details {
   width: 345px;
   left: 318px;
   position: relative;
}

#sms_title {
   z-index: 10;
   top: 10px;
   left: 100px;
   position: relative;
}

#pricelist table {
   font-weight: bold;
   font-size: 1em;
}

#pricelist table th {
   text-align: center;
}

#pricelist table td {
   text-align: center;
   font-weight: normal;
}

/*****************************************************************************/



/******************************************************************************

   OFERTAS

******************************************************************************/
/* CONTENIDO IZQUIERDA Y DERECHA */
#preloadImages {
   width: 0px;
   height: 0px;
   background-image: url(../images/phones/frame.png);
   background-image: url(../images/phones/frame_on.png);
   background-image: url(../images/phones/nokia_2700_mini.png);
   background-image: url(../images/phones/nokia_2700.png);
   background-image: url(../images/phones/nokia_2720_mini.png);
   background-image: url(../images/phones/nokia_2720.png);
   background-image: url(../images/phones/nokia_5030_mini.png);
   background-image: url(../images/phones/nokia_5030.png);
   background-image: url(../images/phones/samsung_e1120_mini.png);
   background-image: url(../images/phones/samsung_e1120.png);
   background-image: url(../images/phones/w205_mini.png);
   background-image: url(../images/phones/w205.png);
}

#offers #content {
   width: 1000px;
   height: 500px;
}

#offers #left-content {
   width: 465px;
   height: 500px;
   float: left;
}

#offers #right-content {
   width: 535px;
   height: 500px;
   float: right;
   text-align: center;
}

#offers #vertical-line-content {
   width: 65px;
   height: 500px;
   float: left;
   background: url(../images/vertical.png) repeat-y right;
}

#offers #left-content-content {
   width: 400px;
   height: 500px;
   float: right;
   text-align: justify;
}

#offers #description-content {
   width: 409px;
   height: 450px;
   float: left;
   text-align: justify;
   overflow: auto;
   overflow-x: hidden;
   font-size: 0.75em;
}

#offers #description-content p {
   margin-bottom: 10px;
   margin-right: 10px;
}

#offers #menu-content {
   width: 116px;
   height: 500px;
   float: right;
   text-align: justify;
}

#offers .miniphone {
   width: 106px;
   height: 79px;
   margin-bottom: 15px;
   float: right;
   text-align: center;
   background: url(../images/phones/frame.png) no-repeat center;
}

#offers .miniphonePos {
   position: relative;
   top: 4px;
}

#offers .nokia2700 {
   background: url(../images/phones/nokia_2700.png) no-repeat center;
}

#offers .nokia2720 {
   background: url(../images/phones/nokia_2720.png) no-repeat center;
}

#offers .nokia5030 {
   background: url(../images/phones/nokia_5030.png) no-repeat center;
}

#offers .samsunge1120 {
   background: url(../images/phones/samsung_e1120.png) no-repeat center;
}

#offers .w205 {
   background: url(../images/phones/w205.png) no-repeat center;
}
/*****************************************************************************/



/******************************************************************************

   DONDE ESTAMOS

******************************************************************************/
/* CONTENIDO IZQUIERDA Y DERECHA */
#where #content {
   width: 1000px;
   height: 500px;
}

#where #left-content {
   width: 565px;
   height: 500px;
   float: left;
}

#where #right-content {
   width: 435px;
   height: 500px;
   float: right;
   text-align: center;
   background: url(../images/plano.png) no-repeat center center;
}

#where #vertical-line-content {
   width: 65px;
   height: 500px;
   float: left;
   background: url(../images/vertical.png) repeat-y right;
}

#where #left-content-content {
   width: 500px;
   height: 500px;
   float: right;
   text-align: justify;
}
/*****************************************************************************/



/******************************************************************************

   ESTRUCTURA PRINCIPAL

******************************************************************************/

/* CABECERA MENÚ Y LOGO */
#header {
   width: 1000px;
   height: 175px;
}

#header-left {
   height: 175px;
   width: 65px;
   float: left;
}

#upper-curve {
   width: 65px;
   height: 65px;
   background: url(../images/curva_superior.png) no-repeat;
}

#vertical-line {
   width: 65px;
   height: 110px;
   background: url(../images/vertical.png) repeat-y right;
}

#header-right {
   width: 935px;
   height: 175px;
   float: right;
}

#logo {
   height: 130px;
   width: 935px;
   background: url(../images/logom.png) no-repeat top center;
}

#menu {
   position: relative;
   left: -25px;
   height: 45px;
   width: 935px;
}

/* CONTENIDO IZQUIERDA Y DERECHA */
#content {
   width: 1000px;
   height: 420px;
}

#left-content {
   width: 665px;
   height: 420px;
   float: left;
}

#right-content {
   width: 335px;
   height: 420px;
   float: right;
   text-align: center;
}

#vertical-line-content {
   width: 65px;
   height: 420px;
   float: left;
   background: url(../images/vertical.png) repeat-y right;
}

#left-content-content {
   width: 600px;
   height: 420px;
   float: right;
   text-align: justify;
}

/* PIE DE PÁGINA */
#footer {
   width: 1000px;
   height: 65px;
}

#footer-left {
   width: 935px;
   height: 65px;
   float: left;
}

#footer-right {
   width: 65px;
   height: 65px;
   float: right;
   background: url(../images/mini_logo.png) no-repeat;
}

#vertical-line-footer {
   width: 65px;
   height: 65px;
   float: left;
   background: url(../images/curva_inferior.png) no-repeat;
}

#left-content-footer {
   width: 870px;
   height: 65px;
   float: right;
   background: url(../images/horizontal.png) repeat-x bottom;
}
/*****************************************************************************/



/******************************************************************************

   ESTILOS PARA FUENTES

******************************************************************************/
.normal {
   font-family: arial;
   font-size: medium;
   text-align: justify;
   font-weight: normal;
}

.bold {
   font-weight: bold;
}

.center {
   text-align: center;
}

.subelement {
   position: relative;
   left: 15px;
}

.greyBoldCenter {
   text-align: center;
   color: #666666;
   font-weight: bold;
}

.red {
   color: #ff0000;
}

.redBold {
   color: #ff0000;
   font-weight: bold;
}

.grey {
   color: #666666;
}

.bold7 {
   font-family: arial;
   font-weight: bold;
   font-size: 0.675em;
}

.redBold7 {
   font-weight: bold;
   font-size: 0.675em;
   color: #ff0000;
}

.normal8 {
   font-size: 0.75em;
}

.red8 {
   font-weight: bold;
   font-size: 0.75em;
}

.redBold8 {
   font-weight: bold;
   font-size: 0.75em;
   color: #ff0000;
}

.normal12 {
   font-size: 0.75em;
}

.red12{
   font-size: 0.75em;
   color: #ff0000;
}

.bold12 {
   font-size: 0.75em;
   font-weight: bold;
}

.redBold12 {
   font-size: 0.75em;
   color: #ff0000;
   font-weight: bold;
}

.bold16 {
   font-weight: bold;
}

.bold18 {
   font-weight: bold;
   font-size: 1.125em;
}

.bold18R {
   font-weight: bold;
   font-size: 1.125em;
   text-align: right;
}

.redBold18 {
   font-weight: bold;
   font-size: 1.125em;
   color: #ff0000;
}

.bold22 {
   font-weight: bold;
   font-size: 1.375em;
}

.redBold22 {
   font-weight: bold;
   font-size: 1.375em;
   color: #ff0000;
}

.bold30 {
   font-weight: bold;
   font-size: 1.875em;
}

.redBold30 {
   font-weight: bold;
   font-size: 1.875em;
   color: #ff0000;
}

.paddingTop10 {
   padding-top: 10px;
}

.paddingTop40 {
   padding-top: 40px;
}

.paddingTop100 {
   padding-top: 120px;
}

.paddingBottom10 {
   padding-bottom: 10px;
}

.paddingBottom40 {
   padding-bottom: 40px;
}
/*****************************************************************************/