﻿/* ========= [  CSS RESET  ] ========= */
html{color:#000;}
td{ margin:0; padding:0;  border:none; outline : 0;}
th{ margin:0; padding:0;  border:none; outline : 0;}
blockquote{ margin:0; padding:0;  border:none; outline : 0;}
p{ margin:0; padding:0;  border:none; outline : 0;}
textarea{ margin:0; padding:0;  border:none; outline : 0;}
input{ margin:0; padding:0;  border:none; outline : 0;}
legend{ margin:0; padding:0;  border:none; outline : 0;}
select{ margin:0; padding:0;  border:none; outline : 0;}
fieldset{ margin:0; padding:0;  border:none; outline : 0;}
form{ margin:0; padding:0;  border:none; outline : 0;}
code{ margin:0; padding:0;  border:none; outline : 0;}
pre{ margin:0; padding:0;  border:none; outline : 0;}
h6{ margin:0; padding:0;  border:none; outline : 0;}
h5{ margin:0; padding:0;  border:none; outline : 0;}
h4{ margin:0; padding:0;  border:none; outline : 0;}
h3{ margin:0; padding:0;  border:none; outline : 0;}
h2{ margin:0; padding:0;  border:none; outline : 0;}
h1{ margin:0; padding:0;  border:none; outline : 0;}
li{ margin:0; padding:0;  border:none; outline : 0;}
ol{ margin:0; padding:0;  border:none; outline : 0;}
ul{ margin:0; padding:0;  border:none; outline : 0;}
dd{ margin:0; padding:0;  border:none; outline : 0;}
dt{ margin:0; padding:0;  border:none; outline : 0;}
dl{ margin:0; padding:0;  border:none; outline : 0;}
div{ margin:0; padding:0;  border:none; outline : 0;}
body{ margin:0; padding:0;  border:none; outline : 0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
fieldset{border:0;}
var{font-style:normal;font-weight:normal;}
th{font-style:normal;font-weight:normal;}
dfn{font-style:normal;font-weight:normal;}
code{font-style:normal;font-weight:normal;}
cite{font-style:normal;font-weight:normal;}
caption{font-style:normal;font-weight:normal;}
address{font-style:normal;font-weight:normal;}
li{list-style:none;}
th{text-align:left;}
caption{text-align:left;}
h6{font-size:100%; font-weight:bold;}
h5{font-size:100%; font-weight:bold;}
h4{font-size:100%; font-weight:bold;}
h3{font-size:100%; font-weight:bold;}
h2{font-size:100%; font-weight:bold;}
h1{font-size:100%; font-weight:bold;}
q:after{content:'';}
q:before{content:'';}
acronym {border:0;font-variant:normal;}

abbr {border:0;font-variant:normal;}

/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
select{font-family:inherit; font-size:inherit; font-weight:inherit;}

textarea{font-family:inherit; font-size:inherit; font-weight:inherit;}

input{font-family:inherit; font-size:inherit; font-weight:inherit;}

/*because legend doesn't inherit in IE */
legend{color:#000;}
ins{text-decoration:none;}
del{text-decoration:none;}
*{ outline:none; }



/* ========= [  CLEARFIX  ] ========= */
.clearfix:after {content: "." ;display: block ;height: 0 ;clear: both ;visibility: hidden ;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1% ;}
.clearfix {display: block ;}
/* End hide from IE-mac */



/* ========= [  BANNERS HOME  ] ========= */

div.container { width : 1000px; margin : 0 auto; }

div.content-banner { cursor : pointer; float : left; margin-left : 23px; width : 159px; height : 220px; position : relative;  }
div.first { margin : 0; }

/*
div#box  div.bg { background : url(../img/img-01.jpg) no-repeat; }
div#box1 div.bg { background : url(../img/img-02.jpg) no-repeat; }
div#box2 div.bg { background : url(../img/img-03.jpg) no-repeat; }
*/


div.content-banner  div.bg { bottom : 0; width:157px; height : 218px; position : absolute; z-index : 1; border:1px solid #ccc }
div.content-banner  div.bg img { width:157px; height:218px }

div.content-banner  div.bg1 { background : #146096; bottom : 0; display : none; width : 157px; height : 218px; margin : 1px; position : absolute; z-index : 2}
div.content-banner  div.text-body { bottom : 0; width : 159px; height : 220px; position : absolute; z-index : 3;}
div.content-banner  div.text-body p { background : #00599c; color : #fff; display : block; font-size : 12px; font-family : Arial; float : left; width : 129px; height : 32px; margin-left : 1px; padding : 5px; }
div.content-banner  div.text-body p strong { font-weight : normal; }
div.content-banner  div.text-body a:hover {text-decoration: underline; color:#FFF; cursor: pointer}

div.content-banner  div.text-body p.title  { width:129px; height:37px; padding-bottom:0}  
*div.content-banner div.text-body p.title { width:139px; height:50px; } /* width:138px; height:42px */

div.content-banner div.text-body p.arrow { margin-top : 160px;height:50px; } 

div.content-banner div.text-body p.title { margin: 160px 0 0 0;padding-top: 0px;height:50px; } /* 170 */
div.content-banner div.text-body p.title strong{position:relative;top: 6px;}
div.content-banner div.text-body p.arrow { padding: 0; width : 17px; height : 50px; }  /* 42px */
div.content-banner div.text-body p.arrow a { padding: 0; background : url(../img/seta-small.gif) no-repeat center center; display : block; width : 17px; height : 50px; } /* 42px */
div.content-banner div.text-body p.arrow a span { display : none; }
div.content-banner div.text-body p.desc { display : none; }

div.content-banner div.text-full { padding : 6px; width : 143px; height : 204px; position : relative;  }  
div.content-banner div.text-full p strong { top: 0px;font-weight : bold; font-size : 15px !important;} 
div.content-banner div.text-full p.desc { margin-top : 0; background : none; display : block; height : auto; width : auto; margin : 0; } 
div.content-banner div.text-full p.arrow { margin-top : 0; background : none; display : block; height : auto; width : auto; margin : 0; } 
div.content-banner div.text-full p.title { margin: 0  0 10px; background : none; display : block; height : auto; width : auto; } 
div.content-banner div.text-full p.arrow { padding : 0; width : 2px; height : 50px; position : absolute; right : 2px; bottom : 0; } 
/*div.content-banner div.text-full p.arrow a { background : url(../img/arrow-big.gif) no-repeat center center;  }*/
div.content-banner div.text-full p.arrow a { background-image: none; }
div.content-banner div.text-full p.arrow a span { display : none; }


.ms-MenuUIPopupBody {z-index:10000}















