﻿/* 
	project:  small corporation
	author:   luka cvrk (www.solucija.com) 
*/

*{ margin: 0; padding: 0; }* 
body { 
	font: .75em "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	line-height: 1.6em;
	background:#ECEAE8;
	color: #444; 
}

blockquote {
	padding: 10px 10px 10px 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background:#eee;
	font:1.0em Arial;
	font-style:italic;
	line-height:1.5em;
	margin:10px 10px 10px 10px;
}

#divA {
	padding: 10px 10px 10px 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background:#FFFFFF;
	font:1.0em Arial;
	font-style:italic;
	line-height:1.5em;
	height:230px;
	margin:10px 10px 10px 10px;
}
#divB {
	padding: 10px 10px 10px 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background:#FFFFFF;
	font:1.0em Arial;
	font-style:italic;
	line-height:1.5em;
	height:10px;
	margin:10px 10px 10px 10px;
}
#web{ width: 940px; background-color:#FFFFFF; margin: 0 auto; padding: 0px 0 2px 0;border-top: 5px solid #ECEAE8;}
a {	color: #FFFFFF /*#E60000*/;	background: inherit; text-decoration: none;}
a:hover { color: #FFFFFF /*#AA0001*/; background: inherit; text-decoration: underline; }

.a1 {	color: #000066;	background: inherit; text-decoration: none; font-weight:bold;}
.a1:hover { color:#0000FF; background: inherit; text-decoration: underline; }

.a2 {color:#E60000; background: inherit; text-decoration: none; }
.a2:hover {color:#AA0001; background: inherit; text-decoration: none; margin-bottom:0px;}

.a3 {
color: #000066;	
text-decoration: none;
text-align:justify;
font-weight:bold;
background: #fff url(images/arrow.gif) no-repeat center left;
padding-left:10px;
/*padding-bottom:-5px;*/
}
.a3:hover { color:#0000FF; background: inherit; text-decoration: underline; background: #fff url(images/arrow.gif) no-repeat center left;}

.a4 {
color: #000066;	
text-decoration: none;
text-align:justify;
font-weight:bold;
background: #fff url(images/arrow.gif) no-repeat center left;
padding-left:10px;
}
.a4:hover { color:#0000FF; background: inherit; text-decoration: underline; background: #fff url(images/arrow.gif) no-repeat center left;}

p { margin: 0 0 5px 0; }

h1 {
font-size:29px;
margin: 15px 0 0; }
h1 a {background: inherit; }
/*img { border: 0; }*/
h2 { font: normal 1.6em "Trebuchet MS", Arial, Sans-Serif; margin: 0 0 12px; }
h3 a { font-size: 1em; }
#main h3 a { font-size: .84em; color: #808080; font-weight: normal; text-transform: uppercase; }

#content { width: 925px; margin: 0 auto; padding: 15px 0 0 0;  background:url(images/logoict.jpg) top left no-repeat;}

#top{ float: right; text-align: right;  }
#top a { color: #808080; margin: 0 0 0 13px; background: #fff url(images/toparrow.png) no-repeat center left; padding: 0 0 0 12px; }
input.searchfield { width: 175px; padding: 6px; border: 2px solid #ccc; font-size: .9em; }
input.searchbutton { background: #E60000; border: 0; padding: 6px; color: #fff; font-weight: bold; font-size: .9em; }

#logo { float: left; color: #808080; line-height: 24px; margin-left: 105px; margin-bottom:0px; }
#menu { 
height: 22px; 
padding: 2px 1px 1px 17px; 
clear:both;  
margin: 0px 0px 0px 0px; 
background: #fff  url(images/menubgx.gif) repeat-x; 
}
#menu li { display: inline; }
#menu li a { margin: 0px 2px 0px 0px;  }

#marquesina { 
height: 24px; 
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px; 
background-color:#67A0CF; 
}
#marquesina li { display: inline; }
#marquesina li a { margin: 0px 2px 0px 0px;  }


#tabs{
margin-top:-30px;
padding-bottom:20px;
/*margin:0px;
*/
}
#second-section
{
  width: 650px;
  height: 135px;
  float:right;
  vertical-align:top;
  padding-top:0px;
  padding-bottom:10px;
  margin-top:-100px;
}

.p1 { margin: 0 0 0px 0; }
.pack-box3
{
  width: 230px;
  height: 135px;
  float: right;
 background-image: url(images/pack-image.jpg);
  background-repeat: repeat-x;
  border-left: solid 1px #ffffff;
  text-align: left;
  padding-left:2px;
  margin-left:2px;
}

.pack-box2
{
  width: 220px;
  height: 135px;
  float: right;
  background-image: url(images/pack-image.jpg);
  background-repeat: repeat-x;
  border-left: solid 1px #ffffff;
  text-align: left;
  padding-left:3px;
  margin-left:2px;
}
.pack-box1
{
  width: 180px;
  height: 135px;
  float: right;
 background-image: url(images/pack-image.jpg);
  background-repeat: repeat-x;
  border-left: solid 1px #ffffff;
  text-align: left;
    padding-left:2px;
	margin-left:2px;
}
.title1
{
  font-family: Tahoma;
  font-size: 11pt;
  font-weight: normal;
  color:#000099;
  margin-top: 10px;
  margin-left: 12px;
}
.sub-title
{
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #3f3a3a;
  margin-left: 12px;
}
.description
{
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #616161;
  text-align: justify;
  width: 190px;
  line-height: 18px;
  margin-left: 12px;
  margin-top: 2px;
}

#left { background: #eee;  clear: left; float: left; width: 420px; padding: 10px 15px; margin: 0 0 0px; }
	#left img { margin: 0 0 8px; }
	#left li { list-style: none; }
	#left li a {  color: #787A8F; font-weight: bold; background: url(images/arrow.gif) no-repeat center left; padding: 0 0 0 12px; }

#main { float: left; width: 580px; margin: 0px 0px 0px 0px; padding-bottom:5px; }
	/*#main img { float: left; border: 3px solid #eee; padding: 1px; margin: 0 15px 5px 0; }*/
	#line { clear: both; padding-top: 2px; margin: 0 0 5px; background: #fff url(images/smalldot.gif) repeat-x; }
	#ad { float: right; text-align: center; padding: 0px 0px 0px; width: 285px; border: 3px solid #eee; color: #ccc; height: 120px; margin: 0 0 5px; }
	#shortnews { float: right; width: 340px; }
	.news { border-bottom: 1px solid #eee; padding: 0 0 0px; margin: 0 0 0px;}
	
#right { margin: 0 0px 5px 0; padding: 0 0 0px 0px; float: right; width: 460px; text-align: justify; }
.border { clear: both; border-left: 4px solid #ccc; padding: 0 10px 0 15px; }

#rl { float: left; width: 220px; margin: 0 20px 20px 0; }
#rr { float: right; width: 220px; }
	#rl li, #rr li { list-style: none; border-bottom: 1px solid #eee; padding: 4px; margin: 0; }
	#rl li a, #rr li a { background: #fff url(images/arrow.gif) no-repeat center left; padding: 0 0 0 10px; color: #808080;  }

#footer { clear: both; padding: 10px; margin: 0px 0px 5px 0px; font-size: .9em; color: #808080; background: #eee; }
	.links a { font-weight: bold; color: #787A8F; background: #fff; margin: 0 10px 0 0; background: url(images/dot.png) no-repeat center left; padding: 0 0 0 10px; }
	.sponsor { color: red; background: #eee; }
	#footer li { list-style: none; }
	#fl { width: 600px; }
	#fr { float: right; }
	
	

#top {
	padding:0;

	}
#headline {
	width:578px;
	float:left;
	background:#fff;
	padding:0px 0px 0px 0px;
	font-size:1.05em;
	line-height:1.5em;
	margin:0;
	}

#headline  div.title {
	font-weight:bold;
	font:1.8em Georgia;
	letter-spacing:-0.05em;
	display:block;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:5px;
	}

#headline div.meta {
	display:block;
	padding-bottom:2px;
	padding-left:10px;
	}

#headline p {
padding-left:5px;
	padding-bottom:5px;
	padding-right:10px;
	}

#featured {
	width:340px;
	/*height:365px;*/
	background:#fff;
	float:right;
	margin-left:2px;
	padding:2px 0px 0px 0px;
	height:563px;
	}


#featured .clearfloat {
	margin-top:0px;
	margin-bottom:-9px;
	padding-top:-9px;
	padding-bottom:-9px;
	}

#featured .info {
	float:right;
	width:210px;
	padding-bottom:-9px;
	padding-top:0px;
	margin-bottom:-9px;
	margin-top:0px;
	}

#featured .title {
	font-weight:bold;
	}

#featured .divider {
	margin-left:0px;
	padding-bottom:-10px;
	padding-top:-10px;
	margin-bottom:0px;
	margin-top:-11px;
	}
	
#featured p {
padding-left:5px;
padding-bottom:-5px;
padding-right:5px;
}

#featuredA {
	width:230px;
	/*height:365px;*/
	background:#fff;
	float:right;
	margin-left:2px;
	padding:2px 0px 0px 0px;
	}


#featuredA .clearfloat {
	margin-top:0px;
	margin-bottom:-9px;
	padding-top:-9px;
	padding-bottom:-9px;
	}

#featuredA .info {
	float:right;
	width:210px;
	padding-bottom:-9px;
	padding-top:0px;
	margin-bottom:-9px;
	margin-top:0px;
	}

#featuredA .title {
	font-weight:bold;
	}

#featuredA .divider {
	margin-left:0px;
	padding-bottom:-4px;
	padding-top:-8px;
	margin-bottom:-3px;
	margin-top:-10px;
	}
	
#featuredA p {
padding-left:5px;
padding-bottom:-5px;
padding-right:5px;
}




#page {
	width:920px;
	height:565px;*/
	margin:0px 0px 0px 0px;
	padding:2px;
	background:#ececec;
	}
	.left {

	float:left;

	}



.right {

	float:right;

	}
	

.clearfloat {

	display:block;

	}
#headline p, #featured p {
margin:0px;
}
	
.clearfloat:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfloat {
display: inline-block;
}

.meta {
margin-top:-5px;
font-size:0.8em;
color:#333;
}

.meta a {
color:#333;
}

a img {
border:0;
}

#headline a img, #featured a img {
	border:1px solid #bbb;
	margin-left:10px;
	margin-top:5px;
	margin-right:5px;
	margin-bottom:1px;
	}
#divPrincipal
{
float:left;
background-color:#FFFFFF;
border:2px solid #ececec;
width:575px;
margin-bottom:10px;
}

#divDerecha
{
float:right;
background-color:#FFFFFF;
border:2px solid #ececec;
width:340px;
}

#headline1 {
	width:574px;
	/*height:370px;*/
	float:left;
	background:#fff;
	padding:0px 0px 0px 0px;
	font-size:1.05em;
	/*line-height:1.5em;*/
	margin:0;
	}

#headline1  div.title {
	font-weight:bold;
	font:1.8em Georgia;
	letter-spacing:-0.05em;
	display:block;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:5px;
	}

#headline1 div.meta {
	display:block;
	padding-bottom:2px;
	padding-left:10px;
	}

#headline1 p {
padding-left:5px;
	padding-bottom:5px;
	padding-right:10px;
	}