body {
   background:url('../img/bg.jpg') no-repeat top center;
   font-size:75%;
   font-style: italic;
   font-family: Georgia, serif;

}
.clear {clear:both;}
html>body { font-size: 12px;}

h1 { font-size: 2.0em;}
h2 { font-size: 1.7em;}
h3 { font-size: 1.4em;}
h4 { font-size: 1.2em;font-weight: bold; }
h5 { font-size: 1.0em;font-weight: bold; }
h6 { font-size: 0.8em;font-weight: bold; }


#wrapper {width:940px; margin:0 auto; background: #F9F9F9;}

    #header {height:109px; border-bottom: 5px solid #2c1a10;}

       #header h1 {
            text-indent: -99999px;
            display: block;
            background: url('../img/logo.png') no-repeat;
            width:264px;
            height:48px;
            float:left;
            margin:25px 0px 0px 25px;
        }

        ul#menu {float:right; font-weight:bold; font-size:0.80em;}

            ul#menu li {float:left; margin:45px 15px 0 0;}

                ul#menu li a {text-decoration:none; color:#2c1a10;}
                ul#menu li a:hover {text-decoration:underline;}

        #main_banner {position:relative; overflow:hidden;}

/**********************************************************************************************/
/*	CONTENIDO															  */
/**********************************************************************************************/

    #contenido h2.slogan {
        margin:20px;
        background:#2c1a10;
        color:#fff;
        line-height:30px;
        text-align: center;
        width:900px;
    }

    #col-1{
      margin:0 10px 20px 20px;
      position: relative;
      float:left;
      width:450px;
      height:300px;
      overflow:hidden;
    }
    .error {
        margin:20px 20px;
        padding: 10px;
        border:1px dotted #666;
        color:red;
        cursor:pointer;
    }

    .link a {color:#2C1A10; text-decoration: none;}
    .link a:hover {text-decoration: underline;}
    
    .con_borde {border:1px solid #e1e1e1;}
    .imagen {border:1px solid #e1e1e1; padding:5px; margin:0px 2px 10px 5px;float:left;}

    .tabs {position:absolute; bottom:5px; left:10px;}
        ul.tabs li {font-size:1em; text-transform:uppercase; float:left; margin-right:16px;}
        ul.tabs li a {color:#666; text-decoration: none;}
        ul.tabs li a:hover {text-decoration: underline;}

    #col-2{
      margin:0 20px 20px 10px;
      position: relative;
      float:right;
      border:1px solid #e1e1e1;
      width:420px;
      height:300px;
    }
    #col-1 p, #col-2 p {text-align:justify; line-height:1.4em; color:#2c1a10; margin:10px; font-size:1.2em; }
  

    #col-2 .serv {line-height:1.4em; color:#2c1a10; margin:15px; font-size:1.2em;}

    #map_canvas {width:420px; height: 300px;}

    .pos_xy {position:absolute; bottom:-15px; right:-15px;}

     #contenido h3 {
         background: url('../img/orn.png') no-repeat 0 50%;
         padding-left:25px;
         padding-bottom: 5px;
         margin:15px;
         color:#2c1a10;
         border-bottom: 1px solid #e1e1e1;
     }

     .texto_db {
        
         height:230px;
         overflow:hidden;
         color:#2c1a10;
        
     }

     .scroll-pane {height:250px;}

     .entorno_img {margin-left:15px;}


     .tabs_entorno li {
         margin:20px;
         height:10px;
         line-height:10px;
         font-size: 1.2em;
         width:350px;
         padding-bottom:10px;
         border-bottom:1px dotted #2c1a10;
     }

     .tabs_entorno li a {text-decoration:none; color:#2c1a10;  }

     .tabs_entorno li a:hover {color:#666;}

     #e_404 {
         margin:0 10px 20px 20px;
         width:900px;
         height:370px;
         border:1px solid #e1e1e1;
         background: #fff url('../img/404.jpg')  no-repeat right bottom;
     }

      #e_404 p {text-align:justify; line-height:1.4em; color:#2c1a10; margin:10px; font-size:1.2em; }

/**********************************************************************************************/
/*	INDEX SLIDE-SHOW + NAVIGATOR															  */
/**********************************************************************************************/
	.slideshow {

		width:940px;
		height:490px;
		z-index:10;
	}

	div.navi {
		left:10px;
		bottom:2px;
		width:200px;
		height:20px;
		position:absolute;
		z-index:200;
	}


		/* items inside navigator */
		div.navi a {
			width:8px;
			height:8px;
			float:left;
			margin:3px;
			background:url(../img/navigator.png) 0 0 no-repeat;
			display:block;
			text-indent: -99999px;
		}

			/* mouseover state */
			div.navi a:hover {
				background-position:0 -8px;
			}

			/* active state (current page state) */
			div.navi a.activeSlide {
				background-position:0 -16px;
			}


	
	
/**********************************************************************************************/
/*	FOOTER															  */
/**********************************************************************************************/

    #footer {background: #F3F3F3; height:190px; border-top:5px solid #2c1a10; color:#2c1a10;}

    #footer h4 {background: url('../img/orn.png') no-repeat 0 50%; padding-left:25px;}
    .fcol {
        margin:20px 0 0 30px;
        width:275px;
        height:150px;
        border-right:1px dotted #2c1a10;
        float:left;
    }

    .imagen_foot {border:1px solid #e1e1e1; padding:2px; margin:0px 5px 10px 0;float:left;}
    .centra {margin-left:24px; margin-top: 10px;}
    .last {border-right:none;}
    .foot {font-size: 1.0em; line-height: 1.6em; margin-top:10px; padding-left:25px;}


/**********************************************************************************************/
/*LAST 	FOOTER															  */
/**********************************************************************************************/


     #last_footer {
         padding:5px 30px;
         background: #F3F3F3;
         border-top:1px dotted #2c1a10;
         color:#2c1a10;
         height:30px;
         line-height:30px;
     }

     #last_footer p a {color:#2c1a10; text-decoration: none;}

         #last_footer p a:hover {text-decoration: underline;}


/**********************************************************************************************/
/*   CONTACTO														  */
/**********************************************************************************************/
form{margin:5px; padding:0;}
fieldset{border:0px;}
label{margin:3px 0px;}


input.text-input{ margin:4px 8px 4px 0px; width: 280px; height:15px; padding:5px 2px; border:solid 1px #e4e4e4; vertical-align:middle}
textarea.text-input{ margin:4px 8px 4px 0px; padding: 5px 2px; border:solid 1px #e4e4e4; vertical-align:top; width:280px;}

input.button{border:1px solid #666; background-color:#f6f6f6; background-image:url(../img/bg_readmore.gif); background-repeat:no-repeat; background-position:right; color:#333333 !important; padding:5px 10px 8px 13px; width:100px; text-align:left; height: 30px; display:block; margin-top:10px; cursor:pointer;}