div#container
{
   width: 1347px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #4169E1;
   background-image: url('images/FONDOCI.jpg');
   background-attachment: fixed;
   background-position: center center;
   background-repeat: repeat;
   background-size: 100% 100%;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
a
{
   color: #0000FF;
   text-decoration: underline;
}
a:visited
{
   color: #800080;
}
a:active
{
   color: #FF0000;
}
a:hover
{
   color: #0000FF;
   text-decoration: underline;
}
input:focus, textarea:focus, select:focus
{
   outline: none;
}
#Button2
{
   border: 2px solid rgba(128,128,128,0.94);
   border-radius: 4px;
   background-color: rgba(176,224,230,0.40);
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#wb_Image6
{
   vertical-align: top;
}
#Image6
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image7
{
   vertical-align: top;
}
#Image7
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image8
{
   vertical-align: top;
}
#Image8
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image9
{
   vertical-align: top;
}
#Image9
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image10
{
   vertical-align: top;
}
#Image10
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image11
{
   vertical-align: top;
}
#Image11
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image15
{
   vertical-align: top;
}
#Image15
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image16
{
   vertical-align: top;
}
#Image16
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image14
{
   vertical-align: top;
}
#Image14
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image19
{
   vertical-align: top;
}
#Image19
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image2
{
   vertical-align: top;
}
#Image2
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Button1
{
   border: 0px solid #2E6DA4;
   border-radius: 4px;
   background-color: transparent;
   background-image: url('images/index_Button1_bkgrnd.png');
   background-repeat: repeat-x;
   background-position: left top;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   padding: 0;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#wb_Image12
{
   vertical-align: top;
}
#Image12
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image4
{
   vertical-align: top;
}
#Image4
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image17
{
   vertical-align: top;
}
#Image17
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image18
{
   vertical-align: top;
}
#Image18
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image20
{
   vertical-align: top;
}
#Image20
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image21
{
   vertical-align: top;
}
#Image21
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image3
{
   vertical-align: top;
}
#Image3
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#SlideShow2 .image
{
   border-width: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image5
{
   vertical-align: top;
}
#Image5
{
   border: 0px solid #FF4500;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image21
{
   position: absolute;
   left: 267px;
   top: 19px;
   width: 812px;
   height: 296px;
   z-index: 23;
}
#wb_Image10
{
   position: absolute;
   left: 918px;
   top: 661px;
   width: 40px;
   height: 40px;
   z-index: 6;
}
#basicclock
{
   color: #FF0000;
   font-size: 29px;
   font-family: "Tahoma";
   font-weight: normal;
   font-style: normal;
   text-align: left;
   text-decoration: none;
}
#wb_JavaScript4
{
   position: absolute;
   left: 57px;
   top: 29px;
   width: 159px;
   height: 100px;
   z-index: 10;
}
#wb_Image11
{
   position: absolute;
   left: 800px;
   top: 661px;
   width: 40px;
   height: 40px;
   z-index: 7;
}
#wb_Image12
{
   position: absolute;
   left: 385px;
   top: 467px;
   width: 581px;
   height: 95px;
   z-index: 17;
}
#wb_Image1
{
   position: absolute;
   left: 795px;
   top: 595px;
   width: 50px;
   height: 50px;
   z-index: 19;
}
#wb_Image2
{
   position: absolute;
   left: 385px;
   top: 601px;
   width: 181px;
   height: 176px;
   z-index: 14;
}
#wb_Image14
{
   position: absolute;
   left: 394px;
   top: 2480px;
   width: 109px;
   height: 19px;
   z-index: 12;
}
#SlideShow2
{
   position: absolute;
   left: 362px;
   top: 1438px;
   width: 622px;
   height: 470px;
   z-index: 25;
}
#wb_Image3
{
   position: absolute;
   left: 1119px;
   top: 1955px;
   width: 196px;
   height: 154px;
   z-index: 24;
}
#wb_Image15
{
   position: absolute;
   left: 32px;
   top: 273px;
   width: 189px;
   height: 186px;
   z-index: 9;
}
#Html1
{
   position: absolute;
   left: 0px;
   top: 1408px;
   width: 360px;
   height: 215px;
   visibility: hidden;
   z-index: 28;
}
#wb_Image4
{
   position: absolute;
   left: 32px;
   top: 102px;
   width: 181px;
   height: 133px;
   z-index: 18;
}
#wb_Image16
{
   position: absolute;
   left: 858px;
   top: 599px;
   width: 39px;
   height: 43px;
   z-index: 11;
}
#Html2
{
   position: absolute;
   left: 362px;
   top: 1918px;
   width: 622px;
   height: 204px;
   z-index: 27;
}
#wb_Image5
{
   position: absolute;
   left: 26px;
   top: 2141px;
   width: 1297px;
   height: 320px;
   z-index: 26;
}
#wb_Image17
{
   position: absolute;
   left: 911px;
   top: 586px;
   width: 55px;
   height: 56px;
   z-index: 20;
}
#wb_Image18
{
   position: absolute;
   left: 1132px;
   top: 102px;
   width: 180px;
   height: 131px;
   z-index: 21;
}
#wb_Image6
{
   position: absolute;
   left: 856px;
   top: 713px;
   width: 40px;
   height: 40px;
   z-index: 2;
}
#Html3
{
   position: absolute;
   left: 362px;
   top: 817px;
   width: 622px;
   height: 597px;
   z-index: 1;
}
#Html4
{
   position: absolute;
   left: 363px;
   top: 332px;
   width: 621px;
   height: 112px;
   z-index: 15;
}
#wb_Image19
{
   position: absolute;
   left: 1124px;
   top: 262px;
   width: 178px;
   height: 207px;
   z-index: 13;
}
#wb_Image7
{
   position: absolute;
   left: 800px;
   top: 713px;
   width: 40px;
   height: 40px;
   z-index: 3;
}
#Html5
{
   position: absolute;
   left: 599px;
   top: 605px;
   width: 150px;
   height: 152px;
   z-index: 8;
}
#wb_Image8
{
   position: absolute;
   left: 917px;
   top: 713px;
   width: 40px;
   height: 40px;
   z-index: 4;
}
#wb_Image9
{
   position: absolute;
   left: 857px;
   top: 661px;
   width: 40px;
   height: 40px;
   z-index: 5;
}
#Button1
{
   position: absolute;
   left: 0px;
   top: 2470px;
   width: 1347px;
   height: 38px;
   z-index: 16;
}
#Button2
{
   position: absolute;
   left: 385px;
   top: 586px;
   width: 581px;
   height: 203px;
   z-index: 0;
}
#wb_Image20
{
   position: absolute;
   left: 38px;
   top: 1955px;
   width: 196px;
   height: 154px;
   z-index: 22;
}
@media only screen and (min-width: 1024px) and (max-width: 1346px)
{
div#container
{
   width: 1024px;
}
body
{
   background-color: #4169E1;
   background-image: url('images/FONDOCI.jpg');
   background-attachment: fixed;
   background-position: center center;
   background-repeat: repeat;
   background-size: 100% 100%;
}
#Button2
{
   left: 221px;
   top: 539px;
   width: 581px;
   height: 207px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Html3
{
   left: 220px;
   top: 775px;
   width: 585px;
   height: 610px;
   visibility: visible;
   display: inline;
}
#wb_Image6
{
   left: 678px;
   top: 670px;
   width: 40px;
   height: 40px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image7
{
   left: 624px;
   top: 670px;
   width: 40px;
   height: 40px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image8
{
   left: 737px;
   top: 670px;
   width: 40px;
   height: 40px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image9
{
   left: 681px;
   top: 618px;
   width: 40px;
   height: 40px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image10
{
   left: 737px;
   top: 618px;
   width: 40px;
   height: 40px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image11
{
   left: 624px;
   top: 618px;
   width: 40px;
   height: 40px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#Html5
{
   left: 418px;
   top: 558px;
   width: 170px;
   height: 171px;
   visibility: visible;
   display: inline;
}
#wb_Image15
{
   left: 26px;
   top: 226px;
   width: 175px;
   height: 162px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_JavaScript4
{
   left: 29px;
   top: 32px;
   width: 172px;
   height: 100px;
   visibility: visible;
   display: inline;
}
#wb_Image16
{
   left: 680px;
   top: 565px;
   width: 43px;
   height: 43px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image14
{
   left: 497px;
   top: 2039px;
   width: 109px;
   height: 19px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image19
{
   left: 840px;
   top: 202px;
   width: 178px;
   height: 197px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image2
{
   left: 224px;
   top: 561px;
   width: 172px;
   height: 167px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#Html4
{
   left: 220px;
   top: 283px;
   width: 585px;
   height: 112px;
   visibility: visible;
   display: inline;
}
#Button1
{
   left: 0px;
   top: 2128px;
   width: 1024px;
   height: 38px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
   background-color: transparent;
   background-image: url('images/index_Button1_bkgrnd1024.png');
   background-repeat: repeat-x;
   background-position: left top;
}
#wb_Image12
{
   left: 222px;
   top: 417px;
   width: 581px;
   height: 95px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image4
{
   left: 1px;
   top: 69px;
   width: 181px;
   height: 133px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image1
{
   left: 620px;
   top: 558px;
   width: 50px;
   height: 50px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image17
{
   left: 730px;
   top: 552px;
   width: 55px;
   height: 56px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image18
{
   left: 855px;
   top: 54px;
   width: 145px;
   height: 114px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image20
{
   left: 14px;
   top: 1726px;
   width: 181px;
   height: 142px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image21
{
   left: 195px;
   top: 20px;
   width: 635px;
   height: 249px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image3
{
   left: 815px;
   top: 1726px;
   width: 181px;
   height: 142px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#SlideShow2
{
   left: 221px;
   top: 1411px;
   width: 583px;
   height: 441px;
   visibility: visible;
   display: inline-block;
}
#wb_Image5
{
   left: 14px;
   top: 1879px;
   width: 998px;
   height: 237px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#Html2
{
   left: 362px;
   top: 1918px;
   width: 622px;
   height: 204px;
   visibility: hidden;
   display: none;
}
#Html1
{
   left: 0px;
   top: 1408px;
   width: 360px;
   height: 215px;
   visibility: hidden;
   display: none;
}
}
@media only screen and (max-width: 1023px)
{
div#container
{
   width: 360px;
}
body
{
   background-color: #4169E1;
   background-image: url('images/FONDOCI.jpg');
   background-attachment: fixed;
   background-position: center center;
   background-repeat: repeat;
   background-size: 100% 100%;
}
#Button2
{
   left: 0px;
   top: 893px;
   width: 360px;
   height: 194px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Html3
{
   left: 1px;
   top: 378px;
   width: 357px;
   height: 503px;
   visibility: visible;
   display: inline;
}
#wb_Image6
{
   left: 247px;
   top: 1025px;
   width: 40px;
   height: 40px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image7
{
   left: 193px;
   top: 1025px;
   width: 40px;
   height: 40px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image8
{
   left: 306px;
   top: 1025px;
   width: 40px;
   height: 40px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image9
{
   left: 250px;
   top: 973px;
   width: 40px;
   height: 40px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image10
{
   left: 311px;
   top: 973px;
   width: 40px;
   height: 40px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image11
{
   left: 193px;
   top: 973px;
   width: 40px;
   height: 40px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#Html5
{
   left: 8px;
   top: 906px;
   width: 172px;
   height: 170px;
   visibility: visible;
   display: inline;
}
#wb_Image15
{
   left: 187px;
   top: 1087px;
   width: 107px;
   height: 109px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_JavaScript4
{
   left: 24px;
   top: 1650px;
   width: 164px;
   height: 100px;
   visibility: visible;
   display: inline;
}
#wb_Image16
{
   left: 249px;
   top: 920px;
   width: 43px;
   height: 43px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image14
{
   left: 237px;
   top: 1677px;
   width: 109px;
   height: 19px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image19
{
   left: 7px;
   top: 1095px;
   width: 112px;
   height: 112px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image2
{
   left: 0px;
   top: 1604px;
   width: 170px;
   height: 165px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#Html4
{
   left: 4px;
   top: 161px;
   width: 353px;
   height: 110px;
   visibility: visible;
   display: inline;
}
#Button1
{
   left: 0px;
   top: 1768px;
   width: 360px;
   height: 47px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
   background-color: transparent;
   background-image: url('images/index_Button1_bkgrnd360.png');
   background-repeat: repeat-x;
   background-position: left top;
}
#wb_Image12
{
   left: 1px;
   top: 277px;
   width: 359px;
   height: 95px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image4
{
   left: 165px;
   top: 1624px;
   width: 181px;
   height: 133px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image1
{
   left: 188px;
   top: 916px;
   width: 50px;
   height: 50px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image17
{
   left: 304px;
   top: 907px;
   width: 55px;
   height: 56px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image18
{
   left: 117px;
   top: 1605px;
   width: 193px;
   height: 152px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image20
{
   left: 31px;
   top: 1615px;
   width: 181px;
   height: 142px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image21
{
   left: 0px;
   top: 3px;
   width: 360px;
   height: 153px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Image3
{
   left: 31px;
   top: 1615px;
   width: 181px;
   height: 142px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#SlideShow2
{
   left: 0px;
   top: 1095px;
   width: 359px;
   height: 303px;
   visibility: visible;
   display: inline-block;
}
#wb_Image5
{
   left: 0px;
   top: 1610px;
   width: 359px;
   height: 153px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#Html2
{
   left: 362px;
   top: 1918px;
   width: 622px;
   height: 204px;
   visibility: hidden;
   display: none;
}
#Html1
{
   left: 0px;
   top: 1408px;
   width: 360px;
   height: 168px;
   visibility: visible;
   display: inline;
}
}