﻿@import url("common.css");

body {background-image: url(Images/Vm/px_fondo.jpg);}

h1,h2 { background:url('Images/Vm/ln_putos.jpg') no-repeat bottom left; 
		padding-bottom:20px; display:block;width:610px;}

h2{ font-size: 2em; color: #006b91; line-height:1.2em; margin-bottom:20px; }
h3{font-size: 1.5em; color: #f07409; padding-bottom:10px }

#content
{	
    margin: 0.8em 0 0 240px;
    width: 714px;
    background-color: #FFFFFF;
    min-height:650px; 
    overflow:visible;
    padding-bottom:100px;
}

#header{
    width: 960px;
    height: 275px;
    margin:0 8px;
    z-index:1;
}

#menu { background-image:url('Images/Vm/placa_menu.png'); 
        background-repeat:no-repeat; padding:65px 0 0 12px; height:580px; margin-top:-120px; margin-left:32px; }

#menu li {font-size:0.875em; color:#DBD1E8; display:block; height:30px; padding-bottom:6px; 
          background:url('Images/linita_menu.png') no-repeat 16px 22px}
#menu li a {padding-left:15px; color:#FFF;background: url('Images/flechitas.png') no-repeat 0 0; 
            display:block; height:14px;  }
#menu li a:hover {background-position: 0 -15px; color:#000;}


#sidebar { 
    position: absolute;
    top: 285px;
    left: -6px;
    z-index:100;
    width:220px;
    }

#sidebar .box {height:170px; margin:0 0 20px 30px;}
#sidebar .box a    {text-decoration:none;position:relative; left: 30px; top:130px;}
#sidebar #tarjeta {background:url('Images/Vm/box_activesutarjeta.png') no-repeat; }	
#sidebar #biblioteca {background:url('Images/Vm/box_biblioteca.png') no-repeat; }
#sidebar #prensa {background:url('Images/Vm/box_recortesprensa.png') no-repeat; }

#right{float:right; padding-left:20px; width:165px;}
#right .boton { margin-left:20px}

#right span{display:block; font-size:0.875em; color:#FFF; padding-left:20px;  font-family:Tahoma;}

#right #casavirtual {background:url('Images/Vm/boxcasavirtual.gif') no-repeat; height:265px; padding:75px 0 0 4px; margin-bottom:16px}
#right #casavirtual span{padding:10px 0 40px 20px!important; width:125px; line-height:1.2em;}

#right #receta {background:url('Images/Vm/box_recetas.png') no-repeat; height:212px;}
#right #receta .boton{margin-top:150px; position:absolute;}
#right #receta .title{position:absolute;color:#FFF; font-size:0.875em;margin-top:90px; padding-left:20px; display:block; width:135px;}
hr.sep {background-image:url('/Content/Images/Vm/img_linita_corta.jpg');
        width:400px; margin:0; padding:25px; border:0; background-repeat:no-repeat}      	


#subir{       width: 80px;     height:18px;	margin: 0px; 	padding:0px; 	float: left;}	

#listado { width: 120px;     height:18px;	margin: 0px; 	padding:0px; 	float: left;}

#ver_comentar {     width: 106px;     height:18px;	margin: 0px; 	padding:0px; 	float: left;}

#espacio {    width: 20px;     height:18px;	margin: 0px; 	padding:0px; 	float: left;}

p.copete 
{
font-size:15px;
color: #f07409;
line-height:21px;
margin-bottom:20px;
}

.fondo_registro{background-image:url(Images/Vm/img_f_registro.jpg);  }
  
.filete{background-image:url(Images/Vm/filete.jpg);background-repeat:no-repeat;}

.ln_corta{background-image:url(Images/Vm/img_linita_corta.jpg);background-repeat:no-repeat;}

.ln_menu{background-image:url(Images/Vm/ln_menu.jpg);background-repeat:no-repeat;}

.provincias{font-size:11px;color: #000000;text-decoration:none}
a.provincias:visited,a.provincias:link{color:#000000;text-decoration:none}
a.provincias:hover{
color:#006b91;
text-decoration:none
}

.titulos_home{font-size:28px;color: #4a136e;}
.titulo_home_01, .titulo_home_03{font-size:28px;color: #006b91;}
.titulo_home_02{font-size:28px;color: #6d6f72;}


.subtitulo{font-size:1em;color: #000000;line-height: 26px; display:block;}
.subtitulo_02{font-size:1em;color: #006b91;line-height: 26px;}

.titulo_b{font-size:21px;color: #006b91;line-height: 24px;}
.titulo_b_gris{font-family:Tahoma;font-size:21px;color: #6d6f72;line-height: 24px;}

.txt_menu{font-size:13px;color: #006b91;text-decoration:none;}

.txt_menu_gris{font-size:13px;color: #818386;text-decoration:none;}
a.txt_menu_gris:link {	color: #818386;	text-decoration: none;}
a.txt_menu_gris:vistited {	color: #818386;	text-decoration: none;}
a.txt_menu_gris:hover {	color: #006b91;	text-decoration: none;}

.txt_default{font-size:13px;color: #818386;line-height:21px;}
.txt_cyan_02{font-size:13px;color: #006b91;line-height:24px;}
.txt_default_negro{font-size:13px;color: #000000;line-height:21px;}
.txt_default_cyan{font-size: 15px;color: #006b91;line-height: 21px;   letter-spacing: 0.1em;}
.txt_default_cyan_13{font-size:13px;    color: #006b91;    line-height:21px; letter-spacing:0.1em;}

.txt_default_naranja{font-size:15px;color: #f07409;line-height:21px;margin-bottom:20px;}
.txt_aclaracion{font-size: 10px;    color: #818386;    line-height: 15px;  letter-spacing: 0.1em;}

.txt_volantas{font-family:Tahoma;font-size:16px;letter-spacing: 0.1em;color: #006b91;}

a.bt_listado {width: 120px; height:18px; padding:0px;  margin: 0px; float: left;
              background-image:url(Images/Vm/bt_verlistado_01.jpg) }

a.bt_listado:hover {background-image:url(Images/Vm/bt_verlistado_02.jpg) }
   
a.bt_subir {
  width: 80px; 
  height:18px;
  padding:0px; 
  margin: 0px;
  float: left;
  background-image:url(Images/Vm/subir_01.jpg) }


a.bt_subir:hover {
  background-image:url(Images/Vm/subir_02.jpg) }

a.bt_volver {
  width: 80px; 
  height:18px;
  padding: 0px; 
  margin-left:25px;
  float: left;
  background-image:url(Images/Vm/volver_01.jpg) }


a.bt_volver:hover {
  background-image:url(Images/Vm/volver_02.jpg) }  
  
a.bt_inscribirse {
  width: 80px; 
  height:18px;
  padding: 0px; 
  margin: 0px;
  float: left;
  background-image:url(Images/Vm/inscribirse_01.jpg) }


a.bt_inscribirse:hover {
  background-image:url(Images/Vm/inscribirse_02.jpg) }    

a.bt_vercomentar {
  width: 106px; 
  height:18px;
  padding:0px; 
  margin: 0px;
  float: left;
  background-image:url(Images/Vm/bt_vercomentarios_01.jpg)}


a.bt_vercomentar:hover {
background-image:url(Images/Vm/bt_vercomentario_02.jpg)}

#backend table th
{
  padding: 6px 5px;
  text-align: left;
  font-size: 12px;   
  color: #f07409;
}

#backend table td
{
    padding: 3px; 
    font-family: Tahoma;
    font-size: 10px;
    color: #999999;
    letter-spacing: 0.12em;
    text-decoration: none;  
}
#backend a
{
    font-family: Tahoma;
    font-size: 15px;
    color: #999999;
    letter-spacing: 0.12em;
    text-decoration: none;    
}


#backend table td a
{
    font-family: Tahoma;
    font-size: 10px;
    color: #000000;
    letter-spacing: 0.12em;
    text-decoration: none;    
}

#backend table td a:hover
{
    text-decoration:underline;
}

#dialog {
    font-family: Tahoma;
    font-size: 0.875em;
    line-height:1.2em;
    color: #000000;
}


.informativo 
{
    letter-spacing: 0.10em;
    width:590px;
}

.informativo .separador
{
    background-image:url('Images/Vm/img_linita_corta.jpg');
    background-repeat:no-repeat;
    width:400px;
    height:11px;
    padding-bottom: 20px;
}
.informativo em.alt {font-size:13px!important}
.informativo .boton { line-height:normal; padding-top:2px; height:15px;}
.informativo input.boton { height:17; padding:0; margin-top:6px; width:105px;}
.informativo .submenu { float:right; margin:5px 0 0 20px;width:320px;}
.informativo .submenu li{list-style-image:url('Images/Vm/flecha_cyan.jpg'); }
.informativo .submenu li a 
{
    font-size: 12px;
    color: #818386;
}
.informativo .submenu li a:hover {color: #006b91;}
.informativo .submenu a.on{color:#006b91;}
.informativo p {margin:5px 0;}
.informativo em {font-size:15px;}
.informativo em.bullet {clear:both; color: #007e9d;line-height:21px;}
.informativo a.menu_sub {
    font-family: Tahoma;
    font-size: 12px;
    color: #999999;
    line-height: 18px;
    padding-left: 0px;
    letter-spacing: 0.12em;
    text-decoration: none;
}

.informativo a.menu_sub:hover {color: #006b91;}

.informativo ol { list-style-type:decimal; list-style-position:inside}
.informativo .hipertension{background-image:url('Images/Vm/img_menu_hiper.jpg');background-repeat:no-repeat; margin-top:5px; width:195px; }
.informativo .filete
{
    background-image: url('Images/Vm/filete.jpg');
    background-repeat: no-repeat;
   
}
.informativo #receta{width:600px;}
.informativo #receta #title
{
    float:right; 
    margin-right:200px;
    margin-top:30px; 
    display:inline-block;
    font-family: Tahoma;
    font-size: 15px;
    color: #006b91;
    line-height: 21px;
    letter-spacing: 0.1em;    
}

.farmaciaopts{display:inline-block; width:520px;}
#home{width:525px;}
#Test, #Utiles, #Farmacias{width:470px;}
.iconTest { background-image:url('Images/Vm/img_ico_test.jpg');
                  padding:30px 0px 0px 50px; background-position:center left;
                  background-repeat:no-repeat; height:50px;
           }
           
.iconUtiles {background-image:url('Images/Vm/img_cosasutiles.jpg');
                  padding:30px 0px 0px 50px; background-position:center left;
                  background-repeat:no-repeat; height:50px;
           }   

.iconFarmacia {background-image:url('Images/Vm/img_plus.jpg');
                  padding:30px 0px 0px 50px; background-position:center left;
                  background-repeat:no-repeat; height:50px;
           }    
.iconMariposa {background-image:url('Images/Vm/img_mariposa.jpg');
                  padding-top:30px; background-position:center left;
                  background-repeat:no-repeat; padding-left:64px; height:50px;
           }
.MapaArgentina{float:right; margin-top:-125px; margin-right:0px;}   

.ln_puntos{
    background-image: url(Images/Vm/ln_putos.jpg);
    background-repeat: no-repeat;
    width:525px;
    height:10px;
}

.boton , #backend .boton 
{
    clear:both;
	background-image:url('Images/Vm/fondo_boton.png'); 
	color:#FFF; 
	height:16px; 
	font-size:12px; text-align:left;
	width:110px; 
	border:0;
	display:block;
	padding-left:10px;
	padding-top:2px;
	font-weight:normal;
}
	
.boton:hover, #backend .boton:hover {color:#000; font-weight:bold}   

.figurita1 { background-image:url('Images/Vm/figurin_1.jpg');
                  padding-top:20px; background-position:bottom left;
                  background-repeat:no-repeat; padding-left:80px; width:450px; height:80px;}  
                  
.figurita2 { background-image:url('Images/Vm/figurin_2.jpg');
                  padding-top:20px; background-position:bottom left;
                  background-repeat:no-repeat; padding-left:80px; width:450px; height:80px;} 
.figurita3 { background-image:url('Images/Vm/figurin_3.jpg');
                  padding-top:20px; background-position:bottom left;
                  background-repeat:no-repeat; padding-left:80px; width:450px; height:80px;} 
.figurita4 { background-image:url('Images/Vm/figurin_4.jpg');
                  padding-top:20px; background-position:bottom left;
                  background-repeat:no-repeat; padding-left:80px; width:450px; height:80px;} 
.figurita5 { background-image:url('Images/Vm/figurin_5.jpg');
                  padding-top:20px; background-position:bottom left;
                  background-repeat:no-repeat; padding-left:80px; width:450px; height:80px;}																											

.library h3{font-size:1.2em}
.library ul { margin:0 0 30px 25px; }
.library li{list-style-image:url('Images/Vm/flecha_cyan.jpg'); margin-bottom:10px}
.library li a { color:#000; }
.library li span { color:#006b91; font-size:0.8em}
.library li a:hover { text-decoration:underline} 

.logoResponsable{padding-left:35px;}

#links ul li a{color:#CCC;}

#logout.box {padding:110px 0 0 24px; height:60px}
