@charset "utf-8";

/*****************************************************************************************************
										ETIQUETAS GENERALES
*****************************************************************************************************/

* {margin:0; padding:0; outline:0; border:0; background:none;
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
html, body {background:#546770 !important; overflow-x:hidden;}
h1 {display:none;}
a {text-decoration:none; cursor:pointer; float:left; display:inline;}
a:hover {text-decoration:underline;}
p a {float:none; color:#EA663B;}
p a:hover {color:#333333;}
div {width:100%;}

#Maquetado {width:930px; margin:0 auto;}
#Maquetado div {float:left; display:inline;}

h2 {text-align:center; font-size:22px; margin-bottom:11px; color:#617780; font-family:"Trebuchet MS", Tahoma, "Arial Narrow", Arial;
font-weight:bold; letter-spacing:-1px; word-spacing:-1px;}
h2 span {background:#dee8ec; padding:2px 6px;text-align:center; font-size:18px; color:#617780;
font-family:Trebuchet MS, Tahoma, "Arial Narrow", Arial; font-weight:bold; letter-spacing:-1px; word-spacing:-1px;}
h3 {text-align:center; font-size:18px; margin-bottom:11px; color:#617780; font-family:"Trebuchet MS", Tahoma, "Arial Narrow", Arial;
padding:0 20px; font-weight:normal;}
h4 {color:#d72b00; font-weight:bold;}

.Foto {width:250px; border:#000000 1px solid;}
.Comentarios {color:#617780;}
.MasInfo {color:#d72b00; font-weight:bold; float:right;}

.Cuerpo {background:url(BgCuerpo.gif) left repeat-y;}
.Alma {background:#FFFFFF; padding:15px; width:900px;}
.Cuerpo .Alma {width:710px; padding-bottom:0;}
.Alma p {margin-bottom:11px; text-align:justify;}
.Right {float:right !important;}
.Center {text-align:center !important;}
.BordeAbajo, .Paginador {border-bottom:#617780 2px solid;}
.BordeAbajo {padding-bottom:12px; margin-bottom:12px;}
.PaginadorPie {border:none}
.BordeDerecha {border-right:#617780 2px solid; padding-right:15px; margin-right:15px;}
.BannerTop {width:470px; height:62px; background:#546770; margin:12px 0;}
.Banner {width:470px; height:62px; background:#FFFFFF; margin:12px 0;}
.Bienvenido {color:#000; font-size:16px; font-weight:bold; margin:15px;}
.NoticiasHome {background:#e1e6e9 url(Noticias.jpg) 8px 8px no-repeat; border:#333333 1px solid; padding:30px 10px 0;}
#Pruebas #Notas, #TuAuto #Notas {background:none; padding-top:20px;}
#Pruebas .Alma {background:#fff url(Pruebas/Pruebas.jpg) 20px 5px no-repeat; padding-top:50px}
#Videos .Alma {background:#fff url(Pruebas/Videos.jpg) 20px 5px no-repeat; padding-top:50px}
#TuAuto .Alma {background:#fff url(TituloTuAuto.jpg) 20px 5px no-repeat; padding-top:50px}
#Archivo .Alma {background:#fff url(Archivo/Archivo.jpg) 20px 5px no-repeat; padding-top:50px}

.Redondeado {background:url(RedondeadoCuerpo.jpg) center repeat-y;}
.Redondeado .Top {height:40px;}
.Redondeado .Bot {background:url(RedondeadoBot.jpg) center bottom no-repeat; height:10px;}
.Redondeado .Body {margin-left:30px; width:650px;}
.Redondeado p {color:#334049;}
#Quienes .Redondeado .Top {background:url(Quienes/Top.jpg) center top no-repeat;}
#Revistas .Redondeado .Top {background:url(Revistas/Top.jpg) center top no-repeat;}
#Links .Redondeado .Top {background:url(Links/Top.jpg) center top no-repeat;}
#Contacto .Redondeado .Top {background:url(Contacto/Top.jpg) center top no-repeat;}
#Pruebas .Redondeado .Top {background:url(TopPruebas.jpg) center top no-repeat;}
#Noticias .Redondeado .Top {background:url(TopNoticias.jpg) center top no-repeat;}
#Informes .Redondeado .Top {background:url(TopInformes.jpg) center top no-repeat;}
#TuAuto .Redondeado .Top {background:url(TopTuAuto.jpg) center top no-repeat;}
#Resultados h2 {text-align:left; font-size:16px; letter-spacing:1px;}
#Resultados h2 b {font-size:18px;}
#Resultados h2 a {font-size:16px;}
#Resultados .BordeAbajo a {color:#990000; float:none; font-weight:bold;}
.errMsg {text-align:right;}

.Paginador a {font-size:14px; color:#38454b; font-family:Impact, "Trebuchet MS", Tahoma, "Arial Narrow", Arial; letter-spacing:1px;
padding:0 20px; float:right;}

.Video {background:url(Pruebas/Body.jpg) center repeat-y;}
.Video .Top {background:url(Pruebas/Top.jpg) center top no-repeat; padding-top:5px;}
.Video .Bot {background:url(Pruebas/Bot.jpg) center bottom no-repeat;}
.Video .Bot a {font-size:11px; color:#364146; padding:0 35px 4px;}

.Siguiente {width:100px; height:30px; position:relative; float:right;}
.up {margin-top:-60px;}
.down {background:url(Siguiente.jpg) bottom no-repeat;}
/*#Pruebas h2 {margin-bottom:5px;}*/

#Contacto .Form {background:url(Contacto/BgBody.jpg) center no-repeat; height:210px; padding-top:90px;}
.Form .Left, .Form .Right {width:310px;}
.Form .Left {margin-left:5px;}
.Form .Right {margin-right:10px;}
.Form .Left div {height:46px;}
.Form .Right div {text-align:right;}
.Form input {width:290px;}
.Form textarea {width:290px; height:150px;}
.Form .Btn {float:right; display:inline; cursor:pointer; height:25px;margin:15px 0 0 10px; width:65px;}

.Mensaje {padding:100px 0;}
.Mensaje p {text-transform:uppercase; text-align:center; letter-spacing:1px; word-spacing:1px; font-weight:bold; margin-bottom:0;}

.Division {background:url(Pruebas/Division.jpg) center repeat-y;}

/*****************************************************************************************************
											INCLUDES
*****************************************************************************************************/

/****************************************** CABEZA */

#Cabeza {height:170px; /*background:url(Cabeza.jpg) left top no-repeat;*/}
#Cabeza .Banner {margin:43px 0 0 408px;}
#Cabeza .BannerTop {margin:43px 0 0 408px;}
#Cabeza .Menu {background:#657a83; height:30px;}
#Cabeza .Menu a {width:116px; height:30px; background-position:left top; background-repeat:no-repeat;}
#Cabeza .Menu a:hover {background-position:left bottom;}
#Cabeza .Menu .Home {width:80px; background-image:url(Menu/Home.gif);}
#Cabeza .Menu .Quienes {width:150px; background-image:url(Menu/Quienes.gif);}
/*#Cabeza .Menu .Revistas {width:118px; background-image:url(Menu/Revistas.gif);}*/
#Cabeza .Menu .Pruebas {width:110px; background-image:url(Menu/Pruebas.gif);}
#Cabeza .Menu .Noticias {width:115px; background-image:url(Menu/Archivo.gif);}
#Cabeza .Menu .Informes {width:85px; background-image:url(Menu/Informes.gif);}
#Cabeza .Menu .TuAuto {width:110px; background-image:url(Menu/TuAuto.gif);}
/*#Cabeza .Menu .Foro {width:92px; background-image:url(Menu/Foro.gif);}*/
#Cabeza .Menu .Correo {width:80px; background-image:url(Menu/Correo.gif);}
#Cabeza .Menu .Links {width:75px; background-image:url(Menu/Links.gif);}
#Cabeza .Menu .Contacto {width:110px; background-image:url(Menu/Contacto.gif);}
#Videos h2, #Pruebas h2 {float:left; display:inline; width:100%; margin-bottom:12px;}

#Logo {padding-left:26px; width:278px}
#Logo a {background:url(Logo.jpg) no-repeat; display:block; width:278px; height:140px; text-indent:-9999px}
.BannerTop2 {background:url(Watermark.jpg) no-repeat center top; padding-bottom:70px; padding-top:44px; text-align:center; width:610px;}
.BannerTop2 a {float:none}

/****************************************** DERECHA */

#Derecha {width:174px; margin-top:16px; float:right !important;}
#Derecha .Log {height:208px; margin-bottom:16px; position:relative;}
#Derecha .Log a {width:140px; margin-left:17px; height:17px;}
#Derecha .Log a:hover {border-bottom:#666666 1px solid;}
#Derecha .Log .boton {height:43px; border:0; margin-top:10px;}
#Derecha .Log div {width:140px; margin:50px 0 0 17px; height:100px;}
#Derecha .in {background:url(Derecha/Login.gif);}
#Derecha .out {background:url(Derecha/Logout.gif);}
#Derecha .Buscar {background:url(Derecha/Buscar.gif); height:31px; margin-bottom:14px;}
#Derecha .Encuesta {background:url(Derecha/Encuesta.gif); height:227px; margin:13px 0;}
#Derecha .Encuesta .Opciones {width:100px; margin:20px 20px 8px 35px;}
#Derecha .Encuesta span {float:left; display:inline; width:80px; font-size:10px;}
#Derecha .Encuesta div input {width:15px; float:left; display:inline; margin:0; cursor:pointer;}
#Derecha .Encuesta .Votar {background:url(Derecha/Votar.gif); width:56px; height:17px; float:right; display:inline; cursor:pointer;}
#Derecha .Encuesta .Center {width:130px; padding:0 22px; margin-top:42px;}
#Derecha .Encuesta .Center b {color:#617780; text-transform:uppercase; font-size:11px;}
.Negro {background:#000000; margin-bottom:16px;}
#Derecha input {background:none; width:140px; margin-left:17px; height:15px; cursor:text;}
#Derecha .Espacio {background:#78909a; border:#b8ccd3 1px solid; width:172px; margin-top:16px; position:relative;}
#Derecha .Resultados {margin:25px 5px 0; width:164px;}
#Derecha .Resultados span {float:left; display:inline;}
#Derecha .Resultados b {font-size:10px;}

/****************************************** PIE */

#Pie {background:url(Pie.gif) center top no-repeat; height:60px; margin-top:16px;}
#Pie a {width:135px; height:15px; margin:8px 0 0 340px;}
#Pie a:hover {border-bottom:#aec4cd 1px solid;}

/*****************************************************************************************************
											CUERPO
*****************************************************************************************************/

/****************************************** HOME */

div.Descripcion {height:170px; text-align:justify;}
#Home .Descripcion {height:78px; overflow:hidden;}
#Home .Sombra {background:url(Home/NegroConSombra.jpg) left bottom no-repeat; padding:0 0 6px 8px; width:210px; height:277px;}
#Home .Banner {margin:0}

/****************************************** LINKS */

#Links .Links {background:url(Links/LinksBody.jpg) left repeat-y; width:445px; margin-left:100px;}
#Links .Links .Arriba {height:40px;}
#Links .Links .Medio {width:415px; margin-left:15px; height:250px; overflow-y:scroll}
#Links .Links .Medio a {clear:left; margin-bottom:10px; color:#CCCCCC; font-weight:bold;}
#Links .Links .Arriba a {height:25px; width:150px;}
#Links .Links .Interes {background:url(Links/LinksInteres.jpg) left top no-repeat;}
#Links .Links .Comerciales {background:url(Links/LinksComerciales.jpg) left top no-repeat;}
#Links .Links .Amigos {background:url(Links/LinksAmigos.jpg) left top no-repeat;}
#Links .Links .Abajo {background:url(Links/LinksBot.jpg) left bottom no-repeat; height:10px;}

/****************************************** REVISTAS */

#Revistas .Left {background:url(Revistas/Ultima.jpg) left top no-repeat; width:200px;}
#Revistas .Left .Numero {height:260px; margin:0 0 20px 8px; width:188px;}
#Revistas .Left .Numero img {height:260px; width:188px;}
#Revistas .Alma a {color:#000000;}
#Revistas .Right {background:url(Revistas/BgRevistas.jpg) left top repeat-y; height:313px; overflow-y:scroll; width:440px;}
#Revistas .Right .Numero {font-size:10px; margin:12px 0 15px 3px; padding-left:5px; text-align:center; width:95px; line-height:24px;}
#Revistas .Right .Numero img {width:76px; height:106px;}
#Revistas .Mensaje {padding:145px 0; background:#758b96;}

/****************************************** NOTAS - CORREO */

#Notas .Comentario {width:650px; background:url(Notas/LineaPuntos.jpg) center top no-repeat;
padding:20px 10px 0; margin:0 0 1px 20px;}
#Notas .First {background:url(Notas/Comentarios.jpg) center top no-repeat; padding-top:40px;}
#Notas .MasInfo {margin-top:-20px; position:relative;}
#Notas .Comentario img {float:left; display:inline; width:35px; height:35px;}
#Notas .Comentario h4 {border-bottom:#CCCCCC 1px dashed; padding:10px 0 2px; margin:0 0 20px 45px;}
#Notas .Comentario span {color:#999999; font-size:10px;}
.Login {background:url(Notas/Login.jpg); height:47px; margin-left:165px; padding:45px 15px 0; width:303px;}
#Notas .Comentario p {font-size:13px; line-height:22px; color:#000000;}
#Notas .Left {width:260px;}
#Notas .Left a, #Notas .Left .Video {margin:10px 10px 0 0;}
#Notas .Left .Video {width:250px; height:200px;}
#Notas .FotoTH {width:120px;}
#Notas .FotoTH img {width:118px; border:#000000 1px solid;}
#Notas .FotoTH:hover img {width:118px; border:#999999 1px solid;}
#Notas .Right {width:360px; padding-right:20px; overflow-y:scroll; overflow-x:hidden;}
#Notas h2 {color:#dae2e6; text-align:left;}
#Notas .Alma {padding-bottom:12px;}
#Notas p.Center {padding-top:5px;}
#Notas p.Center a {color:#333333; font-weight:bold; margin:0; padding:0;}
#Notas .Redondeado .Right div {text-align:justify;}
#Notas .Redondeado .Right div a {float:none; text-decoration:underline}
#Notas .Redondeado .Right div a:hover {text-decoration:none}

#Correo #Notas {background:url(Correo/Center.jpg) left repeat-y;}
#Correo #Notas .Top {background:url(Correo/Top.jpg) left top no-repeat; height:30px;}
#Correo #Notas .Bot {background:url(Correo/Bot.jpg) left bottom no-repeat; height:30px;}
#Correo #Notas .First {background:none; padding-top:0;}
#Correo #Notas p {padding:0 10px;}
#Correo .Alma p.Center {background:#CCCCCC; padding:2px 0; margin-right:10px;}
#Correo .Alma p.Center a {letter-spacing:2px; color:#FFFFFF; font-weight:bold;}

/****************************************** FORO */

#Foro {width:910px; padding:15px 10px;}
#Foro div {padding:3px 0.5%; margin:0; width:99%; clear:both;}
#Foro .navbar {background-color:#dae2e6;}
#Foro a {float:none; color:#546770 !important;}
#Foro .forabg, #Foro .forumbg {background:#546770;}
#Foro .forumtitle {color:#546770;}
#Foro ul.forums, #Foro .bg1, #Foro .bg2, #Foro .bg1 td, #Foro .bg2 td {background:#dae2e6;}
#Foro .bg3 {background:#EDEDED;}
#Foro div.bg1:hover {background:#dae2e6;}
#Foro ul.forums li:hover, #Foro .bg1:hover {background:#FFDDFF;}
#Foro h2 {letter-spacing:1px; word-spacing:1px; color:#546770;}
#Foro h3 a {font-size:18px;}
#Foro h3 {padding-bottom:5px;}
#Foro .name a, #Foro .name span, #Foro .header a, #Foro .header span {color:#E1EBF2;}
#Foro #tabs li, #Foro #tabs a {float:left; display:inline;}
#Foro #tabs {margin-bottom:-3px;}

/****************************************** QUIENES */

#Quienes .Redondeado .Body {height:300px; overflow-y:scroll; width:640px; padding-right:10px;}

/****************************************** LISTADO */

#Listado {background:url(LineasRaras.jpg) left 13px repeat-y;}
#Listado .List {width:314px; padding:0 5px 10px; margin:8px 15px 10px; height:447px; background:#FFFFFF;}
#Listado .List .Center {width:100%; margin-bottom:5px; height:230px;}
#Listado .List img {width:309px; height:230px; border:#333333 1px solid;}
#Listado .List h2 {float:left; display:inline; width:100%; height:56px; overflow:hidden;}
#Listado .List .Descripcion {height:122px; overflow:hidden; margin-bottom:10px;}
#Listado .Nueva {background:url(NuevaPrueba.jpg) right 483px no-repeat;}

/****************************************** ARCHIVO */

#Archivo .Foto {width:130px; margin-left:25px; float:left; display:inline;}
#Archivo .Right {width:150px; margin-right:25px;}
#Archivo h4 {color:#38454b; margin-left:25px; float:left; display:inline; font-weight:bold; font-size:13px; width:226px;}
#Archivo span.MasInfo {float:right; display:inline; margin-right:25px;}
#Archivo .Top {padding-bottom:10px;}
#Archivo .Video .Right p {font-size:11px; height:82px; overflow:hidden; margin:0;}
#Archivo .Video .Right a {margin-top:10px;}
#Archivo .Bot {height:10px;}
#Archivo .Video .Top {background:url(Archivo/Top.jpg) center top no-repeat; padding-top:5px;}
#Archivo .Paginador .Right {margin-right:0; margin-top:-10px; position: relative}


#Noticias #Archivo {background:url(TituloNoticias.jpg) center top no-repeat; padding-top:50px;}
#Informes #Archivo {background:url(TituloInformes.jpg) center top no-repeat; padding-top:50px;}

/*****************************************************************************************************
									carlos@promaker.com.ar
*****************************************************************************************************/