/*@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700); */
body{}
@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-regular.eot');
    src: url('opensans-regular.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular.woff') format('woff'),
         url('opensans-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OswaldRegular';
    src: url('oswald-webfont.eot');
    src: url('oswald-webfont.eot?#iefix') format('embedded-opentype'),
         url('oswald-webfont.woff') format('woff'),
         url('oswald-webfont.ttf') format('truetype'),
         url('oswald-webfont.svg#OswaldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'lato-regular';
    src: url('lato-regular.eot');
    src: url('lato-regular.eot?#iefix') format('embedded-opentype'),
         url('lato-regular.woff') format('woff'),
         url('lato-regular.ttf') format('truetype'),
         url('lato-regular.svg#lato-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.hh1, .hh2 {
	font-family: 'OswaldRegular';
	font-weight: normal;
}
.hh1 {
	font-size: 24px;
	line-height: 30px;
	padding: 20px 0 20px 0;
	margin: 0;
	color: #222;
	text-transform: uppercase;
}
.hh2 {
	font-size: 18px;
	line-height: 10px;
	padding: 10px 0 10px 0;
	margin: 0;
	color: #222;
	text-transform: uppercase;
}
/*
Theme Name:Theme 198
Theme URI:http://www.dreamtemplate.com/
Description:The original WordPress theme that graced versions 2.6.x and prior.
Version:1.0
Author:DreamTemplate
*/ 
/*=== Setup 
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600,800,400&subset=latin,greek,vietnamese,cyrillic);===*/
* { border:0; margin:0 auto; padding:0; outline:none;}
body {font-family:'lato-regular',Calibri,Arial,sans-serif;color:#222; margin:0; padding:0; background:url(images/headers_bg.gif) repeat-x left top;}
.html_bg { background:url(images/headeri_bg.gif) repeat-x left top; background-color:#f5f5f5}
a { color:#2dc4e3; text-decoration:none;}
a:hover { text-decoration:underline;}
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
p.bg, .bg { clear:both; padding:0; margin:10px 0; border-bottom:1px solid #bababa; height:2px;}
input, select, textarea { border:#cfcfcf 1px solid; color:#404040; font-size:12px; padding:3px; font-family:"Liberation sans", Arial, Verdana, Helvetica, sans-serif;}
li { list-style:none;}

h2 { color:#2e2e2e; font-size:22px; font-weight:bold; letter-spacing:-1px; margin:0 0 1em;}
h3 { color:#333333; font-size:1.2em; margin:0 0 .8em;}
h4 { font-size:1em; margin:0 0 1em;}
p { line-height:1.5em; padding:0 0 1.3em;}
/*=== Layout ===*/
#page { width:970px; margin:0 auto; padding:0;}
/*=== Header ===*/
#header { margin:0 auto; padding:0; background:url(images/logo_bg.gif) repeat-x left top;}
/*- Logo -*/
.logo { margin:0; padding:0 0 10px; float:left; width:auto; }
.logo h4 { margin:0; padding:20px 0 0; float:left; width:auto; font-size:36px; font-weight:normal; line-height:1em; color:#fff; letter-spacing:-1px;}
.logo h4 a { color:#fff; text-decoration:none;}
.logo h4 a:hover { text-decoration:none;}
.logo h4 small { display:block; margin:-8px 0 0 22px; padding:20px 0 18px 22px; float:right; color:#dbdbdb; font-size:12px; font-weight:normal; line-height:1em; letter-spacing:normal; background:url(images/small_bg.gif) no-repeat left top;}
/* Search form */
.search { padding:0 0 8px;}
#search span { display:block; background:url(images/search_bg.gif) no-repeat left top; height:32px; margin:0; padding:0; border:none;}
#search input#s { margin:0; padding:9px 10px 9px; float:left; width:205px; color:#a0a0a0; font-size:12px; line-height:15px; font-weight:normal; background:none; border:none;}
#search .btn { float:left; padding:0; margin:0; border:0; width:auto;}
/*=== All Columns ===*/
#columns { margin:0 auto; padding:0 0 16px; width:970px; background:url(images/shade.png) no-repeat center 75px;;}
/*=== Page Title ===*/
.pagetitle { margin:0; padding:0; height:140px; background:url(images/pagename_bg.jpg) no-repeat center top;}
.pagetitle h4 { margin:0; padding:44px 30px; font-size:30px; color:#8b8e92; font-weight:normal}
.pagetitle p.socialicons { padding:24px 0; float:right;}
.pagetitle p.socialicons images { border:none;}
/*=== Center Column ===*/
#centercol { margin:0 0 32px; padding:0; float:left; width:970px; }
/*=== Right Column ===*/
#rightcol { margin:0; padding:0; float:right; width:312px;}
.box { margin:0 0 24px; padding:12px 24px 24px; background:#f5f5f5 url(images/content_bg.gif) repeat-x left top; border:1px solid #dfdfdf;}
.box_r { margin:0 0 24px; padding:12px 24px; background:#f5f5f5 url(images/content_bg.gif) repeat-x left top; border:1px solid #dfdfdf;}
.small_link { padding:10px 0; margin:0 auto; text-align:center;}
.small_link a { color:#6f6f6f; text-decoration:none;}
.small_link small { font-size:11px;}
/*=== Sub Columns ===*/
.subcols { background:url(images/subcols-bgr.gif) repeat-y left; height:1%;}
.col1, .col2 { float:left; width:285px;}
.col2 { float:right;}
/*=== Post ===*/
.post-block { }
.post-margin { margin-left:236px;}
/*- Post Title -*/
.post-title { padding:0; margin:0;}
.post-title h2 { margin:0; padding:10px 0 4px; font-size:22px; color:#555;}
.post-title h2 a { display:inline; padding:0; margin:0; color:#555; text-decoration:none;}
/*- Post Excerpt -*/
.post-excerpt { padding:0; margin:0;}
.post-excerpt p { margin:0;}
.post-excerpt p strong { letter-spacing:1px;}
.post-excerpt a { color:#77d7ec; text-decoration:underline; font-weight:bold;}
.post-excerpt a.comm { float:left;}
/* post-leav */
.post-leav { margin:0; padding:12px 12px 0 0; float:left; font-size:13px; color:#555;}
.post-leav a { color:#58b3e4; text-decoration:none; font-weight:bold;}
/* comments count */
.comm_count { margin:0; padding:12px 0 0 0; float:left; font-size:13px; color:#555;}
.comm_count a { font-size:14px; font-weight:bold; color:#58b3e4; text-decoration:none;}
/*- Post Blockquote -*/
.post blockquote { border-left:3px solid #cfcfcf; font-size:13px; font-style:italic; margin:0 0 1.5em; padding:5px 0 0 10px;}
/*- Post Author -*/
.post-author { margin:0 0 1em;}
.author-details { font-size:11px;}
.author-descr { display:table; height:1%;}
/*- Social Links -*/
.social-links {  font-size:12px; color:#919191; padding:10px 0; margin:0 0 10px 0; line-height:1.8em;}
.social-links a { color:#b10118; font-weight:bold; text-decoration:none;}
.social-links a:hover { text-decoration:underline;}
/* post-commets */
.post-commets { float:right;}
/*- Related Posts -*/
/*- Post Date -*/
.post-date { margin:0 0 12px; padding:0; color:#919191; font-size:12px;}
.post-date a { color:#919191; font-weight:bold; text-decoration:none;}
.post-date a:hover { text-decoration:underline;}
/*- Post Comments -*/
.post-comments { }
.post-comments h2 { padding-top:10px;}
.post-comments .fl { width:80px;}
.post-comments .fr { width:490px;}
/*- Widget Title - */
.wtitle { padding:10px 0; margin:0;}
.wtitle h2 { margin:0 0 4px; padding:0 0 4px; font-size:24px; color:#2e2e2e; text-align:left; border-bottom:1px solid #dfdfdf;}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box { }
/*- Box2 -*/
.box2 { background-color:#d9d9d9; border:1px solid #cfcfcf; height:1%; margin:0 0 20px; padding:18px; min-height:115px; width:460px;}
.box2.alt { background:#FFFFFF;}
.comm-name, .comm-date { line-height:20px;}
/*=== Styling Lists ===*/
/*=== Styling Forms ===*/
input.btn { background:none; border:0; margin:0; padding:0;}
select { padding:1px;}
/*- Message -*/
.message div { margin:0 0 18px;}
.message input { padding:9px 15px; width:460px;}
.message textarea { height:114px; overflow:auto; padding:9px 15px; width:460px; font-family:Verdana;}
.message .submit { float:left;}
.message .btn { padding:0; width:128px; height:32px; background:url(images/button.gif);}
.message .notice { color:#a4a4a4; float:right; font-style:italic; padding:10px 0 0;}
/*=== Pics, Thumbs, Ads etc. ===*/
.pic img { display:block; float:left; margin:0 16px 10px 0; border:1px solid #d2d2d2;}
.pic.fl img { }
.pic.fr img { }
.th { display:block; margin:0 0 .5em;}
.th.fl img { margin-right:10px; max-width:40px;}
.banner a img { margin:0 3px;}
.ads img { margin:0 2px 5px 0; padding:0; border:none;}
.widget_flickrRSS img { border:1px solid #cfcfcf; margin:3px;}
.box .ac img { border:0; margin:0;}
.banner { margin:15px 0;}

/*=== Footer ===*/
#page_bottom { background-color:#212121; border-top:1px solid #404040;}
#footer { margin:0 auto; padding:0 30px 16px; width:910px; text-align:center}
#footer .text1, #footer .text2 { padding:30px 0; line-height:1.8em; color:#989797;}
#footer .text1 a, #footer .text2 a { font-weight:bold; text-decoration:none; color:#58b3e4;}

/*=== Misc. ===*/
.fix { clear:both; height:1px; margin:-1px 0 0; overflow:hidden;}
.hl, .hl2 { background:url(images/hl-dot.gif) repeat-x top; clear:both; height:2px; overflow:hidden; width:100%;}
.hl2 { background:none; border-top:1px solid #e7e7e7; height:1px; margin:0 0 .8em;}
.fl { float:left;}
.fr { float:right;}
.ac { text-align:center; padding:0;}
.ac img { border:none; margin:0; padding:0 8px 0 0;}
.ar { text-align:right;}
.noBorder { border:0;}
.font-sm { font-weight:normal;}
.white { color:#FFF;}


/* === other === */
/* footer2 */
.footer2 { background:#181818 url(images/header_bg.gif) repeat left top;}
.footer2_resize { margin:0 auto; padding:0 30px; width:910px; color:#919191; font-size:11px;}
.footer2 p { margin-top:0; padding-top:0;}
.footer2 a { color:#58b3e4; text-decoration:none;}
.footer2 a:hover { text-decoration:underline;}
.footer2 .col { margin:0; padding:0; float:left; padding:0;}
.footer2 .col1 { width:250px; padding:32px 20px 32px 0;}
.footer2 .col2 { width:250px; padding:32px 20px 32px;}
.footer2 .col3 { width:330px; padding:32px 20px 32px 0;}
.footer2 .col ul { margin:0; padding:0; list-style:none;}
.footer2 .col ul li { margin:0; padding:2px 0;}
.footer2 .col ul li a { color:#919191; text-decoration:none; padding-left:12px; background:url(images/li.gif) no-repeat left center;}
.footer2 .col ul li a:hover { text-decoration:underline; color:#58b3e4; background:url(images/li_a.gif) no-repeat left center;}
.footer2 h2 { margin:0; padding:0 0 12px; font-size:22px; font-weight:normal; color:#d6d6d6;}
.footer2 a.readmore { font-weight:bold;}
.footer2 p.underh2 { color:#ababab;}

.slider { padding:0 0 10px;}
.index-cols { margin:0; padding:0 0 16px;}
.index-col1 { margin:0; padding:0 24px; float:left; width:592px; border:1px solid #dfdfdf; background:#f5f5f5 url(images/content_bg.gif) repeat-x left top;}
.index-col2, .index-col3 { margin:0; padding:0 24px; float:left; width:262px; border:1px solid #dfdfdf; background:#f5f5f5 url(images/content_bg.gif) repeat-x left top;}
.index-col2 { margin-left:16px; margin-right:0px;}
.index-cols div.kk, .index-cols div.kk a, .index-cols div.kk a:hover { font-size:23px;  line-height:1em; color:#222;}
.index-cols p, .index-cols p a, .index-cols p a:hover { font-size:16px; color:#222; font-weight:normal;padding:0px;}
.index-col1 p { }
.index-cols div.kk { margin:0; padding:12px 0 4px;}
.index-cols .underh2 { margin:0 0 12px; padding:0 0 8px; color:#919191; font-size:11px;}
.index-cols img { margin:12px 16px 0 0; padding:0; float:left;}
.index-box { margin:0; padding:24px 30px;}
.index_rm { font-weight:bold; color:#58b3e4; text-decoration:none;}
.index_rm:hover { text-decoration:underline;}

.underslider { padding:32px 0 0; height:82px; background:url(images/shade.png) no-repeat center top;}
.underslider .learnmore { margin:4px 0 0; float:right; border:none;}
.underslider .largeslogan { font-size:18px; font-style:italic; line-height:1.5em; color:#404040;}

.html_bg #columns { background-position:top; padding-top:0px}

.contacts {font-size:18px; color:#1E1E1E; font-weight:bold}
.contacts_m {font-size:16px; color:#1E1E1E; font-weight:bold}
.contacts_m a {font-size:16px; color:#1E1E1E; font-weight:bold; text-decoration: none}
.contacts_m a:hover {font-size:16px; color:#000000; font-weight:bold; text-decoration: underline}
.contacts_m img {padding:20px; border:none}

/* === Technical References === */
.tech {font-size:16px; color:#1E1E1E; font-weight:normal}

#t-tab {width:466px; height:75px; border:0px solid;font-size:18px;}
#t-tab-lr {width:150px; height:75px; background-color:#fafafa; float:left; border:1px solid #1E1E1E; text-align:center}
#t-tab-c {width:150px; height:75px; background-color:#fafafa; float:left; border:1px solid #1E1E1E; margin-left:5px; margin-right:5px}

#t-tab2 {width:466px; height:75px; border:0px solid;font-size:18px;}
#t-tab2-l {width:228px; height:75px; background-color:#fafafa; float:left; border:1px solid #1E1E1E; text-align:center}
#t-tab2-r {width:228px; height:75px; background-color:#fafafa; float:left; border:1px solid #1E1E1E; margin-left:5px; text-align:center}

#fraction {
width:70px;
margin:0 auto;
padding-top:15px;
}
#f-left{
background-color:#fafafa;
width:35px;
height:52px;
float:left;
}
#f-top{
height:25px;
border-bottom: 2px solid Black;
text-align:center;
}
#f-bottom{
height:25px;
text-align:center;
}
#vtab1 {display: table; width:35px; height: 52px; #position: relative; overflow: hidden;}
#vtab2 {#position: absolute; #top: 50%;display: table-cell; vertical-align: middle;}
#vtab3 {#position: relative; #top: -50%; text-align:right; padding-right:3px;}
/*-------------------------------------------------------------------------------------*/

#fraction2 {
width:170px;
margin:0 auto;
padding-top:15px;
}
#f-left2{
background-color:#fafafa;
width:85px;
height:52px;
float:left;
}
#f-top2{
height:25px;
border-bottom: 2px solid Black;
text-align:center;
}
#f-bottom2{
height:25px;
text-align:center;
}
#vtab1_2 {display: table; width:85px; height: 52px; #position: relative; overflow: hidden;}
#vtab2_2 {#position: absolute; #top: 50%;display: table-cell; vertical-align: middle;}
#vtab3_2 {#position: relative; #top: -50%; text-align:right; padding-right:3px;}

/*--1px table --*/

.tabla{
 border-collapse: collapse; 
 border-spacing:0px; 
}
.tabla tr td{
 border-collapse: collapse; 
 border: 2px solid #1E1E1E;
 padding: 2px;
 background-color:#fafafa;
}