@charset "utf-8";
/* CSS Document для всех страниц*/
/* стили для профессионалов  */
<style type="text/css"> 
    body  {
    	margin: 0;
		padding: 0;
		text-align: center;}
	a{
		text-decoration:none;
		}
	a:link {
	color:#792ED1;
	text-decoration: none;
	list-style-type: none;
		}
	a:hover { 
	text-decoration: none; 
	color: #B31C01; 
		}
	.columna #container { 
    	width: 46em;
		margin: 0 auto;
		border: 0;
    	text-align: left;
		height:auto;
		} 
    .columna #menu { 
    	text-align:center;
		width:100%;
		height:auto;
		}
		
	.columna #menu h1 {
		font:Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		font-size:12px;
		font-weight:bold;
		color: #333333;
		}
	.columna #menu h2 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#352146;
		}
		 
	.columna #todos{
		padding: 0px;
		text-align:left;
		padding-bottom:15px;}
		
	.columna #todos h1{
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#990000;}
	
	.columna #todos h2{
		text-align:center;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:normal;
		color: #333333;}
   
   .columna #mapasitio {/* columna left */
   		background-color: #CCCCCC;
   		font-family:Verdana, Arial, Helvetica, sans-serif;
		padding:5px 5px 5px 5px;
		font-size:10px;
		margin-left:0px;
		height:auto;
		}
		
	.columna #mapasitio h1 {/* columna left */
   		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#990000;
		}
		
	.columna #mapasitio_l {/* columna left */
   		background-color: #CAFF95;
		padding:5px 5px 5px 5px;
		width: 200px;
   		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		margin-left:10px;
		border-left: 1px solid #D4BCF0;
		float:left;
		}
		
	.columna #mapasitio_med {/* columna left */
   		background-color: #CAFF95;
		padding:5px 5px 5px 5px;
   		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		margin-left:10px;
		border-left: 1px solid #D4BCF0;
		width:220px;
		float:left;
		zoom: 1;
		}
		
	.columna #mapasitio_der {/* columna left */
   		background-color: #CAFF95;
		padding:5px 5px 5px 5px;
		margin-right:10px;
   		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		border-left: 1px solid #D4BCF0;
		width: 220px;
		float:right;
		}
		
  	.applemenu{
		margin: 5px 5px;
		padding: 0;
		width: 180px; /*width of menu*/
		border: none;
		height:auto;
		}

	.applemenu div.silverheader a{
		background-image: url(Scripts/boton1.gif);
		background-repeat:no-repeat;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color: #EBE6AB;
		display: block;
		position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
		width: auto;
		padding: 5px 0;
		padding-left: 8px;
		text-decoration: none;
		}

	.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
		color: #FFFFCC;
		}

	.applemenu div.selected a, .applemenu div.silverheader a:hover{
		background-image: url(Scripts/boton2.gif);
		background-repeat:no-repeat;
		color: #FFFFFF;
		}

	.applemenu div.submenu{ 
		background: #F9E899;
		padding: 5px;
		padding-left:10px;
		height: 180px; 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color: #000000;
		}
	.applemenu div.submenu a, .applemenu div.submenu a:link {
		color: #333333;
		text-decoration: none;
		list-style-type: none;
		}
	.applemenu div.submenu a:hover { 
	text-decoration: none; 
	color: #FF6600; 
		}
	.applemenu div.submenu p{ 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		text-align:left;
		line-height:120%;
		color: #333333;}
	.applemenu div.submenu h1{ 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align: center;
		font-weight:bold;
		color: #FF3300;}
		
	. columna #silverheader h1{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#000000;
		text-align:center;
		line-height:120%;
		font-weight:bold;
		}
   	
	.columna #left {
		float:left;
		width:12em;
		background: none;
		padding: 0px 0;
		padding-left:0px;
		padding-right:0px;
		border-left: 1px solid #CDE586;
		border-right: 1px solid #CDE586;
		height:400px;;
		}
	.columna #textleft{
		float: left; 
    	width: 12em; /* dado que este elemento es flotante, debe asignarse un ancho */
		background: none;
		padding: 0px 0;
		padding-left:0px;
		padding-right:0px;
		border-left: 1px solid #CDE586;
		border-right: 1px solid #CDE586;
		}
	.columna #textleft p{/* osnovnoi text v columnas left y right */
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#486000;
		}
	.columna #textleft a {/* ssilki v columnas left y right */
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#486000;
		text-align: left;
		}
	.columna #textleft a:hover {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#AE1D00;
		}
	.columna #textleft ul, li{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#486000;
		margin-left:10px;
		list-style:none;}
		
	.columna #textleft h5{
		color:#7006D2;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		line-height:130%;
		letter-spacing:0,5px;
		font-size:13px;
		text-align:center;
		}
		
	.columna #principal {
		margin-left:0;
		margin-bottom:10px;
		margin-right:10px;
		zoom: 1;
		float: right;
		width:30em; /* dado que este elemento es flotante, debe asignarse un ancho */
		border-right: 1px solid #D4BCF0;
		padding-right:23px;
		height:400px;
		}
		
	.columna #principal ol{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#352146;
		margin-left:5px;
		list-style:none;
		}

	.columna #principal p{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#352146;
		text-align:justify;
		line-height:120%;
		letter-spacing:0px;
		list-style-position: inside;
		list-style-image: url(images/vin4.gif);
		list-style-type: disc;
		}
	.columna #principal h1{
		color: #FF6600;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		line-height:130%;
		letter-spacing:0,6px;
		font-size:15px;
		text-align:center;
	}
	.columna #principal h2{
		color: #31511B;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		line-height:130%;
		letter-spacing:0,6px;
		font-size:13px;
		text-align:center;
	}
	.columna #principal a{
		color: #666666;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		line-height:130%;
		letter-spacing:0,6px;
		font-size:13px;
		text-align:center;
	}
	.columna #principal a:hover{
		color: #FF6600;;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		line-height:130%;
		letter-spacing:0,6px;
		font-size:13px;
		text-align:center;
	}
	.columna #principal h4{
		color:#A60C00;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		line-height:130%;
		letter-spacing:0,6px;
		font-size:14px;
		text-align:center;
	}
	.columna #principal h5{
		color:#7006D2;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		line-height:130%;
		letter-spacing:0,5px;
		font-size:13px;
		text-align:center;
		}
	.columna #principal h6{
		color:#7006D2;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		line-height:130%;
		letter-spacing:0,5px;
		font-size:13px;
		text-align:left;
		}
	.columna #principal ul, li{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#352146;
		text-align:justify;
		line-height:120%;
		margin-left:10px;
		list-style-image: none;
		list-style-type: disc;
		}
		
	.columna #textprinc {
		margin-left:0;
		margin-bottom:10px;
		zoom: 1;
		float: right;
		width: 31em; /* dado que este elemento es flotante, debe asignarse un ancho */
		border-right: 1px solid #D4BCF0;
		padding-right:10px;
		}
	.columna #textprinc p{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#352146;
		text-align:justify;
		line-height:120%;
		letter-spacing:0px;
		list-style-position: inside;
		list-style-image: url(images/vin4.gif);
		list-style-type: disc;
		}
	.columna #textprinc textarea{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#352146;
		text-align:justify;
		line-height:120%;
		letter-spacing:0px;
		}
	.columna #textprinc h1{
		color: #FF6600;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		line-height:130%;
		letter-spacing:0,6px;
		font-size:15px;
		text-align:center;
	}
	.columna #textprinc h2{
		color: #31511B;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		line-height:130%;
		letter-spacing:0,6px;
		font-size:13px;
		text-align:center;
	}
	.columna #textprinc a{
		color: #666666;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		line-height:130%;
		letter-spacing:0,6px;
		font-size:13px;
		text-align:center;
	}
	.columna #textprinc a:hover{
		color: #FF6600;;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		line-height:130%;
		letter-spacing:0,6px;
		font-size:13px;
		text-align:center;
	}
	.columna #textprinc h4{
		color:#A60C00;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		line-height:130%;
		letter-spacing:0,6px;
		font-size:14px;
		text-align:center;
	}
	.columna #textprinc h5{
		color:#7006D2;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		line-height:130%;
		letter-spacing:0,5px;
		font-size:13px;
		text-align:center;
		}
	.columna #textprinc h6{
		color:#7006D2;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		line-height:130%;
		letter-spacing:0,5px;
		font-size:13px;
		text-align:left;
		}
	.columna #textprinc ul, li{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#352146;
		text-align:justify;
		line-height:120%;
		margin-left:10px;
		list-style-image: none;
		list-style-type: disc;
}
	.columna #formail {
		padding-left:10px;
		padding-right:10px;
		padding-top: 0px;
		width: 28em;
		border-right: 1px solid #D4BCF0;
		}
	
	.tablah{
		color: #352146;
		font-size: 12px;
		font-weight:bold;
		text-align:center;
		}
	.tabla1 {
		color: #352146;
		font-size: 12px;
		text-align:left;
	}
	.tabla2 {
		color: #352146;
		font-size: 12px;
		text-align:center;
		font-weight:bold;
		}
	.tabla3 {
		color: #352146;
		font-size: 12px;
		text-align:center;
		}
	.columna #img{
		float:left;
		width:82px;
		padding-right:5px;
		padding-bottom:5px;
		padding-top: 0px;
		}
	.columna #imgc{
		float:left;
		width: 82px;
		height:auto;
		margin-left:30px;
		}
	.columna #imgr{
		float:left;
		width: 82px;
		height:auto;
		margin-left:30px;
		}
	.columna #spisok{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#352146;
	text-align:justify;
	line-height:120%;
	letter-spacing:0px;
	margin-left:-10px;
	list-style-type: none;
	list-style-image: url(images/vin2.gif);
		}
	
	.columna #pie{
		width: 100%;
		height:auto;
		}
	.columna #pie p{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		}
	 .columna #piel { 
		float:left;
		width: 50%;
		height:105px;
		padding-top:35px;
		background-image:url(images/online.jpg);
		background-repeat:no-repeat;
		} 
    .columna #piel p, .columna #pier p {
		text-align:center;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:24px;
		color:#792ED1;
		font-weight: bold;
    	}
	.columna #pier { 
		width: auto;
		height:105px;
		padding-top:20px;
		padding-right:15px;
		background-image:url(images/opiniones.jpg);
		background-repeat:no-repeat;
		}
	
	form {
		margin:0;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:10px;
		padding-top:10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		text-align:left;
		line-height:120%;
		letter-spacing:0px;
		border:1px solid #CCCCCC;
		background-color:#DCEEB6;
		}
	fieldset{
		
		}
	legend{
		border:1px solid #CCCCCC;
		font-weight: bold;
		color:#2A2C22;
		background-color:#e6f2c2;
		padding:5px;
		}
		
	.columna #procrutka {/* distribuidor */
		padding-left:10px;
		padding-right:10px;
		padding-top: 0px;
		VISIBILITY: visible; 
		OVERFLOW: auto; 
		WIDTH: 450px; 
		HEIGHT: 300px;
		scrollbar-base-color: #C9DFB9;
		scrollbar-track-color: #E2F8B8;
		scrollbar-face-color: #e6f2c2;
		border-left: 1px solid #D4BCF0;
		border-right: 1px solid #D4BCF0;
		border-top: 1px solid #D4BCF0;
		border-bottom: 1px solid #D4BCF0;
		}
	.columna #procrutka p{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#352146;
		background:#F4EAFF;
		text-align:justify;
		line-height:120%;
		letter-spacing:0px;} 
	.columna #procrutka h1{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		color:#352146;
		text-align:justify;
		line-height:120%;
		letter-spacing:0px;}
	
	.columna #procrutka h2{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#352146;
		text-align:justify;
		line-height:120%;
		letter-spacing:0px;
		background:#DBFFB7;}
		
	.columna #procrutka1 {/* consulta profesional */
		padding-left:10px;
		padding-right:10px;
		padding-top: 0px;
		VISIBILITY: visible; 
		OVERFLOW: auto; 
		WIDTH: 450px; 
		HEIGHT: 300px;
		scrollbar-base-color: #C9DFB9;
		scrollbar-track-color: #E2F8B8;
		scrollbar-face-color: #e6f2c2;
		border-left: 1px solid #D4BCF0;
		border-right: 1px solid #D4BCF0;
		border-top: 1px solid #D4BCF0;
		border-bottom: 1px solid #D4BCF0;
		}
	.columna #procrutka1 p{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#352146;
		background:#F4EAFF;
		text-align:justify;
		line-height:120%;
		letter-spacing:0px;} 
	.columna #procrutka1 h4{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		color:#352146;
		text-align:justify;
		line-height:120%;
		letter-spacing:0px;}
	.columna #procrutka1 h3{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#352146;
		text-align:justify;
		line-height:120%;
		letter-spacing:0px;
		background:#DBFFB7;}
		
	.columna #procrutka2 {/* texto profesional */
		padding-left:10px;
		padding-right:10px;
		padding-top: 10px;
		VISIBILITY: visible; 
		OVERFLOW: auto; 
		WIDTH: 500px; 
		HEIGHT: 500px;
		scrollbar-base-color: #F8E7C0;
		scrollbar-track-color: #F8E69C;
		scrollbar-face-color: #F2E5C2;
		border-left: 1px solid #D4BCF0;
		border-right: 1px solid #D4BCF0;
		border-top: 1px solid #D4BCF0;
		border-bottom: 1px solid #D4BCF0;
		}

	.columna #procrutka2 p{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#352146;
		text-align:justify;
		line-height:120%;
		letter-spacing:0px;
		list-style-position: inside;
		list-style-image: url(images/vin4.gif);
		list-style-type: disc;
		}
	.columna #procrutka2 h1{
		color: #FF6600;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		line-height:130%;
		letter-spacing:0,6px;
		font-size:15px;
		text-align:center;
	}
	.columna #procrutka2 h2{
		color: #31511B;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		line-height:130%;
		letter-spacing:0,6px;
		font-size:13px;
		text-align:center;
	}
	.columna #procrutka2 a{
		color: #666666;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		line-height:130%;
		letter-spacing:0,6px;
		font-size:13px;
		text-align:center;
	}
	.columna #procrutka2 a:hover{
		color: #FF6600;;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		line-height:130%;
		letter-spacing:0,6px;
		font-size:13px;
		text-align:center;
	}
	.columna #procrutka2 h4{
		color:#A60C00;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		line-height:130%;
		letter-spacing:0,6px;
		font-size:14px;
		text-align:center;
	}
	.columna #procrutka2 h5{
		color:#7006D2;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		line-height:130%;
		letter-spacing:0,5px;
		font-size:13px;
		text-align:center;
		}
	.columna #procrutka2 h6{
		color:#7006D2;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		line-height:130%;
		letter-spacing:0,5px;
		font-size:13px;
		text-align:left;
		}
	.columna #procrutka2 ul, li{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#352146;
		text-align:justify;
		line-height:120%;
		margin-left:10px;
		list-style-image: none;
		list-style-type: disc;
		}
		
	
	.columna #copy{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#352146;
		width:100%;
		text-align:center;
		}


	
	
	
    
    

