/*
	project: internet hosting template
	author: luka cvrk (www.solucija.com) 
body { font: .75em Verdana,Arial, Sans-Serif; line-height: 1.7em; background: #fff url(images/header.jpg) repeat-x; color: #454545; }	
margin:25px 50px 75px 100px;
    * top margin is 25px
    * right margin is 50px
    * bottom margin is 75px
    * left margin is 100px
*/

*{ margin: 0; padding: 0; }
body { font: .7em  Sans-Serif, Arial, Verdana; line-height: 1.5em; background: #fff url(images/header-bgw.png) no-repeat top center; color: #454545; }
a { color: #555555; background: inherit; text-decoration: none; font: 0.70em;}
#left a, #right a { border-bottom: 1px dotted #3F2C57;  }
a:hover { color: #ffffff; background-color: #006885; font: 0.9em;}
a:hover img { background: inherit;}
p {	padding: 2px 10px 0 10px; margin: 0; font: .8em; }
h1 { font: normal 1.2em Verdana, Georgia, "Trebuchet MS", Arial, Sans-Serif; padding: 0 10px 0 200px; margin: 0; }
h2 { font: normal 1.0em Verdana, Georgia, "Trebuchet MS", Arial, Sans-Serif; padding: 0 10px 0 200px; margin: 0;}
h1 a, h2 a { color: #ff9933; background: inherit; text-decoration: none; }
img { border: 0; }
bread_crumb {	padding: 0 5px 0 200px; margin: 0; }
bread_crumb1 {	padding: 3px 10px 0 200px; margin: 0; }
    
div.clear {
clear: both;
}

#header {
       margin: 0 auto; width: 1000px; height:100%;
}
 
#hleft {
	float: left;
	width: 180px;
	margin: 0px 0 5px 0px;
	padding: 5px 0 0 0;
}
.logo{  margin: 20px 0px 0px 0px; align: left; }
.imagen{  margin: -8px 0 0px 0px; align: left; }
.border { border: 1px solid #006885;  margin: 0 0 10px 0;
		border-radius:5px; 
                -moz-border-radius:5px; 
                -webkit-border-radius:5px;
                }
#hcentro {
	float: left;
	width: 550px;
	margin: 0px 0 5px 0;
	padding: 5px 0 0 0;
		background: url(images/right.png) no-repeat top right;
}
#hright {
	float: right;
	width: 255px;
	margin: 0px 0 5px 0;
	padding: 5px 0 0 0;
}

#menu{  margin: 1px 0 10px 1px; align: center; }
#menu li{ list-style:square inside;  display: inline; color: #555; }
#menu li a.current{
		/* background-color: #cccc66; */
		color: #fff;	
	}
#menu li a{
		text-decoration: none;
		margin: 0 1px 0 0;
		padding: 1px 10px 0 0;
		}	
#menu li a:hover{
		border: 1px solid #006885;
		background-color: #006885;
		color: #fff;
	}
#menuop{  margin: 1px 0 10px 1px; align: center; }
#menuop li{ list-style:square inside;  display: inline; color: #555; }
#menuop li a.current{
		/* background-color: #cccc66; */
		font-family:Georgia, serif;		
		color: #006885;	
	}
#menuop li a{
		text-decoration: none;
		margin: 0 1px 0 0;
		padding: 1px 10px 0 0;
		}	
#menuop li a:hover{
		border: 1px solid #006885;
		background-color: #006885;
		height:32px;
		color: #fff;
	}
#content { margin: 0 auto; width: 1000px; }
#tablist{  margin: 80px;  }
	#tablist li{ list-style: none; display: inline;  }
	#tablist li a{
		text-decoration: none;
		margin: 0 2px 0 5px;
		padding: 4px 10px;
		border: 0px solid #336600;
		font-weight: bold;
		color: #ccc;
		font-size: 12px;
		border-radius:3px; 
                -moz-border-radius:3px; 
                -webkit-border-radius:3px;
	}

	#tablist li a:hover{
		border: 1px solid #ff0000;
		background: #555555;
		color: #006885;
		font-weight: bold;
	}
	#tablist li a.current{
		background: #e7f0b7 ;
		color: #555;
	}
	#tablist .key { text-decoration: underline; }



#left {
	float: left;
	width: 180px;
	margin: 0px 0 10px 0;
}
	.border { border: 1px solid #006885;  margin: 0 0 10px 0;}
	.subheader {
		padding: 10px;
		background: #F1F8ED;
		color: #444;
		border: 2px solid #D1EAC3;
	}
	.highlight { background: #C5E7F6; color: #000; }
	.left_articles {
	        z-index:-1;
		margin: -11px 0px 10px 10px;
		border: 1px solid #bfc3ac;
		color: #454545;
		padding: 15px 10px 5px 10px;
		background: #f6f6f6;
		font-family: Tahoma;
		font-size: 11px;
		border-radius:5px; 
                -moz-border-radius:5px; 
                -webkit-border-radius:5px;
	}
	.left_detalle {
            z-index:-1;
        margin: 5px 0 10px 10px;
        border: 1px solid #bfc3ac;
        color: #454545;
        padding: 15px 10px 5px 10px;
        background: #f6f6f6;
        font-family: Tahoma;
        font-size: 11px;
        	border-radius:5px; 
                -moz-border-radius:5px; 
                -webkit-border-radius:5px;
    }
		.BlockHeader
	        {
		    position:relative;
		    z-index: 0;
		    height: 20px;
		    margin: -15px 0 0 1px;
	    }

		 .BlockHeader .texto
		{
		    height: 20px;
		    color: #fff;
		    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
		    font-size: 11px;
		    font-style: normal;
		    font-weight: bold;
		    white-space : nowrap;
		    padding: 0 6px;
		    line-height: 20px;
		    background: #006885;
		    border-radius:3px; 
                   -moz-border-radius:3px; 
                   -webkit-border-radius:3px;
		}
		.BlockHeader .left, .BlockHeader .right
		{
		    display:block;
		    position:absolute;
		    z-index:-1;
		    height: 30px;
		    background: #006885;
		    background-image: url('images/BlockHeader-.png');
		}
	.left_articles1 {
	        z-index:-1;
		margin: 0px 0 10px 10px;
		border: 1px solid #bfc3ac;
		color: #454545;
		padding: 15px 10px 5px 10px;
		background: #f6f6f6;
		font-family: Tahoma;
		font-size: 11px;
		border-radius:5px; 
                -moz-border-radius:5px; 
                -webkit-border-radius:5px;
	}

	.left_articles2 {
		margin: 15px 0 10px 10px;
		border: 1px solid #bfc3ac;
		color: #00315d;
		background-color: #cccfce ;
		padding: 15px 10px 5px 10px;
		background: #f6f6f6;
		font-family: Tahoma;
		font-size: 11px;
		border-radius:5px; 
                -moz-border-radius:5px; 
                -webkit-border-radius:5px;
	}
	.left_articles3 {
		margin: 15px 0 10px 10px;
		border: 1px solid #bfc3ac;
		color: #00315d;
		padding: 15px 10px 5px 10px;
		background: #f6f6f6;
		font-family: Tahoma;
		font-size: 11px;
		border-radius:5px; 
                -moz-border-radius:5px; 
                -webkit-border-radius:5px;
	}
		.date { font-size: 0.8em; padding: 0 0 0 12px; background: #fff url(images/news.gif) no-repeat center left; color: #808080; }
		.bigimage {
			float: left;
			clear: left;
			margin: 0 15px 10px 0;
		}
	.left_box {
		background: #F4F1F8;
		color: #808080;
		border-left: 3px solid #E8E2F2;
		padding: 10px;
		margin: 0 0 10px 0;
	}
	.thirds {
		float: left;
		width: 186px;
		padding: 0 10px 0 15px;
	}		
#centro {
	float: left;
	width: 550px;
	margin: 7px 0 10px 0;
	padding: 5px 0 0 0;
	background: url(images/right.png) no-repeat top right;
	
}		

#right {
	float: right;
	width: 255px;
	margin: -30px 0 10px 0;
	padding: 0px 0 0 0;
	background: url(images/right.png) no-repeat top right;
	
}
	.button {
		font: normal 1.5em Verdana, "Georgia", "Times New Roman", Arial;
		color: #679A4E;
		text-align: center;
		margin: 0 0 10px 0; 
	}
	.big { color: #2e2e2e; font: normal 2em "Georgia", "Times New Roman", Arial; }
	
	#side_menu { margin: 0 0 10px 0; }
	#side_menu li { list-style: none; }
	#side_menu li a { color: #48a4d7; border: 0; margin: 0 0 1px 0; display: block; background: #fff url(images/side_menu.gif) repeat-x; padding: 8px 10px; }
	#side_menu li a:hover { color: #fff; background: #fff url(images/side_menu_hover.gif) repeat-x; }	
	
	.image { float: left; margin: 0 9px 3px 0; }
	

#footer { 
	clear: both; 
	color: #006885;
	background: #f6f6f6;
	padding: 1px 15px;
	border-top: 1px solid #006885;

}
	#footer .right { float: right; }
.bel
{
	color:grey;
	}
input
{
	border:1px solid black;
	}
textarea
{
	border:1px solid grey;
	}
select
{
	border:1px solid grey;
	}