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

BODY{background-color:#F7F7F7; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align:justify; color:#999; height:auto;}
IMG { border:none;}
A, OBJECT {outline:none}
A:LINK, A:VISITED{ text-decoration:none; color:#999}
A:HOVER{ text-decoration:none; color:#7dae21}
#wrapp{ width:760px; height:auto; margin:0 auto; padding:20px; text-align:left; background-color:#fff;}
#wrapper{ width:760px; height:660px; margin:0 auto; padding:20px; text-align:left; background-color:#fff;}
#content{ width:760px; height:514px; float:left; margin:0; padding:0; background-color:#fff}
#content-home{ width:760px; height:645px; float:left; margin:0; padding:0; background-color:#fff}
#content-contacto{ width:760px; height:514px; float:left}
#content-clientes{ width:760px; height:514px; float:left}


/*******Home **********/
#content-home #logo{ width:266px; height:46px; float:left; background-image:url('../img/logo-proyektoweb.jpg'); margin:234px 247px 0 247px; text-indent:-1500px}
#content-home #logo H1{ margin:0; padding:0}
#content-home #enter{ width:57px; height:16px; margin:40px 15px 0 270px; background:url('../img/titulo-entrar.jpg') no-repeat;float:left;}
#content-home #enter H2{ margin:0; padding:0; font-size:18px; text-indent:-1500px}
#content-home #enter A{ width:57px; height:16px; display:block}
#content-home #proyectos{ width:350px; height:50px; border-left:solid #ccc 1px; margin-top:25px; float:left}
#content-home #proyectos UL{width:350px; height:auto; margin:0 0 0 25px; padding:0}
#content-home #proyectos UL LI{ height:11px; list-style-image:url(../img/lista-pixel.jpg); margin-bottom:7px}



/*******Portafolios *******/

#logo_pw{ width:200px; height:43px; padding-left:560px; margin-bottom:43px}
#portafolios{ width:660px; height:45px; padding:0 30px 0 40px}
#portafolios .portafolios-titulo{ width:55px; height:11px; background:url('../img/titulo-portafolio.jpg') no-repeat;}
#portafolios .clientes-titulo{ width:45px; height:11px; background:url('../img/titulo-clientes.jpg') no-repeat}
#portafolios .contacto-titulo{ width:50px; height:11px; background:url('../img/titulo-contacto.jpg') no-repeat}
#portafolios .noticias-titulo{ width:39px; height:11px; background:url(../img/titulo_noticias.jpg) no-repeat}
#portafolios .portafolios-titulo H2, #portafolios .clientes-titulo H2, #portafolios .contacto-titulo H2, #portafolios .noticias-titulo H2{ margin:0; padding:0; font-size:9px; text-indent:-1500px}
#portafolios .breadcumb{ width:660px; height:33px; color:#ccc}
#portafolios .breadcumb A:LINK, #portafolios .breadcumb A:VISITED{ text-decoration:none; color:#ccc}
#portafolios .breadcumb A:HOVER{ color:#7dae21}
#portafolios .breadcumb UL{ width:660px; height:33px; margin:7px 0 0 -5px; padding:0;}
#portafolios .breadcumb UL LI{ width:auto; margin-left:0; padding-left:5px; float:left; list-style:none}
#content #portafolio_general{ width:350px; height:514px; float:left;}
#content #portafolio_general UL{ margin:20px 0 0 54px; padding:0; color:#999}
#content #portafolio_general UL LI{ height:11px; list-style-image:url(../img/lista-pixel.jpg); padding-bottom:7px}
#content .desarrollos{ width:410px; height:514px; float:left; }
#content .desarrollos UL{ width:377px; margin:20px 0 0 41px; padding-left:15px; color:#999}
#content .desarrollos UL A:LINK, #content .desarrollos UL A:VISITED{color:#999}
#content .desarrollos UL LI{ height:11px; list-style-image:url(../img/lista-pixel.jpg); padding-bottom:7px}
#content .desarrollos UL LI span{ color: #ccc}
#footer{ width:753px; height:15px; margin-left:0; padding-left:7px; color:#ccc; clear:left}
#footer .copyright{ width:753px; height:15px; display:block; text-align:center}
#footer .copyright A:LINK, #footer .copyright A:VISITED {color:#d6d6d6}
#footer .copyright A:HOVER{ color:#7dae21}


/****Cliente****/
#content .descripcion{width:270px; height:514px; float:left; padding:0 20px 0 37px;}
#content .descripcion UL{width:270px; margin:0; padding:10px 0 0 0}
#content .descripcion UL LI{ height:15px; list-style:none; float:left; margin:0 0 11px 5px;}
#content .tipo{ width:55px; padding-left:5px; margin-left:0; background-color:#ddd; color:#666}
#content .clase{ width:175px}
#content .desarrollo{ width:260px; height:auto; float:left; margin:0; padding-top:20px}
#content .desarrollo P{ padding:0 0 0 5px; margin:0;}
#content .desarrollo UL { width:200px; height:auto; margin:0; padding:0}
#content .desarrollo UL LI{ width:85px; height:13px; margin-left:7px; border:solid 1px #ddd}
#content .desarrollo UL LI A{ width:85px; height:13px; display:block}
#content .imagen-cliente{ width:407px; height:auto; float:left; padding:10px 0 0 0} 

/****Contacto****/
#content-contacto #image-contacto{ width:215px; height:37px; background-image:url('../img/logo-proyektoweb-contacto.jpg'); float:left; background-repeat:no-repeat; margin:80px 20px 290px 112px; text-indent:-1500px }
#content-contacto #pw-contacto{ width:339px; height:auto; float:left; margin-top:75px; border-left:solid #ccc 1px}
#content-contacto #pw-contacto P{ margin-left:7px}
#content-contacto #pw-contacto FORM{ width:339px; margin:0; padding:0}
#content-contacto #pw-contacto UL{ width:340px; height:auto; margin:0 0 0 25px; padding:0}
#content-contacto #pw-contacto UL LI{ list-style:none; margin-bottom:7px}
#content-contacto #pw-contacto .direccion{ list-style-image:url('../img/pixel-verde.jpg'); margin-bottom:10px}
#content-contacto #pw-contacto .usuario{ width:70px; float:left}



/**** Noticias******/
.noticia{ width:720px; height:120px; padding:30px 0 0 40px}
.img_noticia{ width:86px; height:86px; padding:0 0 34px 0; float:left}
.descripcion_noticia{ width:634px; height:150px; float:left}
.titulo_noticia{ width:634px; height:20px;color:#666;}
.titulo_noticia ul{ width:634px; height:20px; float:left; padding:0; margin:0}
.titulo_noticia li{ float:left; list-style:none; padding:5px 0 0 7px}
.titulo_noticia .name{ text-decoration:underline}
.titulo_noticia .fecha{ color:#ccc; text-decoration:none}
.contenido_noticia{ width:634px; height:80px;}
.contenido_noticia p{ margin:0; padding:7px 50px 0 7px}
.paginationControl{ padding-left:12px}

/***Curriculo******/
#wrapper1{ width:760px; height:1045px; margin:0 auto; padding:20px; text-align:left; background-color:#fff;}
#content1{ width:760px; height:auto; margin:0; padding:0; background-color:#fff}
#curriculo{ width:760px; height:auto; margin:0; padding:0 0 20px 0}
#curriculo ul{ margin:0; padding:0 0 0 40px}
#curriculo form{ margin:0; padding:0}
#curriculo li{ height:auto; width:360px;list-style:none; padding:0 0 5px 0; margin:0;}
#curriculo input, #curriculo select{font-size:11px; color:#999}
#curriculo textarea{color:#999}

/****Dominios*****/
#wrapper2{ width:760px; height:1275px; margin:0 auto; padding:20px; text-align:left; background-color:#fff;}
.menu-dominio{ width:700px; height:50px; padding:0 20px 0 40px}
.menu-dominio p{ margin:0; padding:0}
.menu-dominio ul{ margin:0; padding:0;}
.menu-dominio li{ margin:0; padding-right:5px; float:left; list-style:none}
.menu-dominio input, .menu-dominio select{ color:#999}
.submenu-dominio{ width:700px; height:auto; float:left; padding:0 0 0 40px}
.submenu-dominio ul{ margin:0; padding:0 0 0 178px;}
.submenu-dominio li{ margin:0; padding:0 7px 0 0; list-style:none; float:left}
.contenido-dominio{ width:700px; height:auto; clear:left; padding:10px 20px 10px 40px; text-align:justify}
.contenido-dominio li{ padding-bottom:7px}
.contenido-dominio h3{ font-size:12px; margin:0; padding:0}
.registrar{ width:720px; height:auto;padding:15px 0 20px 40px}
.registrar ul{ padding-right:50px}
.registrar h3{ font-size:12px; margin:0; padding:0;clear:left}
.registrar p{ margin:0; padding:0 35px 0 0}

.registrar li { width:80px; height:20px; list-style:none; float:left; padding-left:7px}
.registrar .titulos_lista{background-color:#ddd;}
.registrar .nombredominio{ width:320px}
.registrar .dominiocenter{ padding-left:7px}
.registrar select{ height:17px; margin-top:1px; color:#999; font-size:11px}
.registrar input { margin-top:1px}
.datos-dominio{ width:720px; height:auto; float:left;padding:35px 0 0 40px}
.datos-dominio H3{ font-size:12px;}
.datos-dominio li{ list-style:none; padding-bottom:2px; color:#999}
.datos_generales{width:320px; height:360px; float:left; padding:10px 0 0 40px;}
.listright{ margin:0; padding:0}
.datos_generales input, .datos_generales select{ color:#999}
.listatotales{ clear:both; padding-top:0}
.registrar .registrodominio{ padding-top:0}