body { color: #333; background: #900; font-family: "Helvetica", Arial, Geneva, sans-serif; font-size: 76.1%; text-align: center; line-height: 1.4em; margin: 10px 0; }
#main-body { width:100%;} 
#contenido { width:650px; float: right; margin-right:5px; }
#lateral-left { width:195px; float: left; margin-right: -3px; padding: 0px 0px 10px 10px; overflow: hidden; }
#floreria { width: 880px; margin-right: auto; margin-left: auto; border: 2px solid #600; }
#floreria-1 { border: 4px solid #FFF; }
#floreria-2 { border: 1px solid #999; background: #FFF; height: 100%; margin: 0; position: relative; padding: 0 }
#floreria-inner { background: #FFF; text-align: left; position: relative; margin: 0; padding: 0; }

#header { height: 84px; width: 100%; background-image: url(contacto.gif); background-repeat: no-repeat; background-position: right top; }
#header h1 { background: url(logo.png) 0 0 no-repeat; }
#header h1 a{ display:block; text-indent:-6000px; text-decoration:none; width:287px; line-height: 84px; height:84px; }

a { color: #900; text-decoration: underline; }
a:hover { color: #900; text-decoration: none; }

.breadcrumbs { background-color: #F5F5F5; border: 1px solid #D9D9D9; margin: 8px; padding: 4px; font-size: 12px; color: #999; }
.breadcrumbs a, .breadcrumbs a:hover { color: #333; }

.siguiente { text-align: right; margin: 0 12px 0 0; color: #000; }
.thumbs { width: 654px; text-align: center; }

.titulo h1 { color: #9C3; text-decoration: none; font-weight: bold; font-size: 20px; line-height: 130%; border-bottom: 1px solid #FFC; }
.titulo h2 { color: #9C3; text-decoration: none; font-weight: bold; font-size: 18px; line-height: 130%; border-bottom: 1px solid #FFC; }
.titulo h3 { color: #9C3; text-decoration: none; font-weight: bold; font-size: 16px; line-height: 130%; border-bottom: 1px solid #FFC; }
.titulo h4 { color: #9C3; text-decoration: none; font-weight: bold; font-size: 14px; line-height: 130%; border-bottom: 1px solid #FFC; }

.info, .success, .warning, .error, .validation, .check { border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; }
.info { color: #00529B; background-color: #BDE5F8; background-image: url(info.png); }
.success { color: #4F8A10; background-color: #DFF2BF; background-image:url(success.png); }
.warning { color: #9F6000; background-color: #FEEFB3; background-image: url(warning.png); }
.error { color: #D8000C; background-color: #FFBABA; background-image: url(error.png); }
.check { color: #00529B; background-color: #BDE5F8; background-image: url(check.png);}

.izquierda-1{ float: left; overflow: hidden; width: 49%;}
.derecha-1{ float: right; overflow: hidden; width: 49%;}
div.recuadro-1{ padding: 4px; color: #fff; background-color: #9C3; margin-bottom: 10px; height: 1%; color: #333;}
div.recuadro-1 h3 { margin: 0px 0px 5px 0px; text-indent: 0px; border: none; color: #FFF; letter-spacing: -1px; font: normal normal 1.35em/.99em "Helvetica", Arial, Geneva, sans-serif;}
div.recuadro-1 a, div.recuadro-1 a:hover { color: #663;}
div.recuadro-2 { color: #eee; background-color: #F90; padding: 4px; margin-bottom: 10px; height: 1%;}
div.recuadro-2 h3 { margin: 0px 0px 5px 0px; color: #fff; text-indent: 0px; border: none; letter-spacing: -1px; font: normal normal 1.35em/.99em "Helvetica", Arial, Geneva, sans-serif;}
div.recuadro-2 a, div.recuadro-2 a:hover { color: #C60;}

#ordenar { float: right; width: 264px; background-color: #fff; border: 4px solid #fc0; padding: 3px 3px 3px 4px; text-align: left; font-size: 11px Arial, Helvetica, sans-serif; color: #000;}
#ordenar h2 { color: #000; text-align: center; font-weight: bold; font-size: 14px;}

.izquierda { float: left;}
.derecha { float: derecha;}

.background_1 { background-color: #fc0; border: 0px;}

#footer { padding: 4px; text-align: center; font-size: 11px Arial, Helvetica, sans-serif; color: #000; clear: both; margin: 10px;}
#footer a { color: #999; text-decoration: none;}
#footer a:hover { color: #333; text-decoration: underline;}

.copyright { display:block; float: right; width: 967px; text-align: right; font: 11px Arial, Helvetica, sans-serif; color: #300; margin-top: 5px;}
.copyright a { font: 11px Arial, Helvetica, sans-serif; color: #933; text-decoration: none; }

.clear { clear: both; height: 0px;}
.clear10 { clear: both; height: 10px; height: 10px;}

img { border: none; }
img.left { float:left; margin-right:5px; background-color:#f4f4f4; border:1px solid #eaeaea; padding:4px; margin-top:5px; }
img.right { float:right;margin-left:5px; background-color:#f4f4f4; border:1px solid #eaeaea; padding:4px; margin-top:5px; }
img.pad { float:none;margin:0px auto; background-color:#f4f4f4; border:1px solid #eaeaea; padding:4px;margin-top:5px; }

h1 { color: #000; font-weight: bold; font-size: 12px;}
h2 { color: #900; font-weight: bold; font-size: 11px;}
h3 { color: #333; font-weight: bold; font-size: 10px;}
h4 { color: #666; font-weight: bold; font-size: 9px;}
h5 { color: #900; font-weight: bold; font-size: 8px;}
h6 { color: #900; font-weight: bold; font-size: 7px;}

.bold { font-weight: bold; }

#craftysyntax1 { width: 190px; height: 40px; background-color:#F30;}

#navmenu ul li a { color: #fff; background-image:url(nav_sep.png) no-repeat right top; }
#navmenu li a:hover, #navmenu li:hover a, #navmenu li.iehover a, #navmenu li#current.iehover a, #navmenu li.active:hover a { color: #fff; background-image:url(nav_sep.png) no-repeat right top; background-color: #690; }
#navmenu li.active a, #navmenu li.active a:hover { color: #000; background-image:url(nav_sep.png) no-repeat right top; background-color: #FC0; }
#navmenu li:hover li a, #navmenu li.iehover li a { background-repeat:color: #fff; }
#navmenu li:hover ul, #navmenu li:hover ul li, #navmenu li:hover ul li a, #navmenu li.iehover ul, #navmenu li.iehover ul li, #navmenu li.iehover ul li a { background-color: #690; }
#navmenu li:hover ul li:hover, #navmenu li:hover ul li a:hover, #navmenu li.iehover ul li:hover, #navmenu li.iehover ul li a:hover,#navmenu li.active:hover ul li:hover, #navmenu li.active:hover ul li a:hover, #navmenu li#current.iehover ul li:hover, #navmenu li#current.iehover ul li a:hover { background-color: #330; color: #FFF; }
#navmenu li li { border-bottom: 1px solid #000;	}
#navmenu li ul { width: 173px; border-right: 1px solid #000; border-left: 1px solid #000; border-top: none; }
#navmenu li, #navmenu { background: url(nav_bg.png) repeat-x 0 bottom; font-weight: bold; }
#navmenu ul li:hover li a,#navmenu ul li.iehover li a { background-image: none; }
#navmenu ul ul a { _width: 170px;}
#navmenu li li,#navmenu li.haschild ul li#current:hover,#navmenu li.haschild ul li#current.iehover { width: 173px;}
#navmenu li a { background: url(nav_sep.png) 100% 0 no-repeat;}
#navmenu { height: 34px; position: relative; font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; background: url(nav_bg.png) repeat-x center center;}
#navmenu ul, #navbar ul li { float: left;}
#navmenu ul { float: left; list-style: none; padding: 0; margin: 0; margin-left: 0px;}
#navmenu ul li { position: relative; margin: 0;}
#navmenu a { float: left; text-decoration: none; display: block; height: 34px; line-height: 34px; padding: 0px 16px 0px 14px;}
#navmenu h1 { float: left; text-decoration: none; display: block; height: 34px; line-height: 34px; padding: 0px 1px 0px 0px; text-indent: -500px; text-transform: inherit;}
#navmenu li a:hover { height: 34px;}
#navmenu li { float: left; padding: 0; background: none;}
#navmenu ul ul a { background: none;}
#navmenu li li a { font-weight: normal; padding: 0; height: 26px; line-height: 26px; text-indent: 5px;}
#navmenu ul ul a { display: block; text-decoration: none; width: 173px; text-transform: none;}
#navmenu li li { padding: 0; background: none;}
#navmenu li li { float: left; padding: 0px; width: 173px;}
#navmenu li ul ul { margin: -34px 0 0 173px;}
#navmenu li:hover, #navmenu li.iehover { left: 0;}
#navmenu ul ul a:hover { background: none; height: 26px; line-height: 26px; padding: 0; margin: 0;}
#navmenu li ul { top: 34px; position: absolute; left: -999em; height: auto; width: 173px; font-weight: normal; border-width: 0; margin: 0; padding: 0; border-bottom: none;}
#navmenu ul li.active ul li a, #navmenu ul li.active ul li, #navmenu ul li.active ul li a:hover, #navmenu ul li.active ul li.hover { background-image: none; background-color: transparent;}
#navmenu ul li.haschild ul li a.child, #navmenu ul li.haschild ul li a.child:hover { background: url(arrow_right.gif) 164px 8px no-repeat;}
#navmenu ul li.active ul li a.child, #navmenu ul li.active ul li a.child:hover { background: url(arrow_right.gif) 164px 8px no-repeat;}
#navmenu ul li ul li a:hover { background-image: none;}
#navmenu li:hover ul ul, #navmenu li:hover ul ul ul, #navmenu li:hover ul ul ul ul, #navmenu li.iehover ul ul, #navmenu li.iehover ul ul ul, #navmenu li.iehover ul ul ul ul { left: -999em; }
#navmenu li:hover ul, #navmenu li li:hover ul, #navmenu li li li:hover ul, #navmenu li li li li:hover ul, #navmenu li.iehover ul, #navmenu li li.iehover ul, #navmenu li li li.iehover ul,
#navmenu li li li li.iehover ul { z-index: 100; left:auto;}
/*Credits: Dynamic Drive CSS Library URL: http://www.dynamicdrive.com/style/ */
.urbangreymenu { width: 190px; }
.urbangreymenu .headerbar{ font: bold 13px Verdana; color: white; background: #FC0 url(downgreen.png) no-repeat 6px 4px; margin-bottom: 0; text-transform: uppercase; padding: 4px 0 4px 28px; }
.urbangreymenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 0; }
.urbangreymenu ul li{ padding-bottom: 2px; }
.urbangreymenu ul li a{ font: normal 12px Arial; color: black; background: #eee; display: block; padding: 4px 0; line-height: 17px; padding-left: 8px; text-decoration: none; }
.urbangreymenu ul li a:visited{ color: black; }
.urbangreymenu ul li a:hover{ color: white; background: black; }