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

body 
{margin:0;}

html { 
  background: url(../images/bg/dia_bg_small.gif) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

img.opacity {
  opacity: 1;
  filter: alpha(opacity=50);
  zoom: 1;}


.diametrale_small_o {
	font-size: 22px;
    font-family: 'Alegreya Sans SC', sans-serif;
	font-weight: normal;
    color:rgb(255, 255, 255);
	margin-right: 50px;
   
}


.diametrale {
	color:#fcffed;
	font-size: 20px;
	font-family: 'Alegreya Sans SC', sans-serif;
	font-weight: bold;
}


            .image-box {
                padding: 4px;
                border: 1px dotted #8b9ca4;
                float: left;
            }

            .image-box img {
                display: block;
            }


a.linkopacity img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;}

a.linkopacity:hover img {
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
-khtml-opacity: 0.8; }
	
a.one:link {color: rgb(255, 255, 255); font-family: 'Alegreya Sans SC', sans-serif; text-decoration:none;}
a.one:visited {color: rgb(255, 255, 255); text-decoration:none;}
a.one:hover {color: rgb(170, 130, 123); text-decoration: none;}
a.one:active {color: rgb(128, 128, 0);text-decoration:none;}
 
a.two:link {color: rgb(255, 255, 255); text-decoration:none;}
a.two:visited {color: rgb(255, 255, 255); text-decoration:none;}
a.two:hover {color: rgb(23, 44, 35); text-decoration:none;}
a.two:active {color: rgb(128, 128, 0);text-decoration:none;}


ul {
    list-style-type: none;
    margin: 0;
    padding: 10px;
    overflow: hidden;
    background-color: #000000;
    position: fixed;
    top: 0;
    width: 100%;
}
ul1 {
    list-style-type: none;
    margin: 0;
    padding: 10px;
    overflow: hidden;
    background-color: #000000;
    position: fixed;
    bottom: -10px;
    width: 100%;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    padding: 36px;
    text-decoration: none;
	margin-left: 0px;
	margin-top: -20px;
}

.main {
    padding: 16px;
	width: 800px;
    margin-top: 100px;
	margin-left: 33%;
}

.main_context {
    margin-top: -20px;
	margin-left: 30%;
}

.tabledesk {
	border: 0px;
	width: 900px;
}

.tr_tabledesk {
	height: 30px;
}

@media only screen and (max-device-width: 480px) {

	ul {
    list-style-type: none;
    margin: 0;
    padding: 10px;
    overflow: hidden;
    background-color: #000000;
    position: fixed;
    top: -100px;
    width: 100%;
}
	.main {
		margin-top: 10px;
		margin-left: 15%;
	}
	iframe { height: 150px; width: 360px; }
	ul1 {
    list-style-type: none;
    margin: 0;
    padding: 0px;
    overflow: scroll;
    background-color: #000000;
    position: relative;
    bottom: 0px;
    width: 100%;
}
.main_context {
    margin-top: -20px;
	margin-left: 5%;
}
.diametrale_small_o {
	font-size: 16px;
    font-family: 'Alegreya Sans SC', sans-serif;
	font-weight: normal;
    color:rgb(255, 255, 255);
	margin-right: 0px;
   
}
.tr_tabledesk {
	height: 20px;
}
.tabledesk {
	border: 0px;
	width: 500px;
}
.diametrale {
	color:#fcffed;
	font-size: 15px;
	font-family: 'Alegreya Sans SC', sans-serif;
	font-weight: bold;
}
	}
	
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.main {
    padding: 16px;
	width: 800px;
    margin-top: 100px;
	margin-left: 25%;
}

.main_context {
    margin-top: -20px;
	margin-left: 18%;
}
iframe { height: 267px; width: 640px; }
}