/* CSS Document */
html, body, ul,  li, p, 
h1, h2, h3,  
form, fieldset, img, a hr{ 
margin: 0; 
padding: 0; 
border: 0; 
}
body
{margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000; 
background-color: #eaeaea ; font-size:80%; text-align:center;
}
h1 { font-size:1.5em;  padding:0;margin:0 ; text-align:center;}
h2 { font-size:1.3em;padding:0;margin:1.2em 0 .4em 0;text-align:center;color: #c60; }
h3 { font-size:1.2em;padding:0;margin:1.2em 0 .4em 0;color: #c60;text-align:left; }

p { text-align:justify; line-height:140%; margin: 0; padding:5px 0px; font-size:1em; text-indent:2em;  }
#top p, #footer p {text-align:center;}
ul {padding:0 ; margin:0;text-indent: 0;text-align:left;  text-decoration:none; font-weight:bold;}
ul li {margin-left:.5em ;text-indent:.7em;font-weight: normal;text-align:left;
	list-style-type: square;	
	
}  
img{ border-color:#fc0;}
.nav a {font-size:80%;}
a:link {
text-decoration:none; font-weight: bolder;  
}
a:visited {
	font-weight:bold; 
	text-decoration:none;} 
a:hover 
 {
text-decoration: underline;color:red; 
} 
#container {width:90%; max-width:999px; margin:1em auto;  }
#top { min-height:80px;padding:0.6em 6em;  background-image: url(images/degr-100px.bmp); 
       background-repeat:repeat-x;z-index:6; border-top: 1px ridge #fc0; }
#top-herman { height:100px;padding:0.2em 1em; color:#ddd; background-color:#eaeaea;text-align: right;  background-image: url(images/herman_guaduas.jpg); background-repeat:repeat-x;z-index:6; }

.nav-a-z { font-size:140%; font-weight: bolder;
           text-align:center; border: 3px ridge #fc0; padding:1em 0; 
           letter-spacing:3px;color:red; background-color:#fc0;background-image:url(images/degr-cilindrico.gif); background-repeat:repeat-x;}
		   
.nav { float:left; display:inline; text-align:left; }
#nav li {display:inline; list-style: none; padding:0.2em; margin-bottom:2px; border-top:1px solid #ccc;border-left:1px solid #999; border-bottom:2px solid #333;border-right:2px solid #666; }
#main {text-align:center;}
#main-center { width:600px;text-align:justify; margin:0 auto; }
.seccion {float:left; min-height:80px;text-align:left; display:inline;font-weight: bold;  margin:.2em .2em 3em .2em; padding:.7em;}


.favoritos { width:750px; display:inline; text-align:center; margin:1em;auto}
.favoritos img{ margin:1em; padding:.5em;border: 2px solid #ccc;}
.no-favoritos { margin:1em auto; }
.amarillo { color:#fc0; background-color:transparent;}
.center {text-align:center;}
.cliente {   height: auto; min-height:40px;  width:580px;  margin:8px auto ; padding:9px; font-size:11px; border: 2px ridge #fff;}
.cliente p{text-indent:0;}
.clienteG {float:left;width:460px; margin:.3em; padding:.3em; font-size:85%;text-align:justify; border: 3px ridge #ccc;}
.map {float:left; display:inline;  margin:2em 1em;}
#footer   {
	background-color: #fc0;
	color:#000;
	text-align:center;
	font-size:0.8em;
	clear:both;
	padding:1em;
	margin:1em 0;
	border-bottom: 2px ridge #fc0;
}
.floatright {float:right; }
.floatleft  {float:left; }
.estoyAQUI {   color: #f00; background-color:transparent; padding:2px; font-weight:bold;   } 
.estoyAQUI-a-z {border: 1px solid #f00; padding:4px;font-size:110%;color: #f00;background-color:transparent;}
.spacer {clear:both;height:1px; visibility:hidden;  }
.spacer2 {clear:both;height:60px; visibility:hidden;  }

.rojo {font-size:120%;color:red;background-color:transparent;}
.block { display:block; padding:.5em;border: 1px solid #ccc;text-align:left;}

.buscador { float:right; width:200px; height:60px;text-align: center;  background-color:#999999}


.imgPeq { margin:.5em;padding:.4em;border: 2px solid #9a7b54; }
.imgRIGHT {float:right; margin:.4em  0 0 1em;padding:.4em;border: 2px solid #ccc; }
.imgLEFT {float:left; margin:.4em 1em 0 0;padding:.4em;border: 2px solid #ccc;text-align:center; }
.imgCENTER {width:600px; margin-left:auto; margin-right:auto; padding:.4em;border: 2px solid #ccc; }

.imgGrande {border:5px ridge #dcdcdc; padding:9px; margin:1em;   }
.ir-a { float:right; margin-bottom:1em; display:inline;}

.herman_logo { position: relative; top:5px; right:5px; height:42px; width:32px; z-index:5;}
.letraGrande {float:left; position:relative;top:-12px; height:30px; padding-top:5px;padding-right:4px; color:#ccc; font-size:48px; font-family: "Monotype Corsiva"; }
.resaltar { background-color: #f1e1a1;color:#000; padding:1em; border: 1px solid #aaa;}
.tenue {  text-align:justify; color:#666; background-color:transparent;}
.festival {  padding:1em; clear:both;text-align:left;  border:1px solid red;}