/* Diseņado realizado por neo3w: www.neo3w.com para TECNOLAN */ 
	/* Se pueden utilizar los elementos de css, pero el diseņo de esta hoja de estilo es propiedad de neo3w. */ 

body {
background-image : url(imagenes/bg1.jpg); 
background-repeat : repeat-x; 
line-height : 80%; 
margin-top : 0; 
background-color : #fff; 
color : #fff; 
} 
.container {
width : 730px; 
border : 0 solid gray; 
margin-top : 10px; 
margin-left : auto; 
margin-right : auto; 
background-color : #ffffff; 
} 


#banner {
width : 731px; 
height : 130px; 
background-image : url(imagenes/1.jpg); 
} 

/*  

.banner-text {
width : 335px; 
height : 20px; 
margin-top : 2.5em !important; 
margin-top : 1.9em; 
margin-left : 0.4em; 
font-family : Georgia, Times, geneva, arial; 
letter-spacing : 2px; 
color : #b8d3ce; 
font-size : 20px; 
font-weight : bold; } */ 


.content {height:670px;
background-image : url(imagenes/corner.jpg); 
background-repeat : no-repeat; 
background-position : bottom right; 
padding : 10px; 
margin : 9px 0 0 140px; 
font-family : geneva, arial; 
color : #000; 
font-size : 11px; 
/*  font-weight : bold; 
letter-spacing : 2px; */
border : 0 solid #e0dfdd;}


.content1 {height:410px;
background-image : url(imagenes/corner.jpg); 
background-repeat : no-repeat; 
background-position : bottom right; 
padding : 10px; 
margin : 9px 0px 0 150px; 
font-family : geneva, arial; 
color : #000; 
font-size : 11px; 
/*  font-weight : bold; 
letter-spacing : 2px; */
border : 0 solid #e0dfdd;
} 

.content2 {height:410px;
background-image : url(imagenes/corner.jpg); 
background-repeat : no-repeat; 
background-position : bottom right; 
padding : 10px; 
margin : 9px 0px 0 150px; 
font-family : geneva, arial; 
color : #000; 
font-size : 11px; 
/*  font-weight : bold; 
letter-spacing : 2px; */
border : 0 solid #e0dfdd;
} 

.content3 {height:650px;
background-image : url(imagenes/corner.jpg); 
background-repeat : no-repeat; 
background-position : bottom right; 
padding : 10px; 
margin : 9px 0px 0 150px; 
font-family : geneva, arial; 
color : #000; 
font-size : 11px; 
/*  font-weight : bold; 
letter-spacing : 2px; */
border : 0 solid #e0dfdd;
} 

.content4 {height:1000px;
background-image : url(imagenes/corner.jpg); 
background-repeat : no-repeat; 
background-position : bottom right; 
padding : 10px; 
margin : 9px 0px 0 150px; 
font-family : geneva, arial; 
color : #000; 
font-size : 11px; 
/*  font-weight : bold; 
letter-spacing : 2px; */
border : 0 solid #e0dfdd;
} 

img.right {
float : right; 
padding : 0; 
margin-right : 6px; 
border : 1px solid #547fa9; 
} 

#left {
float : left; 
width : 147px; 
margin : 0 1px 0 0; 
background-color : #fafce4; 
} 

.nav-box {
float : left; 
width : 140px; 
height : 65px; 
margin : 0.2em 0 0 0.05em; 
border : 1px solid #e0dfdd; 
background-color : #ffffff; 
} 

.s1 {
float : left; 
width : 4px; 
height : 65px; 
margin-left : 0.01em; 
background-color : #b8a07a; 
} 

.s2 {
float : left; 
width : 4px; 
height : 65px; 
margin-left : 0.05em; 
background-color : #6ca2be; 
} 

.nav-box-text {
width : 100px; 
height : 25px; 
margin-top : 1em; 
margin-left : 1.2em; 
background-color : #fefdfb; 
} 


h1 {
font-size : 1.5em; 
color : #4b5658; 
margin-top : 5px; 
padding : 1px; 
border : 0 outset #95b7d0; 
font-family : "times", verdana, arial, sans-serif, engravers mt bold; 
} 

h2 {
font-size : 1.5em; 
color : #6ca2be; 
margin-top : 5px; 
padding : 1px; 
border : 0 outset #95b7d0; 
font-family : "times", verdana, arial, sans-serif, engravers mt bold; 
} 

h3 {
font-size : 1.2em; 
color : #4b5658;
margin-top : 5px; 
padding : 1px; 
border : 0 outset #95b7d0; 
font-family : "times", verdana, arial, sans-serif, engravers mt bold; 
} 

a:hover {
color : #6ca2be; 
text-decoration : none; 
} 

a {
color : #b8a07a; 
text-decoration : none; 
} 

hr {
margin-top : 2.9em !important; 
margin-top : 1.8em; 
width : 500px; 
} 



/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:103px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(imagenes/muestras/peq/delineacion_p.jpg);}
a.slideb {background:url(imagenes/muestras/peq/mapa1.jpg);}
a.slidec {background:url(imagenes/muestras/peq/mapa3_p.jpg);}
a.slided {background:url(imagenes/muestras/peq/infografia_p.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}
/* styling for LEFT gallery */
#container_left {position:relative; width:534px; height:500px; background:#b8d3ce; border:1px solid #a49188; margin:1em auto;}
#container_left img {border:0;}
#container_left .thumbs {width:100px; position:absolute; left:0; top:0;}
#container_left a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:265px; left:165px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
#container_left a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_left a.gallery:active, #container_left a.gallery:focus {border:none;}
#container_left a.gallery:active em, #container_left a.gallery:focus em {display:block; position:absolute; width:350px; height:480px; top:6px; left:125px; padding:5px; color:#000; border:none; z-index:50;}
#container_left h1 {clear:both; margin:0; padding-top:80px; padding-left:250px; width:300px; height:220px;text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}
#container_left h1 em {font-size:0.6em; color:#000;}

.bottom {
margin-top : 0.8em; 
margin-left : 9.8em; 
font-size:9px;
}

.bottom1 {
margin-top : 1.2em; 
margin-left : 9.8em; 
font-size:9px;
}