.listeuclu,.listedortlu{text-align:left;font-size:14px}
.listeuclu li,.listedortlu li{border-bottom:1px dashed #ccc;display:inline-block;margin:3px;}
.listeuclu li{width:32%}
.listedortlu li{width:23%;}
@media only screen and (max-width: 768px) {
 .listeuclu li {
        width: 89.9%;
   }

.listedortlu li{width:40%;}
}

    .css1 {
        width: 100%;
        border-collapse: collapse;
    }

    .css1 thead td {
        font-size: 1.1em;
        text-align: left;
        padding-top: 5px;
        padding-bottom: 4px;
        background-color: #d6403b;
        color: #fff;
    }

    .css1 tr.alt td {
        color: #000;
        background-color: #EEEEEE;
    }

    .css1 td, .css1 th {
        font-size: 0.9em;
        border: 1px solid #ab0600;
        padding: 3px 7px 2px 7px;
    }

/*
fieldset {
  padding: 1em;
  font:100%/1 Verdana;
  border:1px solid green
  }
label {
  float:left;
  width:35%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
  }


  legend {
  padding: 0.2em 0.5em;
  border:1px solid green;
  color:green;
  font-size:120%;
  text-align:left;
  }

        */

/* the hacking */
fieldset {
    margin: 0px; padding: 0px; display: block; position: relative; width: 100%;
    %border-top: none !important; /* for IE7, does not work with Webkit */
    _padding-top: 3em; } /* for IE6 */
fieldset > * {
    width: auto;
    %width: auto !important; /* for IE7 */
    margin-left: 1.5em; /* emulating fieldset padding-left */
    margin-left: 1.5em !important; } /* for IE7 */
fieldset *:first-child + * {
    margin-top: 3em; } /* emulating fieldset padding-top */
fieldset:last-child {
    margin-bottom: 1.5em; } /* emulating fieldset pading-bottom */
legend {
    width: 100%;
    %width: 100% !important; /* for IE7 */
    position: absolute;
    top: -1px; left: -1px; /* hide the fieldset border */
    margin: 0px !important; /* suppress all margin rules */
    line-height: 2em; /* emulating padding-top/bottom */
    text-indent: 1.5em; /* emulating padding-left */
    %left: -8px;
    } /* for IE7 */


/* user format */
fieldset, legend {
    border: 1px solid #ddd;
    background-color: #eee;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    }
legend {
    font-weight:bold;
    font-style: italic;
    font-size: 1.2em;
    text-shadow: #fff 1px 1px 1px; }
fieldset {
    background-color: #f7f7f7;
    width: 460px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px; }

 label {
  font-weight:bold;
  }


  .btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}


#yok  {
  margin: 0;
  padding: 0;
  margin-bottom: 1.25em;
  padding: .125em;
}

fieldset.yok legend {
  margin: 0;
  padding: 0;
  font-weight: bold;
  margin-left: 20px;
  font-size: 100%;
  color: black;
}

.styled-button-1 {
	-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	-moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	color:#333;
	background-color:#FA2;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:none;
	font-family:'Helvetica Neue',Arial,sans-serif;
	font-size:16px;
	font-weight:700;
	height:32px;
	padding:4px 16px;
	text-shadow:#FE6 0 1px 0
}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}

.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
	background-color:#bc3315;
}
.myButton:active {
	position:relative;
	top:1px;
}

h2{
font-family: Helvetica, arial, sans-serif;
font-weight: bold;
line-height: 1.0em;
text-transform: none;
letter-spacing: 1px;
font-weight: bold;
font-style: normal;
border-bottom:1px solid #FF6600;box-shadow:0px 1px 0px #ff0000
 }

h2{
	font-size: 18px;
	border-bottom:dotted 1px #aaa;
}
h3{
	font-size: 16px;
	color: #4572a7;
	margin-bottom: 5px;
	margin-top: 25px;
	padding: 3px 2px;
}
h4{
	font-size: 15px;
	margin-bottom: 5px;
}

.huge{font-size:40px}.huge2{font-size:34px}.huge3{font-size:26px}.huge4{font-size:20px}.huge5{font-size:16px}
.d-green{color:#046E0C;font-weight:bold;}
.d-green2{color:#008000;font-weight:bold;}
.d-red{color:#BB0303;font-weight:bold;}
.d-orange{color:#FF6600;font-weight:bold;}
.d-yellow{color:#e0b60b;font-size:14px}
.d-blue{color:#2684a3;font-size:14px;font-weight:bold;}
.d-black{color:#000000;font-weight:bold;}
.d-brown{color:#993300;font-weight:bold;}
.d-white{color:#FFFFFF;font-weight:bold;}

.turuncuBaslik1{font-size:18px;border-bottom:1px solid #FF6600;box-shadow:0px 1px 0px #ff0000}
.turuncuBaslik2{color:#F04200;font-weight:bold;font-size:16px;border-bottom:1px solid #C0C0C0}
.turuncuBaslik3{color:#F04200;font-weight:bold;font-size:14px;border-bottom:1px solid #C0C0C0}
.yesilBaslik{color:#006400;font-weight:bold;font-size:16px;border-bottom:1px solid #C0C0C0}
.bordoBaslik{color:#800000;font-weight:bold;font-size:16px;border-bottom:1px solid #C0C0C0}

.ustBaslik{
font-family: Helvetica, arial, sans-serif;
font-weight: bold;
text-transform: normal;
letter-spacing: 0px;
font-family: "Helvetica Neue", "Arial", "sans-serif";
line-height: 1.8em;
text-transform: none;
letter-spacing: 1px;
font-weight: bold;
font-style: normal;
 }


.blue-box {background: #d7e7f5;border: 1px solid #aacee6;color: #5e6984;float: left;margin-bottom: 20px;}
.blue-box-content, .green-box-content, .grey-box-content, .red-box-content, .yellow-box-content {border: 1px solid #fff;padding: 10px;width: auto;}
.blue-box-content h3, .green-box-content h3, .grey-box-content h3, .red-box-content h3, .yellow-box-content h3 {margin-bottom: 5px;}
.green-box {background: #e2f2ce;border: 1px solid #bfe098;color: #466840;float: left;margin-bottom: 20px;}
.grey-box {background: #eaeaea;border: 1px solid #c1c1c1;color: #838383;float: left;margin-bottom: 20px;}
.red-box {background: #fde9ea;border: 1px solid #fdced0;color: #a14a40;float: left;margin-bottom: 20px;}
.yellow-box {background: #fff6cc;border: 1px solid #ffdb4f;color: #736b4c;float: left;margin-bottom: 20px;}

/*
ul{list-style-type:none;margin:0;padding:0}
ul li {margin:0 2px;padding:4px 6px;float:left;background-color:#eee;border:1px solid #ccc;width:150px;border-radius:4px;}
ul li.selected {background-color:#fff;}
ul li a{text-decoration:none;color:#2d3851;font-weight:bold;}
.active{color:#0099cc;}
ul li a:hover{text-decoration:none;color:#0099cc;font-weight:bold;}
*/


       #Menu
        {
            padding:0;
            margin:0;
            list-style-type:none;
            font-size:11px;
            color:#717171;
            width:100%;
        }

        #Menu li
        {
            border-bottom:1px solid #eeeeee;
            padding:1px 2px 1px 2px;
        }

        #Menu li:hover
        {
            color:#B22222;
            background-color:#FFEFD5;
        }

        #Menu a:link
        {
            color:#717171;
            text-decoration:none;
        }

        #Menu a:hover
        {
            color:#B22222;
        }


        .dohop-powered {
    display: none !important;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

li {
  font: 200 20px/1.5 Helvetica, Verdana, sans-serif;
  border-bottom: 1px solid #ccc;
}

li:last-child {
  border: none;
}

li a {
  text-decoration: none;
  color: #000;

  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  transition: font-size 0.3s ease, background-color 0.3s ease;

}
  /*display: block;*/
li a:hover {
  font-size: 20px;
  background: #f6f6f6;
}

/* Style the list */
ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background-color: #eee;
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-size: 18px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: #0275d8;
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}