/*
 * 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 : center; 
} 
a { 
text-decoration : none; 
color : #0071BC; 
} 
a:link { 
color : #05c7c3; 
} 
a:hover { 
color : #05c7c4; 
text-decoration : none; 
} 
a:active { 
color : #05c7c5; 
} 
#wrapper { 
text-align : left; 
} 
#center { 
width : 930px; 
margin : 0 auto; 
} 
.container_banner { 
width : 930px; 
margin : 0 auto; 
margin-bottom : 15px; 
background-color : #fffffa; 
} 
.container { 
width : 930px; 
margin : 0 auto; 
margin-top : 35px; 
margin-bottom : 15px; 
background-color : #fffffa; 
} 
h2 { 
color : #333; 
} 
.line { 
border-bottom : 0.5px dotted #ccc; 
width : 100%; 
}
/******************************* Header **************************************/ 
#header { 
width : 900px; 
padding : 20px 22px 25px 22px; 
height : 250px;
position : relative; 
} 
#header h1 { 
top : 20px; 
left : 22px; 
width : 350px; 
height : 23px; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 30px; 
color : #ccc; 
font-weight : bold; 
} 
#header h1 a { 
text-decoration : none; 
color : #05c7c0; 
} 
#header h1 a:hover { 
border-bottom : 2px solid #05c7c0; 
} 
.slogan { 
margin-left : 65px;
} 
.slogan em { 
color : #0071BC;
} 

/******************************* Header2 **************************************/ 
#header2 { 
width : 900px; 
padding : 20px 22px 25px 22px; 
height : 50px;
position : relative; 
} 
#header2 h1 { 
top : 20px; 
left : 22px; 
width : 350px; 
height : 23px; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 30px; 
color : #ccc; 
font-weight : bold; 
} 
#header2 h1 a { 
text-decoration : none; 
color : #05c7c0; 
} 
#header2 h1 a:hover { 
border-bottom : 2px solid #05c7c0; 
} 
.slogan { 
margin-left : 65px;
} 
.slogan em { 
color : #0071BC;
} 

/******************************* Slider **************************************/
#slider { 
margin : 0 auto; 
width : 800px; 
height : 300px; 
/* border-bottom : 1px dotted #ccc; */
} 
#sliderbox { 
left : 25px; 
top : 8px; 
width : 745px; 
height : 275px; 
} 
#sliderbox ul, #sliderbox li { 
margin : 0; 
padding : 0; 
list-style : none; 
} 
#sliderbox, #sliderbox li { 
position : relative; 
height : 275px; 
width : 745px; 
overflow : hidden; 
} 
/******************************* Navegation ( menu ) **************************************/
#navigation { 
margin-top : -60px; 
float : right; 
} 
#navigation li { 
margin : 10px; 
float : left; 
list-style : none; 
} 
#navigation a { 
display : inline-block; 
font-size : 14px; 
text-transform : uppercase; 
text-decoration : none; 
border-bottom : 1px dotted #ccc; 
border-spacing : 10px; 
color : #666; 
margin-right : 1px; 
font-weight : normal; 
padding : 3px 5px 3px 5px; 
} 
#navigation a:hover { 
color : #fff; 
background-color : #0071BC; 
padding : 3px 5px 3px 5px; 
} 
#navigation li.selected a { 
border-bottom : 1px dotted #05c7c0; 
}
/******************************* Colunm Left **************************************/ 
#col-left { 
width : 250px; 
float : left; 
border-right : 1px dotted #ccc; 
border-left : 1px dotted #ccc; 
border-bottom : 1px dotted #ccc; 
background-color : #ffffff; 
} 
.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 : #0071BC; 
padding : 3px 5px 3px 5px; 
color : #fffffb; 
} 
.btn2 a { 
background-color : #0071BC; 
text-align : center; 
padding : 3px 5px 3px 5px; 
color : #fff; 
width : 220px; 
margin : 0 auto; 
display : block; 
text-decoration : none; 
border : 1px solid #000003; 
} 
.btn2 a:hover { 
color : #000; 
} 
.box-col-left { 
width : 230px; 
margin : 10px; 
border-bottom : 1px dotted #cccccf; 
} 
/******************************* Colunm Right **************************************/
#col-right { 
width : 660px; 
float : right; 
background-color : #fffffd; 
border-right : 1px dotted #ccccce; 
border-left : 1px dotted #cccccd; 
border-bottom : 1px dotted #ccc; 
padding : 5px; 
} 
.box-col-right { 
width : 199px; 
margin-left : 2px; 
padding : 5px; 
border-right : 1px dotted #ccc; 
float : left; 

} 
.box-col-right-last { 
width : 199px; 
margin-left : 10px; 
padding : 5px; 
float : left; 
} 
.li-services { 
list-style-image : url(../images/list-ico.png); 
} 
.li-clients { 
list-style-image : url(../images/list-ico2.png); 
} 
/******************************* Fotter **************************************/
#fotter { 
float:left; 
margin-top : 10px; 
width : 100%; 
clear:both;

background : url(../images/footer-bg.png) repeat-x; 
} 
#fotter-content { 
width : 800px; 
margin : 0 auto; 
padding : 20px; 
height : 50px; 
} 
#end-fotter { 
margin : 0 auto; 
margin-top : 15px; 
font-size : 10px; 
color : #ccccc1; 
}

.credits { 
color : #fff; 
} 

.fotter-box { 
margin-left : 60px; 
width : 180px; 
float : left; 
text-align : center; 
} 
.fotter-box h2 { 
color : #fffff1; 
} 
.fotter-box a { 
color : #0071BC; 
text-decoration : none; 
} 
.fotter-box a:hover { 
color : #fff; 
} 
.fotter-box li { 
list-style : none; 
} 


/******************************* Contents **************************************/
.content {
margin-left:15px;
padding-right:50px;
height : 500px; 
width : 630px;
overflow: auto;
}