* {
margin:0px;
padding:0px;
}

body{
	background: #F2F2F2;
	background-position:0px 0px 0px 0px;
	font: 11px Arial,  Verdana, Helvetica, sans-serif;
	color:#181818;
	text-align:center;
	width:100%;
	background:url(http://www.redytelcomputer.com/nueva/images/fondo.gif) repeat-y center center #F2F2F2;
}
a{
color:#FF0000;
}
a:hover{
text-decoration:none;
}

#barra{
height:10px;
width:964px;
background:url(http://www.redytelcomputer.com/nueva/images/redytel_barra.png) center center repeat-x;
margin:0px;
font-size:5px;
}


#menusuperior-redytel{
width:964px;
background-color:#181818;
text-align:left;
height:35px;
border-bottom:1px solid #2F2F2F;
}

#menusuperior-redytel #menusuperior-izquierda{
width:564px;
height:35px;
float:left;
}

#menusuperior-redytel #menusuperior-izquierda ul{
width:564px;
height:35px;
float:left;
list-style:none;
}
#menusuperior-redytel #menusuperior-izquierda ul li{

text-align:center;
text-transform:uppercase;
line-height:35px;
vertical-align:middle;
height:35px;
float:left;
border-right:1px solid #545454;
padding:0px 20px 0px 20px;
}

#menusuperior-redytel #menusuperior-izquierda ul li a{
text-decoration:none;
color:#FFFFFF;
}

#menusuperior-redytel #menusuperior-izquierda ul li a:hover{
text-decoration:none;
color:#FF0000;
}

#menusuperior-redytel #menusuperior-derecha{
width:300px;
height:35px;
float:right;
}

#menusuperior-redytel #menusuperior-derecha ul{
height:20px;
margin-top:7px;
margin-right:5px;
float:right;
list-style:none;
}
#menusuperior-redytel #menusuperior-derecha ul li{
padding:0px 7px 0px 7px;
text-align:center;
line-height:20px;
vertical-align:middle;
height:20px;
float:left;
border-left:1px solid #545454;
}

#menusuperior-redytel #menusuperior-derecha ul li a{
text-decoration:none;
color:#FFFFFF;
}

#menusuperior-redytel #menusuperior-derecha ul li a:hover{
text-decoration:none;
color:#FF0000;
}



/*LOGOTIPO*/
#logotipo-redytel{
width:964px;
text-align:left;
height:215px;
}

#logotipo-redytel #logo{
width:250px;
text-align:left;
height:188px;
float:left;
margin:0px 0px 0px 22px;
padding-top:27px;
}

#logotipo-redytel #logo h1{
text-indent:-9999px;
background:url(http://www.redytelcomputer.com/nueva/images/logo-redytel.png) no-repeat;
display:block;
height:188px;
}


#logotipo-redytel #logo h1 a 
{
	display:block;
	width:221px;
	height:188px;
}



#logotipo-redytel #puntos-empresa{
width:645px;
text-align:left;
height:200px;
float:right;
margin:0px 0px 0px 0px;
}

#logotipo-redytel #puntos-empresa img{
width:405px;
text-align:left;
height:131px;
float:left;
margin:56px 0px 0px 0px;
}

#logotipo-redytel #puntos-empresa #cuadros{
width:235px;
text-align:left;
height:200px;
float:right;
margin:0px 5px 0px 0px;
}

#logotipo-redytel #puntos-empresa #cuadros #cuadro01{
width:235px;
text-align:left;
height:100px;
float:left;
background:url(http://www.redytelcomputer.com/nueva/images/cuadro01.png) no-repeat;
}
#logotipo-redytel #puntos-empresa #cuadros #cuadro01 a{
float:left;
padding-left:40px;
padding-top:18px;
letter-spacing:-1px;
color:#D13528;
text-decoration:none;
font-size:18px;
}

#logotipo-redytel #puntos-empresa #cuadros #cuadro01 p{
float:left;
padding-left:40px;
padding-top:0px;
}




/*MENU-CONTENEDOR*/
#menu-contenedor{
width:964px;
text-align:left;
height:auto;
height:700px;
}

#menu-contenedor #menu{
width:220px;
text-align:left;
float:left;
margin:17px 0px 0px 22px;
border:1px solid #DEDEDE;
height:667px;
}

#menu-contenedor #menu h3{
width:208px;
text-align:left;
float:left;
margin:0px;
background-color:#181818;
color:#EFEFEF;
padding:4px 6px 4px 6px;
font-size:11px;
}

#menu-contenedor #menu h4{
width:190px;
text-align:left;
float:left;

margin:16px 10px 10px 15px;
font-size:11px;
padding-bottom:4px;
border-bottom:1px dotted #E0E0E0;
}

#menu-contenedor #menu ul{
width:170px;
text-align:left;
float:left;
padding:0px 0px 0px 40px;
font-size:11px;
font-weight:normal;
list-style:disc ;
}

#menu-contenedor #menu ul li{
}
#menu-contenedor #menu ul li a{
text-decoration:none;
color:#181818;
}
#menu-contenedor #menu ul li a:hover{
text-decoration:none;
color:#FF0000;
}




#menu-contenedor #contenedor{
width:690px;
text-align:left;
float:right;
margin:0px 5px 0px 0px;

}

#menu-contenedor #contenedor #integracion{
width:689px;
height:273px;
text-align:left;
float:left;
background:url(http://www.redytelcomputer.com/nueva/images/cuadro.png) no-repeat;
}
#menu-contenedor #contenedor #integracion h3{
width:643px;
text-align:left;
float:left;
margin:17px 17px 0px 17px;
background-color:#181818;
color:#EFEFEF;
padding:4px 6px 4px 6px;
font-size:11px;
}

#menu-contenedor #contenedor #integracion #contenido-integracion{
width:663px;
text-align:left;
float:left;
margin:0px;
}

#menu-contenedor #contenedor #integracion #contenido-integracion img{
width:401px;
height:216px;
float:left;
margin-left:20px;
}

#menu-contenedor #contenedor #integracion #contenido-integracion #trabajos{
width:235px;
height:216px;
float:right;
margin-right:0px;
margin-top:12px;
}
#menu-contenedor #contenedor #integracion #contenido-integracion #trabajos a{
width:230px;
text-align:right;
float:left;
margin-top:7px;
color:#181818;
}

#menu-contenedor #contenedor #integracion #contenido-integracion #trabajos #trabajo{
width:235px;
height:52px;
background:url(http://www.redytelcomputer.com/nueva/images/cuadro-trabajos.png) no-repeat;
float:left;
margin-bottom:4px;
}



#menu-contenedor #contenedor #integracion #contenido-integracion #trabajos #trabajo #fecha{
width:65px;
text-align:center;
float:left;
margin-top:5px;
font-size:10px;
}

#menu-contenedor #contenedor #integracion #contenido-integracion #trabajos #trabajo #texto{
width:165px;
text-align:left;
float:right;
margin-top:-2px;
margin-right:5px;
}



#menu-contenedor #contenedor #integracion #contenido-integracion #trabajos #trabajo #texto a.titulo{
width:165px;
text-align:left;
float:left;
font-size:11px;
text-decoration:none;
color:#FF0000;
line-height:11px;
}

#menu-contenedor #contenedor #integracion #contenido-integracion #trabajos #trabajo #texto a.descripcion{
width:165px;
text-align:left;
float:left;
font-size:11px;
margin-top:2px;
text-decoration:none;
font-weight:bold;
line-height:14px;
}

#menu-contenedor #contenedor #integracion #contenido-integracion #trabajos #trabajo #texto a:hover{
text-decoration:underline;
}



/*SECCIONES*/
#menu-contenedor #contenedor #secciones{
width:663px;
height:auto;
text-align:left;
float:left;
margin-top:15px;
}

#menu-contenedor #contenedor #secciones #contenedor{
width:460px;
text-align:justify;
height:auto;
min-height:560px;
float:left;
margin-top:0px;
margin-left:15px;
}

#menu-contenedor #contenedor #secciones #imagenes{
width:140px;
text-align:justify;
height:auto;
float:left;
margin-top:26px;
margin-left:35px;
}

#menu-contenedor #contenedor #secciones #imagenes a{
width:140px;
float:left;
margin-top:10px;
}

#menu-contenedor #contenedor #secciones #imagenes img{
border:3px double #666666; padding:3px;
}

#menu-contenedor #contenedor #secciones #contenedor h2{
font-size:18px;
font-weight:bold;
color:#000000;
}

#menu-contenedor #contenedor #secciones #contenedor p{
font-size:11px;
color:#000000;
}

#menu-contenedor #contenedor #secciones #contenedor ul{
float:left;
margin-left:20px;
width:450px;
margin-bottom:25px;
margin-top:5px;
}

#menu-contenedor #contenedor #secciones #contenedor ul li{
float:left;

margin-top:5px;
font-weight:bold;
width:150px;
}

.texto_rejilla_fecha{
color:#FF0000;
font-style:italic;
font-size:11px;
}

.texto_rejilla{
color:#000000;
font-style:normal;
font-size:12px;
font-weight:normal;
}

#menu-contenedor #contenedor #secciones #hardware{
width:310px;
height:auto;
text-align:left;
float:left;
margin-left:14px;
}

#menu-contenedor #contenedor #secciones #hardware #pestanas ul.principal{
list-style:none;
width:100%;
height:20px;
}

#menu-contenedor #contenedor #secciones #hardware #pestanas ul.principal li.activo{
width:auto;
padding:5px 10px 0px 10px;
height:20px;
text-align:center;
border:1px solid #DEDEDE;
border-bottom:none;
font-size:11px;
text-transform:uppercase;
font-weight:bold;
float:left;
background-color:#FFFFFF;
}
#menu-contenedor #contenedor #secciones #hardware #pestanas ul.principal li.desactivo{
width:auto;
padding:5px 10px 0px 10px;
height:20px;
text-align:center;
border:1px solid #DEDEDE;
border-bottom:none;
font-size:11px;
text-transform:uppercase;
font-weight:normal;
float:left;
border-left:none;
background-color:#ECEEF0;
}
#menu-contenedor #contenedor #secciones #hardware #pestanas ul.principal li a{
text-decoration:none;
color:#181818;

}
#menu-contenedor #contenedor #secciones #hardware #pestanas ul.principal li a:hover{
color:#FF0000;
}






.contenidos{
width:310px;
height:250px;
padding:5px;
text-align:left;
border:1px solid #DEDEDE;
font-size:11px;
font-weight:normal;
float:left;
margin-top:0px;
}


.contenidos #contenedor-contenido{
width:450px;
text-align:left;
float:left;
margin:0px 0px 10px 20px;
font-size:11px;
font-weight:normal;
list-style:none;
}

.contenidos #contenedor-contenido #contenedor-contenido_fecha{
width:285px;
text-align:left;
float:left;
margin-top:0px;
font-size:11px;
margin-bottom:3px;
}

.contenidos #contenedor-contenido #contenedor-contenido_fecha a{

}

.contenidos #contenedor-contenido #contenedor-contenido_texto{
width:285px;
text-align:left;
float:left;
margin-top:-2px;
margin-right:5px;
font-weight:normal;
}



.contenidos h4{
width:200px;
text-align:left;
float:left;
margin:0px;
margin:15px 0px 10px 15px;
font-size:11px;
padding-bottom:4px;
border-bottom:1px dotted #E0E0E0;
}

.contenidos a.mas{
margin:15px 10px 10px 0px;
float:right;
text-align:right;
font-size:11px;
color:#FF0000;
padding-bottom:4px;
text-decoration:none;
border-bottom:1px dotted #E0E0E0;
width:85px;
}
.contenidos a.mas:hover{
text-decoration:underline;
}

.contenidos ul{
width:280px;
text-align:left;
float:left;
margin:0px 0px 0px 30px;
font-size:11px;
font-weight:normal;
list-style:none;
}

.contenidos ul li{
width:140px;
float:left;
margin-bottom:1px;
}

.contenidos ul li.largo{
width:290px;
float:left;
margin-bottom:1px;
}



/*BARRA GRIS*/
#menu-contenedor #contenedor #barra-gris{
width:659px;
height:98px;
text-align:left;
float:left;
margin:15px;
background:url(http://www.redytelcomputer.com/nueva/images/barra-gris.gif) repeat-x;
}



#menu-contenedor #contenedor #barra-gris #distribuidores{
width:649px;
padding-top:30px;
text-align:right;
float:right;
}

#menu-contenedor #contenedor #barra-gris #distribuidores a{
margin-right:30px;
}