/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1em; background:#ffffff}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 
		color:#4e4949;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
object { vertical-align:top;}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0}
img{ vertical-align:top;  }

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

.link{color:#000000; background:url(images/marker.gif) top left no-repeat; padding-left:20px; background-position:0 5px; text-decoration:none; font-size:.916em  }
.link:hover{text-decoration:underline }
/*
#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(images/marker.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:20px; }
#content ul li a{color:#4d4d4d; text-decoration: underline; line-height:2.08em} 
#content ul li a:hover { text-decoration:none; }
*/
#page1 ul {

    list-style-type: none;
}

.link-1 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:2px 23px 3px 28px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}

.fb-like {float:left; padding:10px 0 0}

/*header*/
#header {font-size:0.6875em; color:#FFFFFF }
#header .logo{ margin:38px 0 38px 0px }
#header .slogan{ margin:52px 0 0 314px}
#page1 #header .banner{ background:url(images/banner1.jpg) no-repeat top left; height:348px; width:100%}
#header .banner{ background:url(images/banner1.jpg) no-repeat top left; height:167px; width:100%}
#header .menu{margin:50px 0 0 330px; position:absolute; width:630px; height:80px; }

#header ul{margin:0; padding:27px 0 0 0px; list-style:none;  }

#header ul li{ margin:0; display:inline; float:right}

#header ul li a{/* background:url(images/bg_menu-act.gif) top left no-repeat; */color:#595959; font-weight:bold; text-transform:uppercase; text-decoration:none; margin:0 0 0 0; width:140px; text-align:center; display:block; float:left ; padding:3px 0 5px 0; } 
#header ul li a:hover { text-decoration:none;  color:#A3CE38}
#header ul li .current{ text-decoration:none;  color:#A3CE38 }
#header ul .last a{width:109px;} 



#categories {margin:0px 0 0 0px;  width:100%;  }
#categories ul{margin:0; list-style:none;  }
#categories ul li{ background-image:none; margin:0; display:inline}
#categories ul li a{ color:#595959; font-weight:bold;  text-decoration:none; margin:0 30px 0 0;   display:block; float:left ;  } 
#categories ul li a:hover { text-decoration:none;  color:#A3CE38}
#categories ul li .current{ text-decoration:none;  color:#A3CE38 }

#projects { width:100%; height: 550px; background-color:#CCC}


/*content*/
#content{ font-size:0.75em; width:100%; text-align:left;}
#content .indent-main{padding:23px 0px 21px 0px}
#content .title{  margin-bottom:16px}
#content .title1{  margin-bottom:4px}
#content .img-left{ float:left; margin:0 18px 24px 0}
#content .img-left1{ float:left; margin:0 18px 0 0}
#content .img-indent{ margin:0 0 16px 0}
#content p{ margin:0 0 17px 0}
#content .p{ margin:0 0 17px 0}
#content h4{color:#A3CE38; font-weight:normal; font-size:1em; margin-bottom:21px;  }
#content h3{color:#A3CE38;  font-size:1em; margin-bottom:13px;  }
#content .h-3{color:#A3CE38;  font-size:1em; margin-bottom:0  }
#content .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:9px}

#content .indent{padding:25px 0 25px 0}
#content .indent1{padding:5px 0 25px 0}
#content .indent-1{padding:11px 0 0 0}

/*box*/
.box{ background:#f6f6f6; width:100%;}
.box .border-top {background:url(images/border_top.gif) repeat-x top;}
.box .border-bottom {background:url(images/border_bottom.gif) repeat-x bottom;}
.box .border-left {background:url(images/border_left.gif) repeat-y left;}
.box .border-right {background:url(images/border_right.gif) repeat-y right;}
.box .corner-top-left {background:url(images/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right {background:url(images/corner_top_right.gif) no-repeat right top;}
.box .corner-bottom-left {background:url(images/corner_bottom_left.gif) no-repeat left bottom;}
.box .corner-bottom-right {background:url(images/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
.box .indent-box{ padding:15px 20px 20px 15px; }
/*box1*/
.box1{ background:#ffffff; width:100%; color:#4e4949}
.box1 .border-top {background:url(images/border_top1.gif) repeat-x top;}
.box1 .border-bottom {background:url(images/border_bottom1.gif) repeat-x bottom;}
.box1 .border-left {background:url(images/border_left1.gif) repeat-y left;}
.box1 .border-right {background:url(images/border_right1.gif) repeat-y right;}
.box1 .corner-top-left {background:url(images/corner_top_left1.gif) no-repeat left top;}
.box1 .corner-top-right {background:url(images/corner_top_right1.gif) no-repeat right top;}
.box1 .corner-bottom-left {background:url(images/corner_bottom_left1.gif) no-repeat left bottom;}
.box1 .corner-bottom-right {background:url(images/corner_bottom_right1.gif) no-repeat right bottom; width:100%; }
.box1 .indent-box{ padding:15px 30px 30px 21px; }
.box1 .indent-box1{ padding:15px 10px 30px 21px; }
.box1 a{ color:#A3CE38 }


/*footer*/
#footer { color:#3b3b3b; font-size:0.6875em; text-align:right; text-transform:uppercase  }
#footer .indent-footer{ padding:47px 0px 0 0px;}
#footer a {color:#3b3b3b; text-decoration:underline}  
#footer a:hover {  text-decoration:none}

.jamp2{ width:40px; margin-left:6px}
select{font-size:.84em; color:#2d3331; height:20px;	font-family:Tahoma;}

.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:34px}
.block-contact span{ float:right; margin-right:70px}
input{
   	border:1px solid #a09b96; 
	background:#FFFFFF;
	width:174px; height:19px;
	font-size:1em;
	padding-left:5px;
	padding-top:2px
}
textarea{
   	border:1px solid #a09b96; 
	background:#FFFFFF;
	width:215px; height:122px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}
	
/* ======== contactos ===== */
#miniGaleria {
	width:980px; height:167px; background-color:#fcfcfc; overflow:hidden; background-repeat:no-repeat;  background-image:url(images/minishow1.jpg); opacity:0 
	}
/*#miniGaleria.portfolio {
	  width:980px; height:167px; background-color:#fcfcfc; overflow:hidden; background-repeat:no-repeat; background-image:url(images/minishow2.jpg); opacity:0 
}*/
#sentence 
{
	text-align:right; margin-top:50px; margin-right:-420px;	
}
 #sentence  h2
{
	font-size:16px; line-height:20px
}


#formBox
{
	position:relative; width:480px; overflow:hidden
}

#formBox em
{
	color:#CCC;
}

.btn
{
	display:inline-block; margin-top:3px; text-decoration:none
}

.infoPanel
{
	position:absolute; background-color:#fff;top:0; left:-440px; width:440px; height: 180px; z-index:3; opacity:0.9; text-align:center;
	
}
#map, #mapMask
{
	position:absolute;width:437px; height: 400px; min-height:400px;  background-color:#ffffff;
}


/*  ===== PORTFOLIO ======= */
#folioContainer { position:relative; height:640px;}
#portfolio { list-style:none; position:absolute; top:0; left:0; display:block; height:600px; width:980px;; overflow:hidden;}

#portfolio li { float:left; position:absolute; top:0; left:0}
#portfolio li { display:none }
#portfolio li.show { display:block }

#folioContainer .anterior { display:block; text-decoration:none; line-height:30px; size:12px; text-align:center; width:100px; height:30px; position:absolute; left:0px; bottom:40px; background-image:url(images/bg-folio-nav.png); color:#fff}
	
#folioContainer .proxima { display:block; text-decoration:none; line-height:30px; size:12px; text-align:center; width:100px; height:30px; position:absolute; right:0px; bottom:40px; background-image:url(images/bg-folio-nav.png); color:#fff}	
#folioContainer .brochura { position:absolute; bottom:0; left:0}

#folioContainer .anterior:hover, #folioContainer .proxima:hover {background-image:url(images/bg-folio-nav-over.png) }