/* CSS Document */
img {behavior:url(/viveros/global/pngbehavior.htc);
border:0; }
img#logo{position:relative;
top:20px;
left:50px;}
img#infoguia{position:absolute;
top:0;
left:auto;}

body{
margin:0 auto;
background-color:#333399;
text-align:center;
}
body, p, ol, ul, td {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
	letter-spacing:1px;
}
p, h3{text-align:left;
margin:0;
padding:1em;
color:#373737;}

.lista {
border-bottom:1px solid #66FFFF;
padding-top:0.5em;
padding-bottom:0.5em;
}

h1, h2, h3, h4, h5 { color: #345; font-family: verdana,sans-serif; letter-spacing:0; text-align:left;}
h1 { font-size: 22px }
h2 { font-size: 18px }
h3 { font-size: 16px }
h4 { font-size: 14px;
	margin:1em; }
h5 { font-size: 12px;
margin:1em;}

div#container{width:750px;
margin:0 auto;
height:auto;
background-color:#FFFFFF;
border-left:3px solid #373757;
border-right:3px solid #373757;
text-align:center;
}

div#encabezado{background-image:URL(/viveros/img/encabezado.asp);
background-repeat:no-repeat;
width:750px;
height:180px;
text-align:left;
}
div#barramenutop{
position:relative;
top:0;
left:0;
filter:Alpha(Opacity=80);
-moz-opacity:0.8;
opacity:0.8;
width:750px;
height:30px;
background-color:#333;
text-align:right;
}

div#barramenutop ul{
display:inline;
list-style:none;
margin:0;
}
div#barramenutop ul li{display:block;
width:auto!important;
width:90px;
min-width:90px;
margin:0;
float:right;
}
div#barramenutop ul li a:link,div#barramenutop ul li a:active,div#barramenutop ul li a:visited,div#barramenutop ul li a:hover{
display:block;
width:100%;
text-align:center;
text-decoration:none;
letter-spacing:0px;
color:#FFFFFF;
padding:5px 0 7px 0;
border-left:1px solid #000000;
filter:Alpha(Opacity=100);
outline:none;}
div#barramenutop ul li a:hover{background:#000000;}
div#contenido{
position:relative;
top:0;
left:auto;
width:750px;
background-color:#ffffff;
background-image:URL(/viveros/img/fondocontenido.jpg);
background-position:top;
background-repeat:repeat-x;
text-align:center;
}
div#caja{
z-index:50;
position:absolute;
text-align:center;
top:-15px;
left:200px;
width:350px;
height:150px;
}
div#caja div{
position:relative;
top:-150px;
text-align:left;
border-left:1px solid #cccccc;
border-right:2px solid #dddddd;
padding:0 5px 0 5px;
margin:0 15px 0 15px;
}
.panelizq{
float:left;
text-align:left;
width:200px;
height:auto!important;
height:125px;
min-height:125px;
/*border:1px dashed #999999;*/
}
.panelder{
float:right;
text-align:left;
width:200px;
/*border:1px dashed #999999;*/
}
.panelizq ul, .panelder ul{
margin-top:1em;
}
#panelcentral{
text-align:left;
clear:both;
width:450;
padding:0 1em;
}
.drag{
position:relative;
z-index: 100;
}
div.input {display:block;
width:450px;
clear:both;
}
div.input label{display:block;
width:200px;
float:left;
text-align:right;
}
div.input input, div.input textarea{
width:200px;
float:right;
}

div.formulario{width:600px;}
div.formulario label{display:block; clear:both; padding:10px;}
div.formulario label span{float:left; width:100px;}
div.formulario label input{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#555;}
input.boton{border:2px solid #577;
background:#366;
color:#FFF!important;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:2px}