@charset "utf-8";
/* CSS Document */

/* CLEARING
---------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display:block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: block;margin:0px 0px 0px 0px;padding: 0px 0px 0px 0px;   }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;margin:0px 0px 0px 0px;padding: 0px 0px 0px 0px;   }
.clearfix {display: block;margin:0px 0px 0px 0px;padding: 0px 0px 0px 0px;   }
/* End hide from IE-mac */

/**/
body  {font-size:12px; background: #f2f2f2;margin: 0px;  font-family: Verdana, Arial, Helvetica, sans-serif }
a:link { font-size:11px;color: #000;text-decoration: none;}
a:active { font-size:11px;color:#000;text-decoration: none;}
a:visited { font-size:11px;color:#000;text-decoration: none; }
a:hover { font-size:11px;color: #15adde;text-decoration: none;}
h1 {font-size:16px;color:#15adde;margin:0px 0px 0px 0px; padding: 20px 0px 0px 15px; text-align:left;}
h2 {padding:4px 0px 0px 5px;margin:0px 0px 0px 0px; color:#000; font-size:12px; font-weight:normal}
h3 { color: #15adde; font-size: 11px; text-align:left;padding: 0px 0px 5px 0px; margin: 0px 0px 0px 0px;}
h4 { color: #FFF; font-size: 11px; text-align:left;padding: 3px 0px 5px 5px; margin: 0px 0px 0px 0px;}
strong  { color:#15adde; font-weight:bold }

.cbox {color: #000000  ;font-size: 14px;width:230px;font-weight: normal;background-image:url(images/textbox_bg.gif); background-repeat: repeat-x} 


.btn_send {background:url(images/button_webart.jpg); background-repeat:no-repeat;height:30px;width:91px;border:none;color:#FFFFFF; background-color:}


/*Navegador*/
.Naveg1 { position:relative; width:100%; height:35px;padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;background: url(images/navi.jpg) }
.Naveg2 { position:relative; width:1000px; height:35px;padding: 0px 0px 0px 0px; margin: 0px auto 0px auto;  }
.Naveg2 ul { position:relative; width:915px; height:35px;padding: 0px 0px 0px 0px; margin:0px 0px 0px 40px; float:left  }
.Naveg2 li { position:relative; width:150px; height:35px;padding: 0px 0px 0px 0px; float:left; margin:0px 0px 0px 0px; list-style:none;text-align:center; color:#FFF }
.Naveg2 li p {padding: 7px 0px 0px 0px;margin:0px 0px 0px 0px; }
.Naveg2 li.Surc {width:2px; height:28px;padding: 0px 0px 0px 0px; float:left; margin:2px 0px 0px 0px;background:url(images/surco.jpg) no-repeat;}

.Naveg2  li a {width:150px; height:35px; font-size:12px;color:#FFF;margin:0px 0px 0px 0px;padding: 0px 0px 0px 0px; text-align:center; background: url(images/nvg.png) repeat-x; DISPLAY: block;  }
.Naveg2 li a:hover {background-position: left -36px;  width:150px; height:35px;margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; color:#000}
/*Navegador Fin********************/


/*Header*/
.Header { position:relative; width:100%;  height:196px;padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;background: url(images/hd.png) repeat-x  }
.Header2 { position:relative; width:1000px; height:196px;padding: 0px 0px 0px 0px; margin: 0px auto 0px auto;}
.Header2 .Logo{ position:relative; width:230px; height:78px; float:left;padding: 0px 0px 0px 0px; margin: 50px 0px 0px 10px; background:url(images/logo.jpg) no-repeat }
.Header2 .HDerech{ position:relative; width:600px; height:196px; float:right;padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.Header2 .HDerech .Regis{ position:relative; width:500px; height:45px; float:right;padding: 0px 0px 0px 0px; margin:5px 0px 0px 0px; color:#FFF }
.Header2 .HDerech .Regis p{padding: 5px 0px 0px 0px; margin:0px 0px 0px 0px; color: #999; font-size:10px; text-align:center}
.Header2 .HDerech .Regis a{color: #999; font-size:10px; text-align:center}
.Header2 .HDerech .Regis a:hover{color: #CCC; font-size:10px; text-align:center}
.Header2 .HDerech .Regis input[type="text"]{ width:150px; height:15px;font-size:12px; background: #CCC;padding:2px 0px 0px 2px;margin:0px 0px 0px 0px; color: #333;font-weight:normal; border: solid 1px #999}
.Header2 .HDerech .Regis input[type="password"]{ width:150px; height:15px;font-size:12px; background: #CCC;padding:2px 0px 0px 2px;margin:0px 0px 0px 0px; color: #333;font-weight:normal; border: solid 1px #999}

.Header2 .HDerech .RSoc{ position:relative; width:150px; height:50px; float:right;padding: 0px 0px 0px 0px; margin:5px 0px 0px 0px; }
.Header2 .HDerech .RSoc ul{ position:relative; width:150px; height:50px; float:right;padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.Header2 .HDerech .RSoc li{ position:relative;width:150px; height:32px; float:left; list-style:none;margin:5px 0px 0px 5px;padding:0px 0px 0px 0px; }

.Header2 .HDerech .RSoc li.facebook  {background: url(images/facebook.png) no-repeat; width:36px; }
.Header2 .HDerech .RSoc li.facebook a {background: url(images/facebook.png) no-repeat;width:36px; height:32px; DISPLAY: block;  }


.Header2 .HDerech .RSoc  li.twitter  {background: url(images/twit.png) no-repeat; width:36px}
.Header2 .HDerech .RSoc  li.twitter a {background: url(images/twit.png) no-repeat;width:36px; height:32px; DISPLAY: block;  }

.Header2 .HDerech .RSoc li.rss{background: url(images/rss.png) no-repeat top left; width:36px;}


.Header2 .HDerech .RSoc li.rss a { background:url(images/rss.png) no-repeat;width:36px; height:32px; DISPLAY: block;  }
.Header2 .HDerech .RSoc li a:hover {background-position: left -33px;  width:150px; height:32px}


.Header2 .HDerech .Goog{ position:relative; width:468px; height:60px; float:right;padding: 0px 0px 0px 0px; margin:0px 5px 0px 0px; }
/*Header Fin********************/

.CONTAINER { width:1000px;position:relative; padding: 0px 0px 0px 0px;margin:0px auto 0px auto; border:none; background:#FFF}
.CONTAINER .CONTENT{ position:relative;padding: 0px;margin:0 auto 5px auto; width:600px; height:750px; float:left}
.CONTAINER .COLLEFT{ padding: 0px;margin:0px 5px 0px 0; width:162px;  min-height:400px;  float:left}
.CONTAINER .COLRIGHT{ padding: 0px;margin:0px 0 5px 5px; width:162px;  float:right}

/***Columna Left****/
.CONTAINER .Blog .LeftColMenu .ColLeft{position:relative;width:190px;padding:0px 0px 5px 0px;margin:0px 0px 0px 3px; float:left; border:solid 1px #e1e1e1}

.CONTAINER .Blog .LeftColMenu .ColLeft .Catg{position:relative;width:190px;padding:0px 0px 5px 0px;margin:0px 0px 0px 0px;}
.CONTAINER .Blog .LeftColMenu .ColLeft .Catg .Brra1{position:relative;width:190px; height:22px;padding:0px;margin:0px;background:#15afdf; }
.CONTAINER .Blog .LeftColMenu .ColLeft .Catg .Brra1 p{width:190px;margin:0px 0px 0px 0px; padding: 4px 0px 0px 0px; color:#FFF; text-align:center; font-weight:bold }
.CONTAINER .Blog .LeftColMenu .ColLeft .Catg ul{position:relative;width:190px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.CONTAINER .Blog .LeftColMenu .ColLeft .Catg li{position:relative;width:160px; height:20px;padding:0px 0px 0px 15px;margin:5px 0px 0px 5px; list-style:none; background: url(images/ic.jpg) no-repeat; font-size:11px; border-bottom: dashed 1px #d2d1d1}
.CONTAINER .Blog .LeftColMenu .ColLeft .Catg li a{font-size:11px; color:#000;}
.CONTAINER .Blog .LeftColMenu .ColLeft .Catg li a:hover{font-size:11px;color:#636363;}

/***NEWSLATTER****/
.CONTAINER .Blog .LeftColMenu .ColLeft .News{ position:relative; width:190px; height:130px;margin:15px 0px 0px 0px;padding: 0px 0px 0px 0px;border-bottom:dashed 1px #dfdede}
.CONTAINER .Blog .LeftColMenu .ColLeft .News p{width:190px; float:left;margin:5px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align:center; font-size:12px}
.CONTAINER .Blog .LeftColMenu .ColLeft input[type="text"]{width:170px; height:18px;font-size:12px;color: #000000;font-weight: normal;padding:2px 0px 0px 3px;margin:0px 0px 0px 10px; border:solid 1px #DCEDF8 }
.CONTAINER .Blog .LeftColMenu .ColLeft .News .Brra2 p.Bttn{ width:88px; height:19px; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.CONTAINER .Blog .LeftColMenu .ColLeft .News .Brra2{position:relative;width:190px; height:22px;padding:0px;margin:0px;background:#15afdf; }
.CONTAINER .Blog .LeftColMenu .ColLeft .News .Brra2 p{width:170px;margin:0px 0px 0px 0px; padding: 4px 0px 0px 0px; color:#FFF; text-align:center; font-weight:bold; font-size:12
px }

.CONTAINER .Blog .LeftColMenu .ColLeft .Facebook {position:relative; width:190px;margin:10px 0px 0px 0px; padding: 0px 0px 3px 0px;}
.CONTAINER .Blog .LeftColMenu .ColLeft .Facebook .Brra3{position:relative;width:190px; height:22px;padding:0px;margin:0px;background:#15afdf; }
.CONTAINER .Blog .LeftColMenu .ColLeft .Facebook .Brra3 p{width:190px;margin:0px 0px 0px 0px; padding: 4px 0px 0px 0px; color:#FFF; text-align:center; font-weight:bold }

.CONTAINER .Blog .LeftColMenu .ColLeft .Ultimg{position:relative; width:190px;margin:10px 0px 0px 0px; padding: 0px 0px 3px 0px;}
.CONTAINER .Blog .LeftColMenu .ColLeft .Ultimg .Brra4{position:relative;width:190px; height:22px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;background:#15afdf; }
.CONTAINER .Blog .LeftColMenu .ColLeft .Ultimg .Brra4 p{width:190px;margin:0px 0px 0px 0px; padding: 4px 0px 0px 0px; color:#FFF; text-align:center; font-weight:bold; font-size:11px }
.CONTAINER .Blog .LeftColMenu .ColLeft .Ultimg ul{position:relative;width:130px;margin:0px auto 0px auto; padding: 4px 0px 0px 0px; color:#FFF; text-align:center; font-weight:bold }
.CONTAINER .Blog .LeftColMenu .ColLeft .Ultimg li{position:relative;width:130px; height:110px;margin:10px 0px 0px 0px; padding: 4px 0px 0px 0px; color:#FFF;font-weight:bold; list-style:none; border:solid 1px #15afdf }
.CONTAINER .Blog .LeftColMenu .ColLeft .Ultimg li a{color:#000; font-size:10px; font-weight:normal }
.CONTAINER .Blog .LeftColMenu .ColLeft .Ultimg li a:hover{color:#15afdf; font-size:10px;font-weight:normal }


/***** MENU DERECHO ******/

.CONTAINER .Blog .RightColMenu .DC {position:relative;width:190px;float:left;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;color: #FFF;}
.CONTAINER .Blog .RightColMenu .DC  .Categoria3{position:relative;width:190px;height:22px; float:left;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; background: #15afdf;color: #FFF;  }
.CONTAINER .Blog .RightColMenu .DC  .Categoria3 p{  text-align:center; font-weight:bold; color: #FFF;margin:0px 0px 0px 0px;padding:3px 0px 0px 0px; }


/*Categorias*/
.CONTAINER .Blog .RightColMenu .DC  .D{position:relative;width:190px;float:left;margin:0px 0px 10px 0px;padding:0px 0px 5px 0px;}
.CONTAINER .Blog .RightColMenu .DC  .D .BrraN{ position:relative; width:190px;height:22px;margin:0px 3px 0px 0px; float:right; padding: 0px 0px 0px 0px;background: #15afdf;}
.CONTAINER .Blog .RightColMenu .DC  .D .BrraN p{ margin:0px 0px 0px 0px; padding: 3px 0px 0px 0px; color:#FFF; text-align:center; font-weight:bold }
.CONTAINER .Blog .RightColMenu .DC  .D .ulSimple { background: #fff; padding: 2px 0px; margin: 0px;}
.CONTAINER .Blog .RightColMenu .DC  .D .ulSimple li {padding: 0px; margin: 0px;list-style-type: none;   font-size:11px; font-weight:normal}
.CONTAINER .Blog .RightColMenu .DC  .D .ulSimple  ul {  padding-left: 1px; margin: 5px 0px 0px 0px ;   }

.CONTAINER .Blog .RightColMenu .DC  .D .ulSimple  ul ul.children{  padding-left: 5px; margin: 5px 0px 0px 30px ;   }
.CONTAINER .Blog .RightColMenu .DC  .D .ulSimple  ul.children li.cat-item{  padding-left: 5px; color: #000;}
.CONTAINER .Blog .RightColMenu .DC  .D .ulSimple  ul.children li.cat-item a{color: #15afdf}
.CONTAINER .Blog .RightColMenu .DC  .D .ulSimple  ul.children li.cat-item a:hover{ color: #666;}
.CONTAINER .Blog .RightColMenu .DC  .D .ulSimple li a {color: #000;height:20px; display: block; border-bottom: dashed 1px #CCC; margin:5px 0px 0px 0px; padding: 2px 0px 0px 3px;  text-decoration: none; font-size:11px}
.CONTAINER .Blog .RightColMenu .DC  .D .ulSimple li a:hover {height:20px; display: block; margin:5px 0px 0px 0px; padding: 2px 0px 0px 3px; text-decoration: none; color: #666; font-size:11px; border-bottom: dashed 1px  #15afdf}
/*End Categorias*/


.CONTAINER .Blog .RightColMenu .DC  .UltimComents{position:relative;width:190px;float:left;margin:0px 0px 10px 0px;padding:0px 0px 0px 0px; }

.CONTAINER .Blog .RightColMenu .DC .Categoria4{position:relative;width:190px;height:22px; float:left;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;background: #15afdf;  }
.CONTAINER .Blog .RightColMenu .DC .Categoria4 p{ text-align:center; font-weight:bold; color: #FFF;margin:0px 0px 0px 0px;padding:3px 0px 0px 0px; }

.CONTAINER .Blog .RightColMenu .DC .UltimComents2{ color:#333;position:relative;width:180px;float:left;margin:0px 0px 10px 0px;padding:0px 0px 0px 0px; }

/*Latest Comments*/

.CONTAINER .Blog .RightColMenu .DC .UltimComents2 .ulLatestComments { background: #fff; margin: 2px 0px 2px 0px; padding: 0px;}
.CONTAINER .Blog .RightColMenu .DC .UltimComents2 .ulLatestComments span { display: block;}
.CONTAINER .Blog .RightColMenu .DC .UltimComents2 .ulLatestComments .comment {padding-left: 15px;}
.CONTAINER .Blog .RightColMenu .DC .UltimComents2 .ulLatestComments .username { padding-left: 15px; font-weight: bold; }
.CONTAINER .Blog .RightColMenu .DC .UltimComents2 .ulLatestComments li { background:url(images/ic4.png) no-repeat; padding: 2px 0px 5px 5px; margin: 2px 0px; list-style-type: none; border-bottom: dotted 1px #ccc; font-size:11px; text-align:justify }
.CONTAINER .Blog .RightColMenu .DC .UltimComents2 .ulLatestComments li a { display: block; color: #000; font-size:11px}
.CONTAINER .Blog .RightColMenu .DC .UltimComents2 .ulLatestComments li a:hover { display: block; text-decoration: none; color: #000; font-size:11px}


/*End Comments*/

.CONTAINER .Blog .RightColMenu .DC .Categoria5{position:relative;width:190px;height:22px; float:left;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;background: #15afdf;
 }
.CONTAINER .Blog .RightColMenu .DC .Categoria5 p{ text-align:center; font-weight:bold;  color: #FFF;margin:0px 0px 0px 0px;padding:3px 0px 0px 4px; }
.CONTAINER .Blog .RightColMenu .DC .UltimComents4{position:relative;width:190px;float:left;margin:0px 0px 10px 0px;padding:0px 0px 0px 0px; }


/*Most popular*/


.CONTAINER .Blog .RightColMenu .DC .UltimComents4 .olTopPosts { background: #fff; margin: 2px 0px 2px 0px; padding: 0px;}
.CONTAINER .Blog .RightColMenu .DC .UltimComents4 .olTopPosts li {padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 28px; font-weight: normal; font-size:11px}
.CONTAINER .Blog .RightColMenu .DC .UltimComents4 .olTopPosts li a { display: block; padding: 2px 0px 2px 0px; border-bottom: dotted 1px #ccc; color: #333; font-size:11px;font-weight: normal;}
.CONTAINER .Blog .RightColMenu .DC .UltimComents4 .olTopPosts li a:hover { display: block; padding: 2px 0px 2px 0px; text-decoration: none; color: #333333;  border-bottom: dotted 1px  #15afdf; font-size:11px;font-weight: normal;}


/*BLOG*/



.BluePanel .ulLatestComments { background: #fff; margin: 2px 0px 2px 0px; padding: 0px;}
.BluePanel .ulLatestComments span { display: block;}
.BluePanel .ulLatestComments .comment {padding-left: 15px;}
.BluePanel .ulLatestComments .username {padding-left: 15px; font-weight: normal; }
.BluePanel .ulLatestComments li { padding: 2px 0px; margin: 2px 0px; list-style-type: none; border-bottom: dashed 1px #ccc; }
.BluePanel .ulLatestComments li a { display: block; color: #000000;}
.BluePanel .ulLatestComments li a:hover { display: block; text-decoration: none; color: #333333; }


.CONTAINER .Blog { padding: 0px;margin:10px 5px 0px 0px;   float:left; background:#FFF}
.CONTAINER .Blog h1{ letter-spacing: -1px; font-size: 22px; color: #15adde; font-weight: normal; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align:center}


.CONTAINER .Blog .LeftColMenu{ padding: 0px 0px 5px 0px;margin:0px 2px 5px 1px; width:200px; min-height:400px;   float:left;}
.CONTAINER .Blog .CenterCol{width:593px; padding: 0px 0px 5px 0px;margin:0px 0x 5px 0px; float:left; border:solid 1px #EBEBEB}
.CONTAINER .Blog .RightColMenu{ width:190px; padding: 0px 0px 5px 0px;margin:0px 0px 5px 5px; float:right;border:solid 1px #EBEBEB}

/**/

.ulLatestWorks{ padding: 10px 0px 0px 0px; margin: 0px; }
.ulLatestWorks ul {  padding-left: 1px; margin: 5px auto 0px auto ;   }
.ulLatestWorks li {   margin: 0px auto 3px auto; padding: 0px; list-style-type: none; width: 140px; text-align: center;}
.ulLatestWorks span { padding: 3px 3px 3px 3px; margin: 0px; }
.CONTAINER .Blog .LeftColMenu .ulLatestWorks small { display: block; font-size: 9px; margin: 0px; padding: 0px;} 

.ulLatestWorks .normal { display: block; border: solid 1px #daeafa; background: #e5f2ff; }
.ulLatestWorks .normal img { background: #fff; padding: 2px; border: solid 1px #999; }
.ulLatestWorks .active { display: block; border: solid 1px #6699ff; background: #e5f2ff; }
.ulLatestWorks .active img { background: #fff; padding: 2px; border: solid 1px #6699ff; }


/**/
.BluePanel .ulBlogMenu{ padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px; background:#FFFFFF }
.BluePanel .ulBlogMenu  ul {  padding-left: 1px; margin: 5px 0px 10px 0px ;  }
.BluePanel .ulBlogMenu li { padding: 0px; margin: 3px 0px 0px 0px;list-style-type: none;   font-weight: bold;}
.BluePanel .ulBlogMenu  ul ul.children{  padding-left: 10px; margin: 5px 0px 0px 30px ;   }
.BluePanel .ulBlogMenu  ul.children li.cat-item{  padding-left: 10px;   }

.BluePanel .ulBlogMenu li a { display: block; background: url(images/BP_li_ico.png) no-repeat left top; padding: 2px 0px 2px 15px;  text-decoration: none;}
.BluePanel .ulBlogMenu li a:hover { display: block; background: #d4e9ff url(images/BP_li_ico.png) no-repeat left bottom; padding: 2px 0px 2px 15px; text-decoration: none; color: #003399;}

/**/

.CONTAINER .Blog .CenterCol .alignleft { float:left; }

.CONTAINER .Blog .CenterCol .Icons{position:relative; width:450px; height:20px;font-size:12px;color: #333;padding: 0px 0px 0px 0px; font-weight:normal;margin:5px 0px 0px 160px; clear:both}
.CONTAINER .Blog .CenterCol .Icons a{font-size:11px;color: #666; font-weight:normal;}
.CONTAINER .Blog .CenterCol .Icons a:hover{font-size:11px;color: #15adde; font-weight:normal;}

.CONTAINER .Blog .CenterCol .Post {padding: 2px 0px 5px 0px; }
.CONTAINER .Blog .CenterCol .Post img { margin: 0px 10px 10px 0px; padding:1px; border: solid 1px #ccc;}
.CONTAINER .Blog .Post h2 { letter-spacing: -1px; font-size: 22px; color: #cc3399; font-weight: normal; padding: 10px 0px; margin: 0px 0px 10px 0px;}
.CONTAINER .Blog .CenterCol .Post p{ padding:3px 8px 3px 8px; font-size:12px; text-align:justify ;margin:10px 0px 10px 0px;}
.CONTAINER .Blog .CenterCol .Post p a{ color: #000000; text-decoration:underline }
.CONTAINER .Blog .CenterCol .Post p a:hover{ color: #666666 }

.CONTAINER .Blog .CenterCol .Post .Date { padding: 3px 0px; margin: 0px 0px 10px 5px; color: #333333    ; font-size: 9px; font-weight: bold; display: block; float:left}
.CONTAINER .Blog .CenterCol .Post .Date a { color: #29AEDA; text-decoration: underline;}

.CONTAINER .Blog .CenterCol .Grey { background: #F3F3F3;padding: 2px 0px 5px 0px;} 

.CONTAINER .Blog .CenterCol .ListPosts { clear: both; border: solid 1px #dfdfdf; padding: 2px 0px 5px 0px; margin:5px 0px 25px 4px; width:97%; float:left; } 



.CONTAINER .Blog .CenterCol .ListPosts h2 { background:#15afdf; color: #fff; font-size: 14px; font-weight: bold; margin: 0px; letter-spacing: -1px; padding: 5px;}
.CONTAINER .Blog .CenterCol .ListPosts h2 a { color: #FFFFFF; font-size: 14px; font-weight:bold; letter-spacing: 0px}
.CONTAINER .Blog .CenterCol .ListPosts h2 a:hover { color: #F9F9F9  ;font-size: 14px;font-weight:bold; letter-spacing: 0px }
.CONTAINER .Blog .CenterCol .ListPosts p { color: #303233; padding: 5px 0px; margin: 0px; font-size: 12px;}
.CONTAINER .Blog .CenterCol .ListPosts img { margin: 0px 10px 10px 0px; padding:1px; border:none}

.CONTAINER .Blog .CenterCol .ListPosts blockquote { color: #4c4c3a; padding: 5px; margin: 5px; font-size: 11px; color: #996699;}

.CONTAINER .Blog .CenterCol .ListPosts .Date { padding: 3px 0px; margin: 0px 0px 10px 0px; color: #333333; font-size: 9px; font-weight: bold; display: block;}
.CONTAINER .Blog .CenterCol .ListPosts .Date a { color: #29AEDA; text-decoration: underline;}
.CONTAINER .Blog .CenterCol .ListPosts .Details { padding: 15px 0px 0px 0px; margin: 0px; color: #4c4c3a; display: block;}
.CONTAINER .Blog .CenterCol .ListPosts .Details a:hover { color: #99ccff; }

.CONTAINER .Blog .CenterCol .Details .Comments { background: url(images/blog_ico_comments.png) no-repeat left top; padding-left: 15px; color: #ff0099; font-size: 12px; }
.CONTAINER .Blog .CenterCol .Details .ReadMore { background: url(images/blog_ico_readmore.png) no-repeat left top; padding-left: 15px; color: #ff0099; font-size: 12px; }


.CONTAINER .Blog .CenterCol .RelatedPosts { border: solid 1px #e6e6e6; padding: 10px; margin-bottom: 20px; background: #fff7f7;}
.CONTAINER .Blog .CenterCol .RelatedPosts h2 { color: #39c; font-size: 14px; font-weight: bold; padding: 0px 0px 5px 0px; margin: 0px; letter-spacing: -1px; border-bottom: dashed 1px #ccc;}
.CONTAINER .Blog .CenterCol .RelatedPosts ul { padding: 10px 0px 10px 25px; margin: 0px; font-size: 11px;}
.CONTAINER .Blog .CenterCol .RelatedPosts li { padding: 0px; margin: 0px;}


.CONTAINER .Blog .CenterCol .ListComments { border: solid 1px #e6e6e6; padding: 4px; margin:5px 0px 20px 4px; width:97%;float:left;}
.CONTAINER .Blog .CenterCol .ListComments h2 { color: #39c; font-size: 14px; font-weight: bold; padding: 0px 0px 5px 0px; margin: 0px 0px 10px 0px; letter-spacing: -1px; border-bottom: dashed 1px #ccc;}
.CONTAINER .Blog .CenterCol .ListComments ol { padding: 0px; margin: 0px; font-size: 11px;}
.CONTAINER .Blog .CenterCol .ListComments li { padding: 0px; margin: 0px 0px; list-style-type: none; }
.CONTAINER .Blog .CenterCol .ListComments li p { padding: 5px 0px; margin: 5px 0px; color: #333;}
.CONTAINER .Blog .CenterCol .ListComments li blockquote { background: #fff7f7 url(images/ListCommentsBlockquote.png) no-repeat left top; padding: 10px 10px 10px 50px; margin: 5px 0px; font-size: 10px; border: solid 1px #f7e3e3; color: #8c7b86;} 
.CONTAINER .Blog .CenterCol .ListComments li blockquote p { padding: 5px 0px; margin: 0px; color: #8c7b86;} 

.CONTAINER .Blog .CenterCol .ListComments .Date { background: #d4e9ff; padding: 5px; margin: 10px 0px 0px 0px; font-size: 10px; font-weight: bold;}

.CONTAINER .Blog .CenterCol .CommentsForm { padding: 4px; margin:5px 0px 20px 4px; width:97%; float:left;background: #EEEEEE  ;}
.CONTAINER .Blog .CenterCol .CommentsForm h2 { color: #39c; font-size: 14px; font-weight: bold; padding: 0px 0px 5px 0px; margin: 0px 0px 10px 0px; letter-spacing: -1px; border-bottom: dashed 1px #fff;}

.CONTAINER .Blog .CenterCol .CommentsForm fieldset { border: none; padding: 0px; margin: 0px;}
.CONTAINER .Blog .CenterCol .CommentsForm form { background: #FFFFFF; font-size: 11px; padding: 5px 10px; margin-bottom: 5px; border:  #CCCCCC1px; }
.CONTAINER .Blog .CenterCol .CommentsForm label { display: block; color: #666; font-size: 9px; font-weight: bold; padding: 5px 0px;}
.CONTAINER .Blog .CenterCol .CommentsForm .input { background: #fff; padding: 3px; color: #567057; font-size: 11px; color: #cc3399;}
.CONTAINER .Blog .CenterCol .CommentsForm .input { border-top: inset 1px #ccc; border-left: inset 1px #ccc; border-right: inset 1px #ccc; border-bottom: inset 1px #ccc;}

.CONTAINER .Blog .CenterCol .CommentsForm input.preview { width: 127px; height: 22px; background: url(images/button_preview.png) no-repeat; margin-top: 7px;}
.CONTAINER .Blog .CenterCol .CommentsForm input.preview:hover { background: url(images/button_preview.png) no-repeat 0 -26px; }
.CONTAINER .Blog .CenterCol .CommentsForm input.previewIE { width: 127px; height: 22px; background: url(images/button_preview.png) no-repeat 0 -24px;margin-top: 7px; }

.CONTAINER .Blog .CenterCol .CommentsForm input.postmessage { width: 115px; height: 22px; background: url(images/button_post.png) no-repeat;margin-top: 7px;}
.CONTAINER .Blog .CenterCol .CommentsForm input.postmessage:hover { background: url(images/button_post.png) no-repeat 0 -26px; }
.CONTAINER .Blog .CenterCol .CommentsForm input.postmessageIE { width: 115px; height: 22px; background: url(images/button_post.png) no-repeat 0 -24px;margin-top: 7px; }



/*Footer*/

.Footer { position:relative; width:100%; height:140px;padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background:#4f4f4f; clear:both; }

.Footer .Footer2 { position:relative; width:1000px; height:140px;padding: 0px 0px 0px 0px; margin: 0px auto 0px auto;}
.Footer .Footer2 .Log {position:relative; width:170px; height:61px; float:left;padding: 0px 0px 0px 0px; margin:45px 0px 0px 10px; background:url(images/logo2.jpg) no-repeat}
.Footer .Footer2 .Menu {position:relative; width:170px; height:100px; float:left;padding: 0px 0px 0px 0px; margin:30px 0px 0px 5px;}
.Footer .Footer2 .Menu ul{position:relative; width:170px; height:100px; float:left;padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.Footer .Footer2 .Menu li{position:relative; width:160px; height:18px;padding: 3px 0px 0px 0px; margin:0px 0px 0px 0px; list-style: none; font-size:10px; color:#000; border-bottom:dashed 1px #333}
.Footer .Footer2 .Menu li a{font-size:10px; color:#000}
.Footer .Footer2 .Menu li a:hover{font-size:10px; color:#fff}
.Footer .Footer2 .Menu2 {position:relative; width:630px; height:70px; float:left;padding: 0px 0px 0px 0px; margin:30px 0px 0px 10px; font-size:10px;}
.Footer .Footer2 .Menu2 p {padding: 5px 0px 0px 0px; margin:0px 0px 0px 0px; font-size:10px; text-align:left; color:#C7C7C7}
.Footer .Footer2 .Menu2 a {font-size:10px; color: #000}
.Footer .Footer2 .Menu2 a:hover {font-size:10px;color: #15adde}