@charset "utf-8";
body {
	font: 100%/1.4 Verdana, "Arial", Helvetica, sans-serif;
	margin: 0; padding: 0; color:#363636;-webkit-font-smoothing: subpixel-antialiased;}

/*ul, ol, dl {	padding: 0;	margin: 0;}*/

ul { font-size:12px;}

img { border: none;}
a img { border: none;}

a:link { color: inherit; text-decoration: none; }
a:visited { color: inherit; text-decoration: underline; }
a:hover, a:active, a:focus { text-decoration: underline;}

.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

h1 { font-size:165%; margin:0; font-weight:bold; letter-spacing:-1px; text-transform:uppercase; background:url(../images/tp/h-det.jpg) left no-repeat; padding:0 0 0 35px; display:block; float:left; width:90%;}
h2 { font-size:130%; margin:0; font-weight:bold; letter-spacing:-1px; text-transform:uppercase; background:url(../images/tp/h-det.jpg) left no-repeat; padding:0 0 0 35px; display:block; float:left; width:90%;}
h3 { font-size:108%; margin:0; font-weight:bold; letter-spacing:-1px; text-transform:uppercase; }
p {margin:5px 0; font-size:12px; text-align:justify; display:block; float:left; width:100%;}
p.azul {margin:5px 0; font-size:12px; text-align:justify; color:#2b85b7;}
p.gris {margin:5px 0; font-size:12px; text-align:justify; color:#898989;}

/*************************************************************************************************************/
/* HEADER */
.header { width:100%; min-height:800px; float:left; background: url(../images/tp/bg-header.jpg) top left repeat-x #FFFFFF;}
.wrap-head { width:970px; margin:0 auto;}



.logo{ width:385px; height:90px; float:left; margin:30px 0 0 37px; }

.top-rss {width:306px; height:90px; float:left; margin:0px 0 0 213px; background: url(../images/tp/bg-rss.jpg) top no-repeat;}
.trs-img {width:266px; height:30px; float:left; margin:25px 0 0 0; padding:0 20px}
.trs-img img { float:right; margin-left:5px; }

.nav-top {width:908px; height:40px; float:left; margin:0 0 0 37px;}


#menu li a.active {color:#6a3970; border-top:1px solid #6a3970;}


.main-gallery {width:970px; float:left; margin:10px 0 0 0; background-color:#FFF;}
.mg-shadow {width:970px; height:24px; float:left; background:url(../images/tp/main-shadow.jpg) no-repeat;}

/*************************************************************************************************************/
/* CONTENT */

.wrap-content {width:970px; min-height:500px; float:left; margin:0 0 10px 0;}


.wc-col1 {width:705px; min-height:200px; float:left; margin:0;}

.wc-col2 {width:215px; min-height:200px; float:left; margin:0 0 0 40px;}

.side-nav {width:215px; float:left; margin:0 0 10px 0;}
.side-nav ul { list-style:none;margin:0; padding:0;}
.side-nav ul li { margin:0; }
.side-nav ul li a{ display:block; margin:2px 0; padding:5px 0 5px 23px;text-decoration:none;color:#FFF;background: url(../images/tp/li-sidenav.png) left no-repeat #363636;}
.side-nav ul li a:hover { background: url(../images/tp/li-sidenav.png) left no-repeat #494949; text-decoration:none;}
.side-nav ul li a:active { background: url(../images/tp/li-sidenav.png) left no-repeat #494949; text-decoration:none;}

.side-pat {width:215px; float:left;}
.if-pat {width:215px; height:185px; float:left; margin:10px 0 0 0;}

.wc-row1 {width:968px; float:left; margin:10px 0 0 0; border:1px solid #CCC;}

.wr-box1 {width:306px; min-height:150px; float:left; padding:0 0 0 15px; border-right:1px solid #CCC; background: url(../images/tp/bg-box1.jpg) top right repeat-x #e6e6e6;}

.wr-box2 {width:308px; min-height:150px; float:left; padding:0 0 0 15px; background: url(../images/tp/bg-box1.jpg) top right repeat-x #e6e6e6;}

.b-title {font-size:13px; font-weight:bold;}
.b-text {width:215px; float:left;}
.b-text p { font-size:11px; line-height:15px;}

.b-icon {min-width:48px; float:left; margin-left:23px;}


.breakline { width:100%; height:1px; border-bottom:1px dashed #c8c7c7; float:left; margin:5px 0 5px 0;}


.btn-1 { width:80px; float:right; margin:0;}
.btn-1 a { display:block; background:#fff; color:#5a3462; font-size:10px; text-transform:uppercase; text-decoration:none; padding:5px; text-align:center; font-weight:bold;
           -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;}
.btn-1 a:hover {background:#f4f4f4;}


.btn-2 { width:80px; float:right; margin:0;}
.btn-2 a { display:block; background:#1c3a54; color:#FFF; font-size:10px; text-transform:uppercase; text-decoration:none; padding:5px; text-align:center; font-weight:bold;
           -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;}
.btn-2 a:hover {background:#2b85b7;}

/*************************************************************************************************************/
/* Form */

.form-content { width:90%; float:left; margin:0;}

#form { border:1px solid #000;width:80%;margin:5px 0 0 0px; color:#000; padding:10px 10px; margin:20px 0;}
#form legend{font-weight:bold;font-size:12px;}
#form ol{list-style:none;}
#form ol li{padding-bottom:5px;}
#form ol li label{width:120px;text-align:left; font-size:11px;}
#form input[type=text] {border:1px solid #000; width:350px; font-size:12px;}
#form input.btn {padding:2px;color:#FFFFFF;background-color:#546025;border:1px solid #000000; font-size:11px;}
#form option {font-size:10px;}
#form select {border:1px solid #000;font-size:10px;width:300px; text-transform:uppercase;}
#form textarea {border:1px solid #000;}

/*************************************************************************************************************/


/* ~~ This is the layout information. ~~ 
::::: | Design, Development and CSS - DMR | ::::::*/

/*************************************************************************************************************/
/* FOOTER */

.footer { width:100%; height:206px;float:left; background: url(../images/tp/shadow-footer.png) top center no-repeat #c3c2c2; margin:0;}
.footer-content {width:970px; margin:0 auto; color:#fff;}

.f-menu {width:400px; float:left; padding:5px 0 10px 0px; margin:15px 0 0 10px; }
.f-menu ul{list-style:none;font-size:10px;font-weight:bold;text-transform:uppercase; margin:0; padding:0;  }
.f-menu ul li{  float:right; border-right:1px solid #FFF; margin-left:3px}
.f-menu ul li.fin{ float:right; border-right:0; margin-left:3px;}
.f-menu ul li a { text-decoration:none; display:block; padding:0 5px; text-align:center;color:#fff;}
.f-menu ul li a:hover { text-decoration:underline; }

.f-menu p{ font-size:13px; color:#2b85b7; font-weight:bold;}	

.copy {width:550px; float:left; margin:15px 0 5px 2px;}
.copy p {font-weight:none; letter-spacing:-1px; font-size:13px; color:#fff; line-height:18px;}

.f-rss {width:360px; height:39px; float:right; margin:8px 0 0 0; background:url(../images/tp/logo-footer.jpg) left no-repeat; }
.f-rss img { float:right; margin:10px 5px 0 5px; }