/*
 * Title: Business Clean v.1.0
 * Site: http://www.estiloswebdesign.com
 * Author: Fernando Chiqueto
 * Last Modified: 06-08-2010
*/

body {
	margin : 0;
	padding : 0;
	font-family : Arial, Helvetica, sans-serif;
	color : #666;
	font-size : 13px;
	line-height : 19px;
	background-image : url(../images/background.jpg);
	background-repeat : repeat-x;
	background-position : top;
	text-align : left;
} 

a { 
text-decoration : none; 
color : #05c7c0; 
} 
a:link { 
color : #e77918; 
} 
a:hover { 
color : #e77918; 
text-decoration : underline; 
} 
a:active { 
color : #e77918; 
} 
#memberBar{
	text-align:left;
	height:40px;
   	background:#F9F9F9 url(images/bg1.gif) left bottom repeat-x;
	border-bottom: 1px dotted #ccc;
}
#memberBar td{ color:#6D6D6D;}
#memberBar form{ padding:5px 0 0 30px;}
#wrapper { 
text-align : left; 
} 
#center { 
width : 930px; 
margin : 0 auto; 
} 
.container {
	width : 930px;
	margin-top : -20px;
	margin-bottom : 30px;
	background-color : transparent;
	margin-right: auto;
	margin-left: auto;
} 

.line { 
border-bottom : 0.5px dotted #ccc; 
width : 100%; 
}
/******************************* Header **************************************/ 
#header { 
width : 900px; 
padding : 20px 22px 25px 22px; 
height : 400px; 
position : relative; 
} 

#header .GlobalBEST-logo{ 
width : 300px; 
height : 129px; 
background-image: url(../images/logo.jpg);
margin-left: 60px;
position: absolute;
margin-top: 0px;
text-indent: -9999px;
}

/******************************* Slider **************************************/
#gallery { 
margin : 0 auto; 
width : 800px; 
height : 300px; 
margin-top : 130px; 
} 
#gallery a{
float: left;
position:absolute;
}
#gallery a img {
border:none;
}
	
#gallery a.show {
z-index:500
}

#gallery .caption {
z-index:600; 
background-color:#000; 
color:#ffffff; 
height:100px; 
width:100%; 
position:absolute;
bottom:0;
}

#gallery .caption .content {
margin:5px
}
	
#gallery .caption .content h3 {
margin:0;
padding:0;
color:#1DCCEF;
}
/******************************* Navegation ( menu ) **************************************/
#navigation { 
margin-top : 0px; 
float : right; 
margin-left: 200px;
} 
#navigation li { 
margin : 10px; 
float : left; 
list-style : none; 
} 
#navigation a { 
display : inline; 
font-size : 14px; 
text-transform : uppercase; 
text-decoration : none; 
border-bottom : 1px dotted #ccc; 
table border : 10px; 
color : #666; 
margin-right : 1px; 
font-weight : normal; 
padding : 3px 5px 3px 5px; 
} 
#navigation a:hover { 
color : #000002; 
background-color : #ef9c00; 
padding : 3px 5px 3px 5px; 
} 
#navigation li.selected a { 
border-bottom : 1px dotted #e77918; 
}
/******************************* Colunm Left **************************************/ 
#col-left { 
width : 250px; 
float : left; 
border-right : 1px dotted #ccc; 
border-left : 1px dotted #ccc; 
border-bottom : 1px dotted #ccc; 
} 
.social-block { 
height : 38px; 
width : 250px; 
} 
.social-block li { 
float : left; 
text-indent : -9999px; 
margin : 2px; 
height : 38px; 
list-style : none; 
} 
.fb-social { 
background : url(../images/facebook.jpg) no-repeat; 
width : 37px; 
height : 38px; 
width : 37px; 
background-position : top; 
} 
.fb-social:hover { 
background-position : bottom; 
} 
.tw-social { 
background : url(../images/twitter.jpg) no-repeat; 
height : 38px; 
width : 37px; 
background-position : top; 
display : block; 
} 
.tw-social:hover { 
background-position : bottom; 
} 
.in-social { 
background : url(../images/in.jpg) no-repeat; 
display : block; 
height : 38px; 
width : 37px; 
background-position : top; 
} 
.in-social:hover { 
background-position : bottom; 
} 
.yt-social { 
background : url(../images/youtube.jpg) no-repeat; 
display : block; 
height : 38px; 
width : 37px; 
background-position : top; 
} 
.yt-social:hover { 
background-position : bottom; 
} 
.tw-social { 
background : url(../images/twitter.jpg) no-repeat; 
display : block; 
height : 38px; 
width : 37px; 
background-position : top; 
} 
.tw-social:hover { 
background-position : bottom; 
} 
.tw-social a, .in-social a, .fb-social a, .yt-social a { 
text-indent : -9999px; 
display : block; 
height : 38px; 
width : 37px; 
} 
#search { 
margin-bottom : 10px; 
} 
.btn { 
background-color : #05c7c7; 
padding : 3px 5px 3px 5px; 
color : #fffffb; 
} 

.submit-button { 
background : url(../images/submit.jpg) no-repeat; 
width : 51px; 
height : 23px;  
background-position : top; 
text-indent : -9999px; 
display : block; 
} 
.submit-button:hover { 
background-position : bottom; 
} 
.register-button { 
background : url(../images/register.jpg) no-repeat; 
width : 51px; 
height : 23px;  
background-position : top; 
text-indent : -9999px; 
display : block; 
} 
.register-button:hover { 
background-position : bottom; 
} 
.english-button { 
background : url(../images/english_button.gif) no-repeat; 
background-position: top; 
width : 26px; 
height : 10px;  
text-indent : -9999px; 
display : block; 
} 
.english-button:hover { 
background-position : bottom; 
} 
.box-col-left { 
width : 230px; 
margin : 10px; 
border-bottom : 1px dotted #cccccf; 
} 
/******************************* Colunm Right **************************************/
#col-right { 
width : 660px; 
float : right; 
background-color : #ffffff; 
border-right : 1px dotted #ccccce; 
border-left : 1px dotted #cccccd; 
border-bottom : 1px dotted #ccc; 
padding : 5px; 
} 
.box-col-right { 
width : 199px; 
margin-left : 10px; 
padding : 5px; 
border-right : 1px dotted #ccc; 
float : left; 
} 
.box-col-right-last { 
width : 199px; 
margin-left : 10px; 
padding : 5px; 
float : left; 
} 

/******************************* Fotter **************************************/
#fotter { 
position : relative; 
margin-top : 400px; 
width : 100%; 
background : url(../images/footer-bg.png) repeat-x; 
} 
#fotter-content { 
width : 800px; 
margin : 0 auto; 
padding : 10px; 
height : 180px; 
} 
#end-fotter { 
margin : 0 auto; 
margin-top : 125px; 
font-size : 10px; 
color : #ccccc1; 
} 
.credits { 
color : #e77918; 
} 
.fotter-box { 
margin-left : 60px; 
width : 180px; 
float : left; 
text-align : left; 
} 
.fotter-box h2 { 
color : #fffff1;
padding-top: 10px;
padding-right: 2px;
padding-bottom: 13px;
padding-left: 5px;
border-bottom: 1px dotted #fffff1;  
} 
.fotter-box a { 
color : #ccc; 
text-decoration : none; 
} 
.fotter-box a:hover { 
color : #e77918; 
text-decoration : underline; 
} 
.fotter-box li { 
list-style : none; 
}