/* body styles */
body{
	font-family:"Trebuchet MS";
	font-size:12px;
	line-height:normal;
	color:#666;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

hr{
	padding-top:15px;
	padding-bottom:15px;
	border:0px;
	border-bottom:solid 1px #CCCCCC;
	height:1px;
}

/* defautl image border */
img{
	border:0px;
}

/* h styles */
h1, h2, h3, h4, h5{
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-weight: bold;
  margin:0; padding:0;
}
				
h1 { 
	font-size: 26px; padding: 0 0 10px 0; 
}
h2 {
	font-size: 20px;
	padding: 0 0 15px 0;
	text-transform: none;
	font-variant: normal;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #FFF;
}
h3 { 
	font-size: 18px; padding: 0 0 10px 0; 
}
h4 { 
	font-size: 15px; padding: 0 0 10px 0; 
}
h5 { 
	font-size: 13px; padding: 0 0 10px 0; 
}

/* header */
#header{
	height:25px;
	background-color: #1E2F49;
	padding-top: 10px;
}

/* header fixing */
#header .content{
	display:table;
	margin-left:auto;
	margin-right:auto;
	width:900px;
}

/* header logo */
#header .content .logo{
	width:205px;
	float:left;
}

/* header search  */
#header .content .search{
	width:170px;
	float:right;
	padding-top:20px;
}

/* header search input button */
#header .content .search .search_button input{
	border:0px;
	background-image:url(images/search_bg.gif);
	height:16px;
	font-size:12px;
	padding-top:4px;
	padding-left:5px;
	font-family:tahoma;
	color:#999999;
	width:100px;
	position:absolute;
}

/* header search button */
#header .content .search .search_button{
	padding-right:1px;
	float:left;
	top:0px;
	height:21px;
}

/* header search text */
#header .content .search .search_text{
	padding-left:104px;
	float:left;
	height:21px;
}
#header .content .search .search_left{
	float:left;
	width:2px;
	height:21px;
}

/* header top line */
#header .topline{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	height:20px;
	color:#999999;
	background-image:url(images/bg.png);
	background-repeat: no-repeat;
	background-position: top;
	text-align: center;
	float: right;
}

/* header menu telephone & email buttons */
#header .divmenu{
	text-align:center;
}
#header .divmenu a{
	text-decoration:none;
}
#header .divmenu a:hover{
	color:#ffffff;
}
#header .topline ul{
	list-style:none;
	display:inline;
	text-align: center;
}	
#header .topline li{
	background:url(images/between.png) no-repeat;
	float:left;
}
#header .topline a{
	text-decoration:none;
	color:#999999;
	padding-left:30px;
}
/* end header menu  */

/* the main menu background */
#menu{
	height:29px;
	background-repeat: repeat-x;
	background-image: url(../images/barra%20menu.png);
}
#menu .lightline{
	background:url(images/lightline.png) no-repeat;
	 height: 1px; overflow: hidden; 
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

/* menu container */
#menu .menuitems{
	height:27px;
	width:700px;
	margin-left:auto;
	margin-right:auto;
}

/* menu and sub menu items styles */
#nav { display: block; margin: 0; padding: 0; position: relative; z-index:1;}
#nav li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	padding-left:40px;
	background-image: url(../images/menu_between.png);
	background-repeat: no-repeat;
}
#nav a { display: block; text-decoration:none; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 1; } /* IE6 "fix" */
#nav ul a { text-decoration:none; } /* IE6/7 fix */
#nav ul li { float: none; height:25px; background:url(../images/between_left.png) left center; }
#nav ul ul { top: 0; }
#nav ul { width: 200px; }
#nav ul ul { left: 200px; }
#nav {
	height: 30px;
}
#nav a {
	color:#069;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 6px;
	line-height: 1;
	font-weight:bold;
}
#nav li.hover a { color:#ffffff; text-decoration:none; }
#nav ul { top: 28px; }
#nav ul li a { color: #ffffff; text-decoration:none; }
#nav ul a.hover { color:#59597C; display:table; }
#nav ul a { text-decoration:none; }
#nav .selected {
	color:#FFFFFF;
}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */
/* end menu and sub menu items styles */

/* banner rotator image */
.display_image{
	width:361px;
	height:210px;
	float:left;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: left top;
}

/* banner rotator content */
.display_content{
	padding-left:10px;
	width:470px;
	height:162px;
	float:left;
	padding-top: 8px;
}
.display_more{
	text-align:right;
}
.display_text{
	color:#CCC;
	height:20px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
}

/* banner container */
#banner_container{
	height:257px;
	background-image: url(../images/bg.png);
	background-repeat: no-repeat;
}

/* banner content */
#banner_container .banner_content{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	height:250px;
	color:#CCCCCC;
}
#banner_container .banner_content .arrowPrev{
	width:25px;
	float:left;
	margin-top:100px;
	display:table;
}

#banner_container .banner_content .arrowNext{
	width:25px;
	float:right;
	margin-top:100px;
	display:table;
}

#banner_container .banner_content .banner_slider{
	color:#CCCCCC;
	float:left;
	padding:15px;
	display:table;
}

/* banner bottom  */
.banner_bottom{
	height:7px;
	background-image: url(../images/barra%20menu.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/* shadow effects */
.top_shadow{
	background:url(images/top_shadow.png) no-repeat top center;
	height:21px;
}
.bottom_shadow{
	background:url(images/bottom_shadow.png) no-repeat top center;
	height:21px;
}
.small_bottom_shadow{
	height:24px;
	background-image: url(../images/small_bottom_shadow.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.small_top_shadow{
	height:24px;
	background-image: url(../images/small_top_shadow.png);
	background-repeat: no-repeat;
	background-position: center top;
}
/* end shadow effects */

/* the site container */
#container{
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

/* container top */
.table_top{
	height:11px;
	background-image: url(../images/table_top_bg.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: auto;
}

/* container bottom */
.table_bottom{
	height:11px;
	background-image: url(../images/table_top_bg%202.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* container text */
.container_text{
	border-left:solid 1px #d8d8d8;
	border-right:solid 1px #d8d8d8;
	background-color:#f3f3f3;
	padding-left:10px;
	padding-right:10px;
}

/* container text */
.container_text ul{
	list-style:none;
	display:inline;
}
.container_text li{
	list-style:none;
	padding-top:5px;
	padding-left:5px;
	border-bottom:solid 1px #E8E8E8;
	top:0px;
	padding-bottom:10px;
}

.container_text .selected {
	padding-left:10px;
	color:#999999;
	font-weight:bold;
}
/* container text area 1 */
.container_text .text1 .text_image{
	width:361px;
	float:left;
}
.container_text .text1 .text_content{
	float:left;
	width:500px;
	color:#666666;
	padding-top: 10px;
	padding-left: 10px;
}
.container_text .text2{
	padding-top:10px;
}
.portfolio_text{
	text-align:center;
	padding-top:10px;
}
.portfolio_text img{
	margin:2px;
}

/* container text area 2 */
.container_text .text2 .text_content{
	color:#666666;
	width:865px;
	margin-left:auto;
	margin-right:auto;
}

/* container links */
.container_text a{
	text-decoration:none;
	color:#636363;
}
.container_text a:hover{
	color:#000001;
}

/* site image styles */
.img{
	padding:3px;
}

/* site image styles */
.imgs{
	border:solid 1px  #CCCCCC;
	padding:3px;
	margin:10px;
}

.imgs_content_right{
	border:solid 1px  #CCCCCC;
	padding:3px;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:5px;
}


.imgs_content_left{
	border:solid 1px  #CCCCCC;
	padding:3px;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:10px;
}

.imgs_content_top{
	border:solid 1px  #CCCCCC;
	padding:3px;
	margin-right:20px;
	margin-top:0px;
	margin-bottom:5px;
}

.imgs_content_top_left{
	border:solid 1px  #CCCCCC;
	padding:3px;
	margin-right:20px;
	margin-top:5px;
	margin-bottom:5px;
}


/* container boexes */
#container .container_box{
	width:290px;
	float:left;
	padding-right:15px;
}

/* container last box */
#container .container_box_end{
	width:290px;
	float:left;
}


/* site bottom bar background */
#bottom_bar{
	background:url(images/bottom_bg.png);
	height:41px;
}

/* copyright text */
#bottom_bar .copyright_text{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	color:#666666;
	padding-top:20px;
}

/* clear both */
.clear_div {
	clear:both;
}


/* pages contanier */

/* the site container */
.container_pages{
	padding-top:3px;
	width:600px;
	display:table;
	float:right;
}
.left_bar{
	float:left;
	width:290px;
}

/* the site container */
.container_portfolio{
	width:690px;
	display:table;
	float:right;
}

.container_gallery{
	width:925px;
	margin-left:auto;
	margin-right:auto;
}

.left_bar_portfolio{
	float:left;
	width:200px;
}


/* input button */
#contact input{
	border:solid 1px #CCCCCC;
	background-image:url(images/input.gif);
	height:16px;
	padding-left:5px;
	padding-top:4px;
	font-size:11px;
	font-family:tahoma;
	color:#999999;
	width:400px;
	float:left;
	margin-bottom:10px;
}

#contact .text_row textarea{
	border:solid 1px #CCCCCC;
	background-image:url(images/textarea.gif);
	height:100px;
	padding-left:5px;
	padding-top:4px;
	font-size:11px;
	font-family:tahoma;
	color:#999999;
	width:400px;
}

#contact .text_row{
	display:table;
	height:25px;
}

#contact .submit_div{
	width:305px;
	display:table;
	float:right;
}

#contact .submit_div .sub{
	margin-top:10px;
	width:100px;
	height:26px;
	padding-bottom:5px;
	background:url(images/submit.gif);
	border:0px;
	margin-left:5px;
}

#contact .text_row .text_title{
	width:75px;
	height:17px;
	float:left;
	display:table;
	padding-top:4px;
}


.success
{
	color: #FFF;
	padding: 5px;
	margin-bottom:5px;
	width:auto;
	border: 2px solid #999;
	background-color: #369;
}

.error
{
	color: #ffffff;
	padding: 10px;
	margin-bottom:10px;
	width:460px;
	border: 1px solid #FF4A4A;
	background-color:#FF8A8A;
}

/* content text styles */

.banner_text {
	color:#999;
	font-size: 18px;
	font-family: Tahoma, Geneva, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.static_texts{
	color:#000000;
}
.static_texts a{
	color:#cccccc;
}
.static_texts a:hover{
	color:#000000;
	text-decoration:underline;
}

.home_portfolio h2{
	padding-top:15px;
	padding-bottom:3px;
}

.gallery_page{
	padding-top:10px;
	padding-bottom:10px;
}
#banner_container .banner_content .banner_slider #foto {
	float: left;
	height: 162px;
	width: 262px;
}
#banner_container .banner_content .banner_slider #slides .display_content #punto {
	float: left;
	height: 39px;
	width: 39px;
}
