@font-face { font-family: Calibri; src: url('../fonts/calibri.ttf'); } @font-face { font-family: Calibri; font-weight: bold; src: url('../fonts/calibrib.ttf'); } /*** MEDIA QUERIES ***/ @media screen and (min-width:1200px){ .centerDiv { position: relative; margin: 0px auto; width: 1450px; } #content.home div.leftDiv { position: relative; float: left; height: auto; width: 840px; z-index: -1; margin: 0px 0 0 0; } #content.home div.bloc { height: auto; width: 830px; position: relative; float: left; margin: 0px 10px 10px 0; z-index: -1; } #content.home div.bloc_r { height: auto; width: 1450px; position: relative; float: left; margin: 0px 10px 10px 0; z-index: -1; } #content.home div.rightDiv { position: relative; float: left; height: auto; width: 610px; z-index: -1; margin: 0px 0 0 0; } } @media screen and (max-width:767px){ .centerDiv { position: relative; margin: 0px auto; width: 750px; } #header.home div.logo { background: #000 url(../img/banner.jpg) no-repeat; position: relative; height: 170px; width: 750px; } #content.home div.leftDiv { position: relative; float: left; height: auto; width: 340px; z-index: -1; margin: 0px 0 0 0; } #content.home div.bloc { height: auto; width: 330px; position: relative; float: left; margin: 0px 10px 10px 0; z-index: -1; } #content.home div.bloc_r { height: auto; width: 750px; position: relative; float: left; margin: 0px 10px 10px 0; z-index: -1; } #content.home div.rightDiv { position: relative; float: left; height: auto; width: 310px; z-index: -1; margin: 0px 0 0 0; } } @media screen and (max-width:360px){ .centerDiv { position: relative; margin: 0px auto; width: 350px; } #header.home div.logo { background: #000 url(../img/banner.jpg) no-repeat; position: relative; height: 170px; width: 350px; } #content.home div.leftDiv { position: relative; float: left; height: auto; width: 340px; z-index: -1; margin: 0px 0 0 0; } #content.home div.bloc { height: auto; width: 330px; position: relative; float: left; margin: 0px 10px 10px 0; z-index: -1; } #content.home div.bloc_r { height: auto; width: 340px; position: relative; float: left; margin: 0px 10px 10px 0; z-index: -1; } #content.home div.rightDiv { position: relative; float: left; clear: left; height: auto; width: 310px; z-index: -1; margin: 0px 0 0 0; } } /********************/ html { } body { background: #bcbcbc; text-align: center; padding: 0px; margin: 0px; } a { text-decoration:none; } .centerDiv { position: relative; margin: 0px auto; width: 1050px; } .clear-right { clear: right; } .clear-left { clear: left; } .clear { clear: both; } /*** IDIOMES ***/ .bg_index { background: #252525 repeat; width: 100%; height: 1480px; margin: 0 auto; z-index:-500; position: relative; overflow:hidden; } #content.idiomes { } #content.idiomes div.escut_left { position: absolute; background: url("../img/escut_left.png") no-repeat; width: 300px; height: 700px; } #content.idiomes div.escut_right { position: absolute; background: url("../img/escut_right.png") no-repeat; width: 300px; height: 700px; } #content.idiomes div.club_index { position: relative; margin: 200px 0 0 160px; } #content.idiomes div.idiomes_index { position: relative; margin: 0px 0 0 10px; padding: 0 0 0 0px; height: 100px; width: 500px; font-family: Calibri; font-size: 10px; font-weight: bold; } #content.idiomes div.idiomes_index div.bandera { position: relative; height: 100px; width: 100px; float: left; margin: 0 0px; } #content.idiomes div.idiomes_index div.bandera_cat { position: relative; height: 100px; width: 100px; float: left; margin: 0 0px; } #content.idiomes div.idiomes_index div.bandera a:link, #content.idiomes div.idiomes_index div.bandera a:visited { color: #fff; display: block; position: relative; float: left; clear: left; text-decoration: none; font-family: Calibri; font-size: 16px; font-weight: bold; margin: 20px 0 0 400px; } #content.idiomes div.idiomes_index div.bandera a:hover { position: relative; color: #ffed2b; } #content.idiomes div.idiomes_index div.bandera_cat a:link, #content.idiomes div.idiomes_index div.bandera_cat a:visited { color: #fff; display: block; position: relative; float: left; clear: left; text-decoration: none; font-family: Calibri; font-size: 16px; font-weight: bold; margin: 20px 0 0 400px; } #content.idiomes div.idiomes_index div.bandera_cat a:hover { position: relative; color: #ffed2b; } #content.idiomes div.idiomes_index div.bandera img { position: relative; float: left; clear: left; margin: 0 0 0 10px; } #content.idiomes div.idiomes_index div.bandera_cat img { position: relative; float: left; clear: left; margin: 0 0 0 0px; } #content.idiomes div.canales { position: relative; height: 100px; width: 500px; float: left; margin: 10px 0 0 28%; } #content.idiomes div.canales label { position: relative; float: left; margin: 10px 0 0 0; font-family: Calibri; font-weight: bold; font-size: 14px; color: #fff; } #content.idiomes div.canales div.logos { position: relative; float: left; margin: -5px 0 0 10px; } #content.idiomes div.canales div.logos ul { margin: 0; padding: 0; list-style-type: none; text-align: center; } #content.idiomes div.canales div.logos ul li { display: inline; } #content.idiomes div.canales div.logos a:link { opacity: 0.85; filter:alpha(opacity=85); } #content.idiomes div.canales div.logos a:hover { opacity: 1.0; filter:alpha(opacity=100); } #content.idiomes div.canales div.logos ul li a:link.facebook, #content.idiomes div.canales div.logos ul li a:visited.facebook { background: url(../img/facebook_logo.png) no-repeat; background-position: 0 bottom; height: 48px; width: 48px; display: block; text-decoration: none; } #content.idiomes div.canales div.logos ul li a:hover.facebook { background: url(../img/facebook_logo.png) no-repeat; background-position: 0 bottom; } #content.idiomes div.canales div.logos ul li a:link.twitter, #content.idiomes div.canales div.logos ul li a:visited.twitter { background: url(../img/twitter_logo.png) no-repeat; background-position: 0 bottom; height: 48px; width: 48px; display: block; text-decoration: none; } #content.idiomes div.canales div.logos ul li a:hover.twitter { background: url(../img/twitter_logo.png) no-repeat; background-position: 0 bottom; } #content.idiomes div.canales div.logos ul li a:link.youtube, #content.idiomes div.canales div.logos ul li a:visited.youtube { background: url(../img/youtube_logo.png) no-repeat; background-position: 0 bottom; height: 48px; width: 48px; display: block; text-decoration: none; } #content.idiomes div.canales div.logos ul li a:hover.youtube { background: url(../img/youtube_logo.png) no-repeat; background-position: 0 bottom; } #content.idiomes h1 { position: relative; float: left; clear: left; font-family: Calibri; font-size: 20px; font-weight: bold; color: #fff; margin: 0px 0 0 250px; } #content.idiomes a:link, #content.idiomes a:visited { } #content.idiomes div.aviso { position: relative; float: left; margin: 370px 0 0 180px; background: #ffe8e8 url(../img/alert.png) no-repeat 8px ; padding: 7px 10px 7px 37px; border: 1px solid #ff8a8a; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-family: Calibri; font-weight: bold; font-size:12px; width: 580px; visibility: hidden; } #content.idiomes div.aviso h1 { position: relative; float: left; text-align: left; color: rgb(232,25,25); } #content.idiomes div.aviso p { position: relative; float: left; text-align: left; margin: 0 0 5px 0; color: #333; } /***************/ /*** menu ***/ #nav { background: #000 url(URL_gradient.png ) repeat-x 0 -110px; line-height: 100%; margin: 0; padding: 7px 6px 0; z-index: 10; border-radius: 0 0 20px 20px; -moz-border-radius-bottomleft: 20px; /* Firefox*/ -webkit-border-bottom-left-radius: 20px; /* Safari,Chrome.*/ -moz-border-radius-bottomright: 20px; /* Firefox*/ -webkit-border-bottom-right-radius: 20px; /* Safari,Chrome.*/ /*box-shadow: rgba(0,0,0, .4) 0px 1px 3px;*/ -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4); -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4); behavior: url(PIE.htc); } /* cada item de esa lista */ #nav li { float: left; list-style: none; margin: 0 5px; padding: 0 0 8px; position: relative; } /* las definiciones del Nivel Principal */ #nav a { color: #fff; display: block; font-weight: bold; font-family: Calibri; font-size: 17px; margin: 0; padding: 8px 20px; text-decoration: none; border-radius: 1.6em; -webkit-border-radius: 1.6em; -moz-border-radius: 1.6em; text-shadow: 0 1px 1px rgba(0,0,0, .3); } #nav a:hover { background: #000; color: #FFF; } /* efecto hover en el Nivel Principal */ #nav .current a, #nav li:hover > a { background-color: rgb(232,25,25); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.27,rgb(153,19,19)),color-stop(0.67,rgb(232,25,25)),color-stop(0.87,rgb(242,33,29))); background-image: -moz-linear-gradient(center bottom,rgb(153,19,19) 27%,rgb(232,25,25) 67%,rgb(242,33,29) 87%); color: #fff; -webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2); -moz-box-shadow: 0 1px 1px rgba(0,0,0, .2); box-shadow: 0 1px 1px rgba(0,0,0, .2); behavior: url(PIE.htc); } /* los subniveles */ #nav ul li:hover a, #nav li:hover li a { background: none; border: none; color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; } #nav ul a:hover { background-color: rgb(232,25,25) !important; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.27, rgb(153,19,19)), color-stop(0.67, rgb(232,25,25)), color-stop(0.87, rgb(242,33,29)) ) !important; background-image: -moz-linear-gradient( center bottom, rgb(153,19,19) 27%, rgb(232,25,25) 67%, rgb(242,33,29) 87% ) !important; color: #fff !important; -webkit-border-radius: 0; -moz-border-radius: 0; text-shadow: 0 1px 1px rgba(0,0,0, .1); behavior: url(PIE.htc); } /* el efecto de desplegar */ #nav li:hover > ul { display: block; } /* las definiciones de los submenues */ #nav ul { background: #000 url(URL_gradient.png ) repeat-x 0 0; display: none; left: 0; margin: 0; padding: 0; position: absolute; top: 35px; width: 185px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3); -moz-box-shadow: 0 1px 3px rgba(0,0,0, .3); box-shadow: 0 1px 3px rgba(0,0,0, .3); } #nav ul li { float: none; margin: 0; padding: 0; } #nav ul a { font-weight: bold; } /* las definiciones de los submenues internos */ #nav ul ul { left: 181px; top: -3px; } /* bordes redondeados del primer y último item */ #nav ul li:first-child > a { border-radius: 9px 9px 0 0; -webkit-border-top-left-radius: 9px; -moz-border-radius-topleft: 9px; -webkit-border-top-right-radius: 9px; -moz-border-radius-topright: 9px; } #nav ul li:last-child > a { border-radius: 0 0 9px 9px; -webkit-border-bottom-left-radius: 9px; -moz-border-radius-bottomleft: 9px; -webkit-border-bottom-right-radius: 9px; -moz-border-radius-bottomright: 9px; } /* definiciones generales */ #nav:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } #nav { display: inline-block; } html[xmlns] #nav { display: block; } * html #nav { height: 1%; } /***********/ /*** HOME ***/ /*** header ***/ #header.home { width: auto; z-index: 10; margin: 0px 0px 0px 0px;} #header.home div.logo { background: #000 url(../img/banner.jpg) no-repeat; position: relative; height: 170px; width: 1050px; margin: 20px 0 0 0; border-radius: 20px 20px 0 0; -moz-border-radius-topleft: 20px; /* Firefox*/ -webkit-border-top-left-radius: 20px; /* Safari,Chrome.*/ -moz-border-radius-topright: 20px; /* Firefox*/ -webkit-border-top-right-radius: 20px; /* Safari,Chrome.*/ behavior: url(PIE.htc); } #header.home div.logo a.home { position: absolute; width: 25%; height: 100%; top: 0; left: 0; } #header.home div.logo div.idiomes { height: 30px; width: 175px; left: 875px; position: absolute; float: right; /* For IE8 and earlier */ background-color: rgb(232,25,25); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.27, rgb(153,19,19)), color-stop(0.67, rgb(232,25,25)), color-stop(0.87, rgb(242,33,29)) ); background-image: -moz-linear-gradient( center bottom, rgb(153,19,19) 27%, rgb(232,25,25) 67%, rgb(242,33,29) 87% ); border-radius: 0 20px 0 20px; -moz-border-radius-bottomleft: 20px; /* Firefox*/ -webkit-border-bottom-left-radius: 20px; /* Safari,Chrome.*/ -moz-border-radius-topright: 20px; /* Firefox*/ -webkit-border-top-right-radius: 10px; /* Safari,Chrome.*/ behavior: url(PIE.htc); } #header.home div.logo div.idiomes ul { } #header.home div.logo div.idiomes ul li { float: left; list-style: none; margin: 0px; position: relative; } #header.home div.logo div.idiomes ul li a:link, #header.home div.logo div.idiomes ul li a:visited { color: #fff; font-weight: bold; font-family: Calibri; font-size: 13px; text-decoration: none; position: relative; float: left; margin: 6px 0; } #header.home div.logo div.idiomes ul li a:hover { color: #ffed2b; } #header.home div.logo div.idiomes ul li a img { position: relative; float: left; margin: 2px 7px 0 15px; } #header.home div.logo div.gif img { height: 170px; width: 480px; position: relative; float: left; margin: 0 0 0 570px; border-radius: 0 20px 0 0; -moz-border-radius-topright: 20px; /* Firefox*/ -webkit-border-top-right-radius: 10px; /* Safari,Chrome.*/ behavior: url(PIE.htc); } #header.home div.logo img { position: relative; float: left; margin: 5px 0 0 20px; } #header.home div.logo h1 { color: #fff; font-family: Calibri; font-weight: bold; font-size: 20px; margin: 20px 0 0 50px; position: relative; float: left; } /***************/ /*** content ***/ #content.home { height: auto; width: auto; margin: 10px 0; z-index: -100; } #content.home div.leftDiv { position: relative; float: left; height: auto; width: 69%; z-index: -1; margin: 0px 10px 0 0; } #content.proba { height: auto; width: auto; margin: 10px 0; z-index: -100; } #content.proba div.leftDiv { border: 1px solid #f00; position: relative; float: left; height: auto; width: 600px; z-index: -1; margin: 0px 0 0 0; } #content.proba div.rightDiv { border: 1px solid #0f0; position: relative; float: left; height: auto; width: 410px; z-index: -1; margin: 0px 0 0 0; } /*** NEWS ***/ #content.home div.leftDiv div.news { height: 493px; width: 100%; position: relative; float: left; margin: 0 10px 10px 0; z-index: -1; } #content.home div.leftDiv div.news div.content { background-color: #000; height: 493px; width: 100%; margin: 5px 0 0 0; -webkit-box-shadow: 3px 3px 9px #666; border-radius: 15px 15px 5px 5px; -webkit-border-top-left-radius: 15px; /* Safari,Chrome.*/ -moz-border-radius-topleft: 15px; /* Firefox*/ -webkit-border-top-right-radius: 15px; /* Safari,Chrome.*/ -moz-border-radius-topright: 15px; /* Firefox*/ -webkit-border-bottom-left-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-bottomleft: 5px; /* Firefox*/ -webkit-border-bottom-right-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-bottomright: 5px; /* Firefox*/ behavior: url(PIE.htc); } #content.home div.leftDiv div.news div.content div.header { background-color: rgb(232,25,25); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.27, rgb(153,19,19)), color-stop(0.67, rgb(232,25,25)), color-stop(0.87, rgb(242,33,29)) ); background-image: -moz-linear-gradient( center bottom, rgb(153,19,19) 27%, rgb(232,25,25) 67%, rgb(242,33,29) 87% ); height: 30px; width: 98.7%; margin: 5px 0 0 5px; position: relative; float: left; border-radius: 10px 10px 0 0; -moz-border-radius-topleft: 10px; /* Firefox*/ -webkit-border-top-left-radius: 10px; /* Safari,Chrome.*/ -moz-border-radius-topright: 10px; /* Firefox*/ -webkit-border-top-right-radius: 10px; /* Safari,Chrome.*/ behavior: url(PIE.htc); } #content.home div.leftDiv div.news div.content div.header label { color: #fff; position: relative; float: left; font-size: 18px; font-family: Calibri; font-weight: bold; margin: 3px 0 0 10px; } #content.home div.leftDiv div.news div.content div.content_news { height: 493px; width: 98.7%; margin: 5px 0 0 5px; position: relative; float: left; } #content.home div.leftDiv div.news div.content div.content_news ul { list-style: none; background-color: #fff; height: 20px; width: 100%; position: relative; float: left; } #content.home div.leftDiv div.news div.content div.content_news ul li { list-style: none; } #content.home div.leftDiv div.news div.content div.content_news ul li a { text-decoration: none; } .main_image { width: 60%; height: 445px; float: left; background: #111; position: relative; overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/ color: #fff; font-family: Calibri; -ms-border-bottom-left-radius: 5px; /* IE 8.*/ -webkit-border-bottom-left-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-bottomleft: 5px; /* Firefox*/ } .main_image img { width: 100%; height: 285px; } .main_image h2 { position: relative; float: left; clear: left; text-align: left; font-size: 16px; font-weight: bold; margin: 0; padding: 10px; } .main_image h2 a:link, .main_image h2 a:visited { text-decoration: none; color: #f00; } .main_image h2 a:hover { text-decoration: none; color: #fff; } .main_image p { position: relative; float: left; text-align: left; font-size: 14px; padding: 10px; margin: 0 0 10px 0; } .main_image p a:link, .main_image p a:visited { text-decoration: none; color: #fff; } .main_image p a:hover { text-decoration: none; color: #f00; } .main_image h3 { position: relative; float: left; clear: left; text-align: left; color: #ffed2b; font-size: 11px; font-style: italic; padding: 0px; margin: 0 0 0 10px; } .main_image .desc { position: absolute; bottom: 0; left: 0; /*--Stick the desc class to the bottom of our main image container--*/ width: 100%; height: 160px; display: none; /*--Hide description by default, if js is enabled, we will show this--*/ } .main_image .block { width: 100%; background: #111; border-top: 1px solid #000; } .main_image a.show { background-position: left bottom; } .image_thumb { font-family: Calibri; float: left; width: 39.7%; height: 444px; overflow: hidden; background: #f0f0f0; border-right: 1px solid #fff; border-top: 1px solid #ccc; -ms-border-bottom-right-radius: 5px; /* IE 8.*/ -webkit-border-bottom-right-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-bottomright: 5px; /* Firefox*/ } .image_thumb img { width: 50px; height: 50px; border: 1px solid #ccc; padding: 1px; background: #fff; float: left; } .image_thumb ul { margin: 0; padding: 0; list-style: none; } .image_thumb ul li { margin: 0; padding: 10px 10px; background: #f0f0f0 url(nav_a.gif) repeat-x; width: 100%; height: 50px; float: left; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; border-right: 1px solid #ccc; } .image_thumb ul li.hover { background: #ddd; cursor: pointer; } .image_thumb ul li.active { background: #fff; cursor: default; } .image_thumb ul li h2 { text-align: left; font-size: 12px; margin: 0 0 0 5px; padding: 0; } .image_thumb ul li h2 a:link, .image_thumb ul li h2 a:visited { text-decoration: none; color: #000; } .image_thumb ul li h3 { display: none; } .image_thumb ul li .block { position: relative; float: left; padding: 0; margin: 10px 0; width: 150px; height: auto; } .image_thumb ul li p { display: none; }/*--Hide the description on the list items--*/ .image_thumb div.old_news { position: relative; float: left; width: 219px; height: 70px; margin: 280px 0; } .image_thumb div.old_news p { position: relative; float: left; clear: left; margin: 5px 0 0 10px; } .image_thumb div.old_news p a:link, .image_thumb div.old_news p a:visited { color: #000; text-decoration: none; font-family: Calibri; font-weight: bold; font-size: 11px; text-align: left; display: block; } .image_thumb div.old_news p a:hover { color: rgb(242,33,29); } .image_thumb ul.fadein { margin: 0; padding: 0; list-style: none; } .image_thumb ul.fadein li { margin: 0; padding: 10px 10px; background: #f0f0f0 url(nav_a.gif) repeat-x; width: 219px; height: 50px; float: left; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; border-right: 1px solid #ccc; } .image_thumb ul.fadein li.hover { background: #ddd; cursor: pointer; } .image_thumb ul.fadein li.active { background: #fff; cursor: default; } .image_thumb ul.fadein li h2 { text-align: left; font-size: 12px; margin: 0 0 0 5px; padding: 0; } .image_thumb ul.fadein li h2 a:link, .image_thumb ul.fadein li h2 a:visited { text-decoration: none; color: #000; } .image_thumb ul.fadein li h3 { display: none; } .image_thumb ul.fadein li .block { position: relative; float: left; padding: 0; margin: 10px 0; width: 150px; height: auto; } .image_thumb ul.fadein li p { display: none; }/*--Hide the description on the list items--*/ /*******************/ /*** BLOC ***/ #content.home div.bloc { height: auto; width: 100%; position: relative; float: left; margin: 0px 10px 10px 0; z-index: -1; } #content.home div.bloc div.content { background-color: #000; height: auto; width: 100%; display: table; margin: 5px 0 15px 0; -webkit-box-shadow: 3px 3px 9px #666; border-radius: 15px 15px 5px 5px; -webkit-border-top-left-radius: 15px; /* Safari,Chrome.*/ -moz-border-radius-topleft: 15px; /* Firefox*/ -webkit-border-top-right-radius: 15px; /* Safari,Chrome.*/ -moz-border-radius-topright: 15px; /* Firefox*/ -webkit-border-bottom-left-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-bottomleft: 5px; /* Firefox*/ -webkit-border-bottom-right-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-bottomright: 5px; /* Firefox*/ behavior: url(PIE.htc); } #content.home div.bloc div.content div.header { background-color: rgb(232,25,25); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.27, rgb(153,19,19)), color-stop(0.67, rgb(232,25,25)), color-stop(0.87, rgb(242,33,29)) ); background-image: -moz-linear-gradient( center bottom, rgb(153,19,19) 27%, rgb(232,25,25) 67%, rgb(242,33,29) 87% ); height: 30px; width: 98.7%; margin: 5px 0 0 5px; position: relative; float: left; border-radius: 10px 10px 0 0; -moz-border-radius-topleft: 10px; /* Firefox*/ -webkit-border-top-left-radius: 10px; /* Safari,Chrome.*/ -moz-border-radius-topright: 10px; /* Firefox*/ -webkit-border-top-right-radius: 10px; /* Safari,Chrome.*/ behavior: url(PIE.htc); } #content.home div.bloc div.content div.header label { color: #fff; position: relative; float: left; font-size: 18px; font-family: Calibri; font-weight: bold; margin: 3px 0 0 10px; } #content.home div.bloc div.content div.content_main { background-color: #fff; height: auto; width: 98.7%; margin: 5px 0 10px 5px; position: relative; float: left; border-radius: 0 0 5px 5px; -webkit-border-bottom-left-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-bottomleft: 5px; /* Firefox*/ -webkit-border-bottom-right-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-bottomright: 5px; /* Firefox*/ behavior: url(PIE.htc); } #content.home div.bloc_r { height: auto; width: 1050px; position: relative; float: left; margin: 0px 10px 10px 0; z-index: -1; } #content.home div.bloc_r div.content { background-color: #000; height: auto; width: 1050px; display: table; margin: 5px 0 15px 0; -webkit-box-shadow: 3px 3px 9px #666; border-radius: 15px 15px 5px 5px; -webkit-border-top-left-radius: 15px; /* Safari,Chrome.*/ -moz-border-radius-topleft: 15px; /* Firefox*/ -webkit-border-top-right-radius: 15px; /* Safari,Chrome.*/ -moz-border-radius-topright: 15px; /* Firefox*/ -webkit-border-bottom-left-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-bottomleft: 5px; /* Firefox*/ -webkit-border-bottom-right-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-bottomright: 5px; /* Firefox*/ behavior: url(PIE.htc); } #content.home div.bloc_r div.content div.header { background-color: rgb(232,25,25); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.27, rgb(153,19,19)), color-stop(0.67, rgb(232,25,25)), color-stop(0.87, rgb(242,33,29)) ); background-image: -moz-linear-gradient( center bottom, rgb(153,19,19) 27%, rgb(232,25,25) 67%, rgb(242,33,29) 87% ); height: 30px; width: 1040px; margin: 5px 0 0 5px; position: relative; float: left; border-radius: 10px 10px 0 0; -moz-border-radius-topleft: 10px; /* Firefox*/ -webkit-border-top-left-radius: 10px; /* Safari,Chrome.*/ -moz-border-radius-topright: 10px; /* Firefox*/ -webkit-border-top-right-radius: 10px; /* Safari,Chrome.*/ behavior: url(PIE.htc); } #content.home div.bloc_r div.content div.header label { color: #fff; position: relative; float: left; font-size: 18px; font-family: Calibri; font-weight: bold; margin: 3px 0 0 10px; } #content.home div.bloc_r div.content div.content_main { background-color: #fff; height: auto; width: 1040px; margin: 5px 0 10px 5px; position: relative; float: left; border-radius: 0 0 5px 5px; -webkit-border-bottom-left-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-bottomleft: 5px; /* Firefox*/ -webkit-border-bottom-right-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-bottomright: 5px; /* Firefox*/ behavior: url(PIE.htc); } /*** noticies ***/ #content.home div.bloc div.content div.content_main div.noticies { position: relative; float: left; width: 100%; } #content.home div.bloc div.content div.content_main div.noticies img { position: relative; float: left; border: 1px solid #000; margin: 10px 10px; width: 96%; } #content.home div.bloc div.content div.content_main div.noticies h1 { position: relative; float: left; clear: left; border-bottom:1px solid #666; font-family: Calibri; font-weight: bold; font-size: 24px; color: #d60606; margin: 10px 10px; } #content.home div.bloc div.content div.content_main div.noticies p { font-family: Calibri; font-size: 14px; color: #000; position: relative; float: left; clear: left; margin: 5px 10px 20px 10px; text-align: justify; } #content.home div.bloc div.content div.content_main div.noticies p.data { font-family: Calibri; font-style: oblique; font-size: 12px; color: #666; position: relative; float: left; margin: 5px 0px 10px 10px; } #content.home div.bloc div.content div.content_main div.noticies p.peu_foto { font-family: Calibri; font-weight: bold; font-size: 12px; color: #666; position: relative; float: left; text-align: left; margin: -5px 0 0 12px; } /*** llista noticies ***/ #content.home div.bloc div.content div.content_main div.noticies div.llista { border-bottom: 1px solid #666; position: relative; float: left; width: 600px; margin: 0 0 10px 10px; } #content.home div.bloc div.content div.content_main div.noticies div.llista div.left { position: relative; float: left; width: 70px; } #content.home div.bloc div.content div.content_main div.noticies div.llista div.right { position: relative; float: left; width: 520px; } #content.home div.bloc div.content div.content_main div.noticies div.llista img { position: relative; float: left; border: 1px solid #000; margin: 10px 10px; width: 60px; height: 60px; } #content.home div.bloc div.content div.content_main div.noticies div.llista h2 { position: relative; float: left; font-family: Calibri; font-weight: bold; font-size: 20px; color: #d60606; margin: 10px 0 0 10px; } #content.home div.bloc div.content div.content_main div.noticies div.llista h2 a:link, #content.home div.bloc div.content div.content_main div.noticies div.llista h2 a:visited { text-decoration: none; color: #000; } #content.home div.bloc div.content div.content_main div.noticies div.llista h2 a:hover { color: #d60606; } #content.home div.bloc div.content div.content_main div.noticies div.llista label.data { position: relative; float: left; clear: left; font-family: Calibri; font-style: oblique; font-size: 12px; color: #666; margin: 5px 0 0 10px; } /*** historia ***/ #content.home div.bloc div.content div.content_main div.historia { position: relative; float: left; margin: 10px; } #content.home div.bloc div.content div.content_main div.historia h1 { border-bottom:1px solid #666; font-family: Calibri; font-weight: bold; font-size: 24px; color: #d60606; position: relative; float: left; margin: 10px 10px; text-transform: uppercase; } #content.home div.bloc div.content div.content_main div.historia p { font-family: Calibri; font-size: 13px; color: #000; position: relative; float: left; clear: left; margin: 5px 10px 5px 10px; text-align: justify; } /*** plantilla ***/ div.slideDiv table { width: 100%; margin: 10px 0 20px 45px; } div.slideDiv table tr { height: 50px; } div.slideDiv table td { } div.slideDiv div.person { width: 100%; min-height: 100px; margin: 10px 0; font-family: Calibri; font-size: 0.9em; } div.slideDiv div.person div.left { position: relative; float: left; display: table; } div.slideDiv div.person div.right { position: relative; float: left; margin: 20px 0 0 6%; } div.slideDiv div.jugador div.right { clear: left; } div.slideDiv div.person div.right h1 { text-transform: uppercase; } div.slideDiv div.person div.right h2 { margin: 0 !important; } div.slideDiv div.person div.right a.twitter { background: url(../img/twitter_person.png) no-repeat; background-position: 0 0; height: 20px; width: 20px; margin: 10px 0 0 40%; display: block; text-decoration: none; } div.slideDiv div.person div.right a:hover.twitter { background: url(../img/twitter_person.png) no-repeat; background-position: 0 bottom; } div.slideDiv img.foto { position: relative; float: left; border: 1px solid #000; height: 140px; width: 120px; display: inline-block } div.slideDiv span { position: relative; float: left; font-size: 11px; width: 100px; font-family: arial; } div.slideDiv div.plantilla_cap { border-bottom: 1px solid #000; width: 100%; height: 25px; margin: 0 0 20px 0; } div.slideDiv div.plantilla_cap h2 { position: relative; float: left; font-family: arial; } /**************/ table { width: 100%; margin: 10px 0 20px 0; } table tr { height: 50px; } table td { } div.person { width: 100%; min-height: 100px; margin: 10px; font-family: Calibri; font-size: 0.9em; display: table; } div.person div.left { position: relative; float: left; width: 19% } div.person div.right { position: relative; float: left; width: 45% } div.person div.right h1 { text-transform: uppercase; } div.person div.right h2 { margin: 50px 0 5px 0; } div.person div.right h3 { font-size: 1.0em; font-style: italic; font-weight: normal; margin: 5px 0; } div.person div.right a.twitter { background: url(../img/twitter_person.png) no-repeat; background-position: 0 0; height: 20px; width: 20px; margin: 10px 0 0 40%; display: block; text-decoration: none; } div.person div.right a:hover.twitter { background: url(../img/twitter_person.png) no-repeat; background-position: 0 bottom; } img.foto { position: relative; float: left; border: 1px solid #000; height: 200px; width: 180px; display: inline-block } span { position: relative; float: left; font-size: 11px; width: 100px; font-family: arial; } div.plantilla_cap { border-bottom: 1px solid #000; width: 100%; height: 25px; margin: 0 0 20px 0; } div.plantilla_cap h2 { position: relative; float: left; font-family: arial; } /*** hentrena ***/ #content.home div.bloc_r div.content div.content_main div.hentrena h1 { border-bottom:1px solid #666; font-family: Calibri; font-weight: bold; font-size: 24px; color: #d60606; position: relative; float: left; margin: 10px 0px; text-transform: uppercase; } #content.home div.bloc_r div.content div.content_main div.hentrena p.nota { font-family: Calibri; font-size: 14px; font-weight: bold; font-style: italic; color: #000; position: relative; float: left; clear: left; margin: 5px 10px 5px 0px; text-align: justify; } #content.home div.bloc_r div.content div.content_main div.hentrena img { position: relative; float: left; margin: 40px 0 0 180px; } #content.home div.bloc_r div.content div.content_main div.hentrena div.entreno { width: 900px; height: auto; margin: 10px 50px; font-family: Calibri; font-size: 14px; } #content.home div.bloc_r div.content div.content_main div.hentrena div.entreno table { width: 100%; position: relative; float: left; margin: 0 0 20px 0; } #content.home div.bloc_r div.content div.content_main div.hentrena div.entreno td {/* border: 1px solid #999;*/ background: #333; color: #fff; height: 50px; text-align: center; vertical-align: middle; } #content.home div.bloc_r div.content div.content_main div.hentrena div.entreno td.dh { background: #d30017; border-left: 1px solid #000; border-bottom: 1px solid #000; color: #ffed2b; height: 50px; } #content.home div.bloc_r div.content div.content_main div.hentrena div.entreno td.dh2 { border-left: 1px solid #000; border-bottom: 1px solid #000; color: #fff; height: 50px; } #content.home div.bloc_r div.content div.content_main div.hentrena div.porters { width: 900px; height: auto; margin: 10px 50px; font-family: Calibri; font-size: 14px; } #content.home div.bloc_r div.content div.content_main div.hentrena div.porters table { width: 100%; position: relative; float: left; margin: 0 0 20px 0; } #content.home div.bloc_r div.content div.content_main div.hentrena div.porters td { /*border: 1px solid #999;*/ background: #333; color: #fff; height: 20px; text-align: center; vertical-align: middle; } #content.home div.bloc_r div.content div.content_main div.hentrena div.porters td.dh { background: #d30017; color: #ffed2b; height: 50px; border-left: 1px solid #000; border-bottom: 1px solid #000; } #content.home div.bloc_r div.content div.content_main div.hentrena div.porters td.dh2 { border-left: 1px solid #000; border-bottom: 1px solid #000; color: #fff; height: 50px; } /*** hpartits ***/ #content.home div.bloc_r div.content div.content_main table.pj { position: relative; float: left; background: #333; width: 92%; height: auto; margin: 20px 0 20px 40px; font-family: Calibri; } #content.home div.bloc_r div.content div.content_main table.camps { position: relative; float: left; background: #333; width: 250px; height: auto; margin: 20px 0px; font-family: Calibri; } #content.home div.bloc_r div.content div.content_main table.pj tr { height: 50px; } #content.home div.bloc_r div.content div.content_main table.pj tr.cap, #content.home div.bloc_r div.content div.content_main table.camps tr.cap { background: #d30017; color: #000; height: 40px; border: 1px solid #000; font-size: 18px; text-align: center; vertical-align: middle; } div.tab_content tr.cap { visibility: hidden; } #content.home div.bloc_r div.content div.content_main table.pj td.tit, #content.home div.bloc_r div.content div.content_main table.camps td.tit { color: #000; font-weight: bold; text-align: center; vertical-align: middle; } #content.home div.bloc_r div.content div.content_main table.pj tr.c1, #content.home div.bloc_r div.content div.content_main table.camps tr.c1 { background: #404040; color: #ffed2b; height: 40px; border: 1px solid #000; font-size: 16px; } #content.home div.bloc_r div.content div.content_main table.pj tr.c2, #content.home div.bloc_r div.content div.content_main table.camps tr.c2 { background: #1e1e1e; color: #ffed2b; height: 40px; border: 1px solid #000; font-size: 16px; } #content.home div.bloc_r div.content div.content_main table.pj td.equips { color: #c0c0c0; width: 380px; vertical-align: middle; padding: 0 0 0 80px; } #content.home div.bloc_r div.content div.content_main table.pj td.data { color: #ffed2b; font-weight: bold; width: 280px; text-align: justify; vertical-align: middle; padding: 0 0 0 80px; } #content.home div.bloc_r div.content div.content_main td a:link, #content.home div.bloc_r div.content div.content_main td a:visited { color: #c3c3c3; text-decoration: none; font-weight: bold; } #content.home div.bloc_r div.content div.content_main td a:hover { color: #fff; } #content.home div.bloc_r div.content div.content_main table.pj td a:link, #content.home div.bloc_r div.content div.content_main table.pj td a:visited { background: url("../img/camp.png") no-repeat; position: relative; width: 38px; height: 38px; margin: 8px 0 0 50px; float: left; display: block; opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */ } #content.home div.bloc_r div.content div.content_main table.pj td a:hover { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ } #content.home div.bloc_r div.content div.content_main table.videos { position: relative; float: left; background: #333; width: 900px; height: auto; margin: 20px 50px; font-family: Calibri; } #content.home div.bloc_r div.content div.content_main table.videos tr.cap { background: #d30017; color: #000; height: 40px; border: 1px solid #000; font-size: 18px; text-align: center; vertical-align: middle; } #content.home div.bloc_r div.content div.content_main table.videos td.e { color: #ffed2b; font-weight: bold; text-align: center; vertical-align: middle; width: 250px; } #content.home div.bloc_r div.content div.content_main table.videos td.d { color: #ffed2b; font-weight: bold; font-size: 13px; text-align: left; vertical-align: middle; width: 400px; padding: 5px 5px; } #content.home div.bloc_r div.content div.content_main table.videos td.u { color: #ffed2b; font-weight: bold; text-align: center; vertical-align: middle; width: 250px; } #content.home div.bloc_r div.content div.content_main table.videos td.tit { color: #000; font-weight: bold; text-align: center; vertical-align: middle; } #content.home div.bloc_r div.content div.content_main table.videos tr.c1 { background: #404040; color: #ffed2b; height: 40px; border: 1px solid #000; font-size: 16px; } #content.home div.bloc_r div.content div.content_main table.videos tr.c2 { background: #1e1e1e; color: #ffed2b; height: 40px; border: 1px solid #000; font-size: 16px; } #content.home div.bloc_r div.content div.content_main table.videos td a.video:link, #content.home div.bloc_r div.content div.content_main table.videos td a.video:visited { background: url("../img/video.png") no-repeat; position: relative; width: 38px; height: 38px; float: left; margin: 20px 100px; display: block; opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */ } #content.home div.bloc_r div.content div.content_main table.videos td a.video:hover { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ } #content.home div.bloc div.content div.content_main table.tenda { position: relative; float: left; width: 530px; height: auto; margin: 20px 50px; font-family: Calibri; } #content.home div.bloc div.content div.content_main table.tenda tr.cap { border-bottom:1px solid #666; font-family: Calibri; font-weight: bold; font-size: 18px; color: #d60606; text-transform: uppercase; height: 40px; text-align: center; vertical-align: middle; } #content.home div.bloc div.content div.content_main table.tenda td img { margin: 10px 0; } #content.home div.bloc div.content div.content_main table.tenda td.e { color: #000; font-weight: bold; text-align: center; vertical-align: middle; width: 250px; } /*** contactar ***/ #content.home div.bloc div.content div.content_main div.img { background: url("../img/ofi.jpg") no-repeat; border: 1px solid #000; width: 350px; height: 234px; position: relative; float: left; margin: 20px 0 20px 130px; } #content.home div.bloc div.content div.content_main div.info { width: 430px; height: auto; position: relative; float: left; margin: 20px 0 0 20px; } #content.home div.bloc div.content div.content_main div.info h1 { border-bottom:1px solid #666; font-family: Calibri; font-weight: bold; font-size: 24px; color: #d60606; position: relative; float: left; margin: 0px 0px; } #content.home div.bloc div.content div.content_main div.info table { width: 100%; margin: 0 0 20px 0; } #content.home div.bloc div.content div.content_main div.info table h2 { font-family: Calibri; font-weight: bold; font-size: 16px; color: #000; position: relative; float: left; clear: left; margin: 10px 10px; } #content.home div.bloc div.content div.content_main div.info table p { font-family: Calibri; font-size: 13px; font-weight: bold; font-style: italic; color: #666; position: relative; float: left; clear: left; margin: 5px 10px 5px 10px; text-align: justify; } #content.home div.bloc div.content div.content_main div.info table a:link, #content.home div.bloc div.content div.content_main div.info table a:visited { text-decoration: none; font-family: Calibri; font-weight: bold; font-size: 12px; color: #0080c0; } #content.home div.bloc div.content div.content_main div.info table a:hover { color: #00354f; } /*** resums partits ***/ #content.home div.bloc_r div.content div.content_main div.partit { position: relative; float: left; border-bottom: 1px solid #666; min-height: 200px; width: 950px; margin: 20px 20px; } #content.home div.bloc_r div.content div.content_main h1 { font-family: Calibri; font-weight: bold; font-size: 20px; color: #d60606; position: relative; float: left; margin: 0px 0px; } #content.home div.bloc_r div.content div.content_main h2 { font-family: Calibri; font-weight: bold; font-size: 14px; color: #666; position: relative; float: left; clear: left; margin: 5px 0 0 0; } #content.home div.bloc_r div.content div.content_main p.data { font-family: Calibri; font-style: oblique; font-size: 12px; color: #999; position: relative; float: left; margin: 6px 0 0 5px; } #content.home div.bloc_r div.content div.content_main div.left { position: relative; float: left; clear: left; min-height: 220px; width: 300px; margin: 10px 0 20px 0; } #content.home div.bloc_r div.content div.content_main div.right { position: relative; float: left; min-height: 220px; width: 640px; margin: 10px 0 20px 0; } #content.home div.bloc_r div.content div.content_main p.resum { font-family: Calibri; font-weight: bold; font-size: 14px; line-height: 24px; color: #000; position: relative; float: left; text-align: left; margin: 5px 0 0 10px; } #content.home div.bloc_r div.content div.content_main div.imgpartit { position: relative; float: left; clear: left; border: 1px solid #000; height: 201px; width: 300px; margin: 5px 0 0 0; } #content.home div.bloc_r div.content div.content_main p.peu_foto { font-family: Calibri; font-weight: bold; font-size: 12px; color: #666; position: relative; float: left; text-align: left; margin: 3px 0 0 0px; } /*** imatges ***/ #content.home div.bloc_r div.content div.content_main div.imatges { position: relative; float: left; width: 100%; height: auto; margin: 10px 10px; } #content.home div.bloc_r div.content div.content_main div.imatges a:link, #content.home div.bloc_r div.content div.content_main div.imatges a:visited { cursor: pointer; text-decoration: none; font-family: Calibri; font-weight: bold; font-size: 13px; color: #000; position: relative; width: 320px; height: 32px; margin: 10px 0 0 10px; float: left; opacity:0.75; filter:alpha(opacity=75); /* For IE8 and earlier */ } #content.home div.bloc_r div.content div.content_main div.imatges a:hover { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ } #content.home div.bloc_r div.content div.content_main div.imatges a label { position: relative; float:left; text-align: left; margin: 0 0 0 10px; cursor: pointer; } #content.home div.bloc_r div.content div.content_main div.imatges a img { position: relative; float: left; margin: -7px 0; } #content.home div.bloc_r div.content div.content_main div.galeria { position: relative; float: left; width: 100%; height: auto; } #content.home div.bloc_r div.content div.content_main div.galeria a:link, #content.home div.bloc_r div.content div.content_main div.galeria a:visited { cursor: pointer; text-decoration: none; font-family: Calibri; font-weight: bold; font-size: 13px; color: #000; position: relative; width: 75px; height: 75px; margin: 10px 0 0 10px; float: left; opacity:0.75; filter:alpha(opacity=75); /* For IE8 and earlier */ } #content.home div.bloc_r div.content div.content_main div.galeria a:hover { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ } #content.home div.bloc_r div.content div.content_main div.galeria a label { position: relative; float:left; text-align: left; margin: 0 0 0 10px; cursor: pointer; } #content.home div.bloc_r div.content div.content_main div.galeria a img { border: 2px solid #000; position: relative; float: left; margin: -7px 0; } /*** formulari ***/ #content.home div.bloc div.content div.content_main div.form { position: relative; float: left; height: 300px; width: 800px; margin: 20px 20px; font-family: Calibri; font-weight: bold; } #content.home div.bloc div.content div.content_main div.form table { } #content.home div.bloc div.content div.content_main div.form table td { height: 50px; } #content.home div.bloc div.content div.content_main div.form table td.c1 { height: 50px; width: 70px; text-align: left; } #content.home div.bloc div.content div.content_main div.form table td.c2 { height: 50px; width: 300px; text-align: left; } #content.home div.bloc div.content div.content_main div.form table tr { height: 50px; } #content.home div.bloc div.content div.content_main div.form input { position: relative; float: left; font-family: Calibri; font-weight: bold; font-size: 14px; width: 300px; height: 20px; } #content.home div.bloc div.content div.content_main div.form input:focus { position: relative; float: left; background: #5badff; border: 1px solid #0074e8; } #content.home div.bloc div.content div.content_main div.form textarea { position: relative; float: left; font-family: Calibri; font-weight: bold; font-size: 14px; width: 300px; height: 150px; } #content.home div.bloc div.content div.content_main div.form textarea:focus { position: relative; float: left; background: #5badff; border: 1px solid #0074e8; } #content.home div.bloc div.content div.content_main div.form .button { font-family: Calibri; font-weight: bold; font-size: 14px; color: #000; background:#adadad; border: 1px solid #666;; width:80px; height:30px; cursor: pointer; margin: 20px 0; position: relative; float: right; border-radius: 15px 15px 15px 15px; -webkit-border-top-left-radius: 15px; /* Safari,Chrome.*/ -moz-border-radius-topleft: 15px; /* Firefox*/ -webkit-border-top-right-radius: 15px; /* Safari,Chrome.*/ -moz-border-radius-topright: 15px; /* Firefox*/ -webkit-border-bottom-left-radius: 15px; /* Safari,Chrome.*/ -moz-border-radius-bottomleft: 15px; /* Firefox*/ -webkit-border-bottom-right-radius: 15px; /* Safari,Chrome.*/ -moz-border-radius-bottomright: 15px; /* Firefox*/ behavior: url(PIE.htc); } #content.home div.bloc div.content div.content_main div.form .button:hover { background: #c10909; border: none; color: #fff; } #content.home div.bloc div.content div.content_main div.form div.ok { position: relative; float: left; color: #009700; } #content.home div.bloc div.content div.content_main div.form div.ok img { position: relative; float: left; } #content.home div.bloc div.content div.content_main div.form div.ok label { position: relative; float: left; margin: 7px 0; } #content.home div.bloc div.content div.content_main div.form div.error { position: relative; float: left; color: #c10909; margin: 0 0 0 10px; font-size: 14px; } #content.home div.bloc div.content div.content_main div.form div.error img { position: relative; float: left; } #content.home div.bloc div.content div.content_main div.form div.error label { position: relative; float: left; margin: 7px 0; } div.content div.prox_partit { font-family: Calibri; font-size: 0.8em; color: #fff; position: relative; float: left; width: 100%; margin: 0 0 15px 0; } div.content div.prox_partit h1 { margin: 10px 0; font-size: 1.0em; } div.content div.prox_partit img { width: 65%; } div.content div.prox_partit p.data { margin: 10px 0 0 0; } div.content div.prox_partit p.equips { margin: 2px 0 0 0; } /************************/ /*** pagination ***/ .paginate { font-family: Arial, Helvetica, sans-serif; font-size: 10px; position: relative; clear: left; margin: 0 0 10px 0; } a.paginate { border: 1px solid #000; padding: 2px 6px 2px 6px; text-decoration: none; color: #fff; background-color: #000; } a.paginate:hover { background-color: #aa0000; color: #FFF; border: 1px solid #ff7777; } a.current { border: 1px solid #aa0000; font: bold 10px Arial,Helvetica,sans-serif; padding: 2px 6px 2px 6px; cursor: default; background:#aa0000; color: #FFF; text-decoration: none; } span.inactive { border: 1px solid #999; font-family: Arial, Helvetica, sans-serif; font-size: .7em; padding: 2px 6px 2px 6px; color: #999; cursor: default; } /****************/ /*** TWITTER ***/ #content.home div.leftDiv div.twitter { min-height: 360px; width: 50%; position: relative; float: left; clear: left; margin: 0 10px 10px 0; z-index: 100; } #content.home div.leftDiv div.twitter div.content { background-color: #000; height: auto; display: table; width: 100%; margin: 0px 0 0 0; z-index: 200; -webkit-box-shadow: 3px 3px 9px #666; border-radius: 15px 15px 5px 5px; -webkit-border-top-left-radius: 15px; /* Safari,Chrome.*/ -moz-border-radius-topleft: 15px; /* Firefox*/ -webkit-border-top-right-radius: 15px; /* Safari,Chrome.*/ -moz-border-radius-topright: 15px; /* Firefox*/ -webkit-border-bottom-left-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-bottomleft: 5px; /* Firefox*/ -webkit-border-bottom-right-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-bottomright: 5px; /* Firefox*/ behavior: url(PIE.htc); } #content.home div.leftDiv div.twitter div.content div.widget { position: relative; float: left; width: 95%; margin: 0 10px 10px; z-index: 500; } #content.home div.leftDiv div.twitter div.content div.widget div.espai { position: relative; float: left; height: 10px; width: 280px; margin: 0px 0; } #content.home div.leftDiv div.twitter div.content div.header { background-color: rgb(232,25,25); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.27, rgb(153,19,19)), color-stop(0.67, rgb(232,25,25)), color-stop(0.87, rgb(242,33,29)) ); background-image: -moz-linear-gradient( center bottom, rgb(153,19,19) 27%, rgb(232,25,25) 67%, rgb(242,33,29) 87% ); height: 30px; width: 97.3%; margin: 5px 0 0 5px; position: relative; float: left; border-radius: 10px 10px 0 0; -moz-border-radius-topleft: 10px; /* Firefox*/ -webkit-border-top-left-radius: 10px; /* Safari,Chrome.*/ -moz-border-radius-topright: 10px; /* Firefox*/ -webkit-border-top-right-radius: 10px; /* Safari,Chrome.*/ behavior: url(PIE.htc); } #content.home div.leftDiv div.twitter div.content div.header label { color: #fff; position: relative; float: left; font-size: 18px; font-family: Calibri; font-weight: bold; margin: 3px 0 0 10px; } a#twittershare { position: relative; float: right; background: url(../img/twitter_share.png) no-repeat; padding: 13px 13px; display: block; margin: 10px 10px 0 0; } /*************************/ /*** FACEBOOK ***/ #content.home div.leftDiv div.facebook { height: 360px; width: 48.6%; position: relative; float: left; margin: 0 0px 0 0; z-index: -1; } #content.home div.leftDiv div.facebook div.content { background-color: #000; height: 374px; width: 100%; margin: 0; -webkit-box-shadow: 3px 3px 9px #666; border-radius: 15px 15px 5px 5px; -webkit-border-top-left-radius: 15px; /* Safari,Chrome.*/ -moz-border-radius-topleft: 15px; /* Firefox*/ -webkit-border-top-right-radius: 15px; /* Safari,Chrome.*/ -moz-border-radius-topright: 15px; /* Firefox*/ -webkit-border-bottom-left-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-bottomleft: 5px; /* Firefox*/ -webkit-border-bottom-right-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-bottomright: 5px; /* Firefox*/ behavior: url(PIE.htc); } #content.home div.leftDiv div.facebook div.content div.header { background-color: rgb(232,25,25); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.27, rgb(153,19,19)), color-stop(0.67, rgb(232,25,25)), color-stop(0.87, rgb(242,33,29)) ); background-image: -moz-linear-gradient( center bottom, rgb(153,19,19) 27%, rgb(232,25,25) 67%, rgb(242,33,29) 87% ); height: 30px; width: 97.3%; margin: 5px 0 0 5px; position: relative; float: left; border-radius: 10px 10px 0 0; -moz-border-radius-topleft: 10px; /* Firefox*/ -webkit-border-top-left-radius: 10px; /* Safari,Chrome.*/ -moz-border-radius-topright: 10px; /* Firefox*/ -webkit-border-top-right-radius: 10px; /* Safari,Chrome.*/ behavior: url(PIE.htc); } #content.home div.leftDiv div.facebook div.content div.header label { color: #fff; position: relative; float: left; font-size: 18px; font-family: Calibri; font-weight: bold; margin: 3px 0 0 10px; } #content.home div.leftDiv div.facebook div.content div.widget { background: #fff; position: relative; float: left; height: auto; width: 96%; margin: 10px 7px; } a#facebookshare { position: relative; float: right; background: url(../img/facebook_share.png) no-repeat; padding: 13px 13px; display: block; margin: 10px 10px; } /****************************/ #content.home div.rightDiv { position: relative; float: left; height: auto; width: 30%; z-index: -1; margin: 0px 0 0 0; } /*** RESULT ***/ #content.home div.rightDiv div.content { background-color: #000; height: auto; width: 100%; margin: 5px 0 10px 0; display: table; -webkit-box-shadow: 3px 3px 9px #666; border-radius: 15px 15px 5px 5px; -webkit-border-top-left-radius: 15px; /* Safari,Chrome.*/ -moz-border-radius-topleft: 15px; /* Firefox*/ -webkit-border-top-right-radius: 15px; /* Safari,Chrome.*/ -moz-border-radius-topright: 15px; /* Firefox*/ -webkit-border-bottom-left-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-bottomleft: 5px; /* Firefox*/ -webkit-border-bottom-right-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-bottomright: 5px; /* Firefox*/ behavior: url(PIE.htc); } #content.home div.rightDiv div.content div.header { background-color: rgb(232,25,25); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.27, rgb(153,19,19)), color-stop(0.67, rgb(232,25,25)), color-stop(0.87, rgb(242,33,29)) ); background-image: -moz-linear-gradient( center bottom, rgb(153,19,19) 27%, rgb(232,25,25) 67%, rgb(242,33,29) 87% ); height: 30px; width: 97%; margin: 5px 0 0 5px; position: relative; float: left; border-radius: 10px 10px 0 0; -moz-border-radius-topleft: 10px; /* Firefox*/ -webkit-border-top-left-radius: 10px; /* Safari,Chrome.*/ -moz-border-radius-topright: 10px; /* Firefox*/ -webkit-border-top-right-radius: 10px; /* Safari,Chrome.*/ behavior: url(PIE.htc); } #content.home div.rightDiv div.content div.header label { color: #fff; position: relative; float: left; font-size: 18px; font-family: Calibri; font-weight: bold; margin: 3px 0 0 10px; } #content.home div.rightDiv div.content div.content_result { background-color: #333; height: auto; width: 410px; margin: 5px 0 0 5px; position: relative; float: left; overflow: hidden; border-radius: 0 0 5px 5px; -webkit-border-bottom-left-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-bottomleft: 5px; /* Firefox*/ -webkit-border-bottom-right-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-bottomright: 5px; /* Firefox*/ behavior: url(PIE.htc); } #content.home div.rightDiv div.content div.tab_content table.rj { width: 97%; height: auto; margin: 10px 10px; font-family: Calibri; font-size: 0.9em; } #content.home div.rightDiv div.content div.tab_content table.pj { width: 97%; height: auto; margin: 10px 5px; font-family: Calibri; font-size: 0.9em; } #content.home div.rightDiv div.content div.tab_content table.rj tr, #content.home div.rightDiv div.content div.tab_content table.pj tr { height: 23px; } #content.home div.rightDiv div.content div.tab_content td { position: relative; float: left; margin: 2px 0; } #content.home div.rightDiv div.content div.tab_content table.rj td.equip_l { color: #999; width: 37%; text-align: right; } #content.home div.rightDiv div.content div.tab_content table.rj td.equip_v { color: #999; width: 37%; text-align: left; } #content.home div.rightDiv div.content div.tab_content table.pj td.equips { color: #999; width: 59%; text-align: left; margin: 0 0 0 10px; font-size: 0.9em; } #content.home div.rightDiv div.content div.tab_content td.resultat { color: #f21f1a; font-weight: bold; width: 23%; text-align: center; } #content.home div.rightDiv div.content div.tab_content td.data { font-size: 0.8em; color: #ffed2b; font-weight: bold; width: 37%; text-align: left; } #content.home div.rightDiv div.content div.tab_content td a:link, #content.home div.rightDiv div.content div.tab_content td a:visited { color: #dfdfdf; text-decoration: none; font-weight: bold; } #content.home div.rightDiv div.content div.tab_content td a:hover { color: #fff; } label.mp { color: #dfdfdf; font-weight: bold; } #content.home div.publi { height: auto; width: 100%; position: relative; float: left; margin: 5px 0 0 0px; z-index: -1; } #content.home div.publi div.box_publi { position: relative; float: left; background-color: #000; height: 130px; width: 32.6%; margin: 0px 11.5px 10px 0; -webkit-box-shadow: 3px 3px 9px #666; border-radius: 5px 5px 5px 5px; -webkit-border-top-left-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-topleft: 5px; /* Firefox*/ -webkit-border-top-right-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-topright: 5px; /* Firefox*/ -webkit-border-bottom-left-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-bottomleft: 5px; /* Firefox*/ -webkit-border-bottom-right-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-bottomright: 5px; /* Firefox*/ behavior: url(PIE.htc); } #content.home div.leftDiv div.publi, #content.home div.rightDiv div.publi { height: auto; width: 100%; position: relative; float: left; margin: 15px 0 0 0px; z-index: -1; } #content.home div.leftDiv div.publi div.box_publi, #content.home div.rightDiv div.publi div.box_publi { position: relative; float: left; background-color: #000; height: 130px; width: 100%; margin: 0px 0px 15px 0; -webkit-box-shadow: 3px 3px 9px #666; border-radius: 5px 5px 5px 5px; -webkit-border-top-left-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-topleft: 5px; /* Firefox*/ -webkit-border-top-right-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-topright: 5px; /* Firefox*/ -webkit-border-bottom-left-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-bottomleft: 5px; /* Firefox*/ -webkit-border-bottom-right-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-bottomright: 5px; /* Firefox*/ behavior: url(PIE.htc); } #content.home div.publi div.last { margin: 0px 0 10px 0px !important; } #content.home div.rightDiv div.publi div.soci { position: relative; float: left; background: #fff url(../img/soci.jpg) no-repeat; height: 120px; width: 400px; margin: 5px; border-radius: 2px 2px 2px 2px; -webkit-border-top-left-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-topleft: 2px; /* Firefox*/ -webkit-border-top-right-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-topright: 2px; /* Firefox*/ -webkit-border-bottom-left-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-bottomleft: 2px; /* Firefox*/ -webkit-border-bottom-right-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-bottomright: 2px; /* Firefox*/ behavior: url(PIE.htc); } #content.home div.leftDiv div.publi div.socio { position: relative; float: left; background: #fff url(../img/socio.jpg) no-repeat; height: 120px; width: 620px; margin: 5px; border-radius: 2px 2px 2px 2px; -webkit-border-top-left-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-topleft: 2px; /* Firefox*/ -webkit-border-top-right-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-topright: 2px; /* Firefox*/ -webkit-border-bottom-left-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-bottomleft: 2px; /* Firefox*/ -webkit-border-bottom-right-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-bottomright: 2px; /* Firefox*/ behavior: url(PIE.htc); } #content.home div.rightDiv div.publi a:link div.situacio { opacity: 0.85; filter:alpha(opacity=85); } #content.home div.rightDiv div.publi a:hover div.situacio { opacity: 1.0; filter:alpha(opacity=100); } #content.home div.leftDiv div.publi a:link div.situacion { opacity: 0.85; filter:alpha(opacity=85); } #content.home div.leftDiv div.publi a:hover div.situacion { opacity: 1.0; filter:alpha(opacity=100); } #content.home div.leftDiv div.publi div.situacio, #content.home div.rightDiv div.publi div.situacio { position: relative; float: left; background: url(../img/situacio.jpg) no-repeat; height: 120px; width: 98.6%; margin: 5px; border-radius: 2px 2px 2px 2px; -webkit-border-top-left-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-topleft: 2px; /* Firefox*/ -webkit-border-top-right-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-topright: 2px; /* Firefox*/ -webkit-border-bottom-left-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-bottomleft: 2px; /* Firefox*/ -webkit-border-bottom-right-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-bottomright: 2px; /* Firefox*/ behavior: url(PIE.htc); } #content.home div.leftDiv div.publi div.situacion { position: relative; float: left; background: #fff url(../img/situacion.jpg) no-repeat; height: 120px; width: 620px; margin: 5px; border-radius: 2px 2px 2px 2px; -webkit-border-top-left-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-topleft: 2px; /* Firefox*/ -webkit-border-top-right-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-topright: 2px; /* Firefox*/ -webkit-border-bottom-left-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-bottomleft: 2px; /* Firefox*/ -webkit-border-bottom-right-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-bottomright: 2px; /* Firefox*/ behavior: url(PIE.htc); } #content.home div.publi div.anunci img { position: relative; float: left; /*background: #fff url(../img/anunci.jpg) no-repeat;*/ height: 120px; width: 97%; margin: 5px; border-radius: 2px 2px 2px 2px; -webkit-border-top-left-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-topleft: 2px; /* Firefox*/ -webkit-border-top-right-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-topright: 2px; /* Firefox*/ -webkit-border-bottom-left-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-bottomleft: 2px; /* Firefox*/ -webkit-border-bottom-right-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-bottomright: 2px; /* Firefox*/ behavior: url(PIE.htc); } #content.home div.publi div.situa img { width: 98.5% !important; } #content.home div.publi div.socio { position: relative; float: left; background: #fff url(../img/socio.jpg) no-repeat; height: 120px; width: 400px; margin: 5px; border-radius: 2px 2px 2px 2px; -webkit-border-top-left-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-topleft: 2px; /* Firefox*/ -webkit-border-top-right-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-topright: 2px; /* Firefox*/ -webkit-border-bottom-left-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-bottomleft: 2px; /* Firefox*/ -webkit-border-bottom-right-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-bottomright: 2px; /* Firefox*/ behavior: url(PIE.htc); } #content.home div.publi div.anuncio { position: relative; float: left; background: #fff url(../img/anuncio.jpg) no-repeat; height: 120px; width: 400px; margin: 5px; border-radius: 2px 2px 2px 2px; -webkit-border-top-left-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-topleft: 2px; /* Firefox*/ -webkit-border-top-right-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-topright: 2px; /* Firefox*/ -webkit-border-bottom-left-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-bottomleft: 2px; /* Firefox*/ -webkit-border-bottom-right-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-bottomright: 2px; /* Firefox*/ behavior: url(PIE.htc); } #content.home div.publi div.marcel { position: relative; float: left; background: #fff url(../img/marcel_pages.jpg) no-repeat; height: 120px; width: 97%; margin: 5px; border-radius: 2px 2px 2px 2px; -webkit-border-top-left-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-topleft: 2px; /* Firefox*/ -webkit-border-top-right-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-topright: 2px; /* Firefox*/ -webkit-border-bottom-left-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-bottomleft: 2px; /* Firefox*/ -webkit-border-bottom-right-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-bottomright: 2px; /* Firefox*/ behavior: url(PIE.htc); } #content.home div.publi div.gag { position: relative; float: left; background: #fff url(../img/gag.jpg) no-repeat; height: 120px; width: 97%; margin: 5px; border-radius: 2px 2px 2px 2px; -webkit-border-top-left-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-topleft: 2px; /* Firefox*/ -webkit-border-top-right-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-topright: 2px; /* Firefox*/ -webkit-border-bottom-left-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-bottomleft: 2px; /* Firefox*/ -webkit-border-bottom-right-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-bottomright: 2px; /* Firefox*/ behavior: url(PIE.htc); } #content.home div.publi div.canal_cat { opacity: 85%; position: relative; float: left; background: #fff url(../img/canal_cat.jpg) no-repeat; height: 120px; width: 97%; margin: 5px; border-radius: 2px 2px 2px 2px; -webkit-border-top-left-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-topleft: 2px; /* Firefox*/ -webkit-border-top-right-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-topright: 2px; /* Firefox*/ -webkit-border-bottom-left-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-bottomleft: 2px; /* Firefox*/ -webkit-border-bottom-right-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-bottomright: 2px; /* Firefox*/ behavior: url(PIE.htc); } #content.home div.publi a:link div.canal_cat { opacity: 0.85; filter:alpha(opacity=85); } #content.home div.publi a:hover div.canal_cat { opacity: 1.0; filter:alpha(opacity=100); } #content.home div.publi div.canal_es { opacity: 85%; position: relative; float: left; background: #fff url(../img/canal_es.jpg) no-repeat; height: 120px; width: 400px; margin: 5px; border-radius: 2px 2px 2px 2px; -webkit-border-top-left-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-topleft: 2px; /* Firefox*/ -webkit-border-top-right-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-topright: 2px; /* Firefox*/ -webkit-border-bottom-left-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-bottomleft: 2px; /* Firefox*/ -webkit-border-bottom-right-radius: 2px; /* Safari,Chrome.*/ -moz-border-radius-bottomright: 2px; /* Firefox*/ behavior: url(PIE.htc); } #content.home div.publi a:link div.canal_es { opacity: 0.85; filter:alpha(opacity=85); } #content.home div.publi a:hover div.canal_es { opacity: 1.0; filter:alpha(opacity=100); } /**********************/ /*** footer ***/ #footer.home { height: auto; width: auto; font-family: Calibri; font-size: 12px; font-weight: bold; color:#3c3c3c; } #footer.home div.logos { position: relative; float: left; height: 120px; width: 1000px; margin: 0px 0 0 160px; } #footer.home div.logos ul { position: relative; float: left; margin: 20px 0 0 0; } #footer.home div.logos ul li { float: left; list-style: none; margin: 0 20px; padding: 0 0 8px; position: relative; height: 64px; width: auto; } #footer.home div.logos ul li a:link.pattrick, #footer.home div.logos ul li a:visited.pattrick { background: url(../img/pattrick_logo.png) no-repeat; background-position: 0 0; height: 53px; width: 283px; display: block; text-decoration: none; margin: 5px 0; } #footer.home div.logos ul li a:hover.pattrick { background: url(../img/pattrick_logo.png) no-repeat; background-position: 0 bottom; } #footer.home div.logos ul li a:link.santboi, #footer.home div.logos ul li a:visited.santboi { background: url(../img/santboi_logo.png) no-repeat; background-position: 0 0; height: 60px; width: 101px; display: block; text-decoration: none; } #footer.home div.logos ul li a:hover.santboi { background: url(../img/santboi_logo.png) no-repeat; background-position: 0 bottom; } #footer.home div.logos ul li a:link.facebook, #footer.home div.logos ul li a:visited.facebook { background: url(../img/facebook_logo.png) no-repeat; background-position: 0 0; height: 48px; width: 48px; display: block; text-decoration: none; } #footer.home div.logos ul li a:hover.facebook { background: url(../img/facebook_logo.png) no-repeat; background-position: 0 bottom; } #footer.home div.logos ul li a:link.twitter, #footer.home div.logos ul li a:visited.twitter { background: url(../img/twitter_logo.png) no-repeat; background-position: 0 0; height: 48px; width: 48px; display: block; text-decoration: none; } #footer.home div.logos ul li a:hover.twitter { background: url(../img/twitter_logo.png) no-repeat; background-position: 0 bottom; } #footer.home div.logos ul li a:link.youtube, #footer.home div.logos ul li a:visited.youtube { background: url(../img/youtube_logo.png) no-repeat; background-position: 0 0; height: 48px; width: 48px; display: block; text-decoration: none; } #footer.home div.logos ul li a:hover.youtube { background: url(../img/youtube_logo.png) no-repeat; background-position: 0 bottom; } #footer.home div.content_footer { background-color: #000; position: relative; float: left; height: 50px; width: 1050px; margin: 0 0 20px 0; border-radius: 5px 5px 35px 35px; -webkit-border-top-left-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-topleft: 5px; /* Firefox*/ -webkit-border-top-right-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-topright: 5px; /* Firefox*/ -webkit-border-bottom-left-radius: 35px; /* Safari,Chrome.*/ -moz-border-radius-bottomleft: 35px; /* Firefox*/ -webkit-border-bottom-right-radius: 35px; /* Safari,Chrome.*/ -moz-border-radius-bottomright: 35px; /* Firefox*/ behavior: url(PIE.htc); } #footer.home div.content_footer p { position: relative; float: left; clear: left; color: #a9a9a9; } #footer.home div.content_footer p.sup { position: relative; float: left; clear: left; margin: 10px 0 0px 285px; } #footer.home div.content_footer p.inf { position: relative; float: left; clear: left; margin: 0px 0 0px 400px; } #footer.home div.content_footer p a:link, #footer.home div.content_footer p a:visited { text-decoration:none; color:#ebebeb; } #footer.home div.content_footer p a:hover { text-decoration:none; color: rgb(242,33,29); } /************/ .content_main ul { position: relative; float: left; margin: 0 0 10px 24%; } ul li { float: left; list-style: none; margin: 0 15px; padding: 0 0 8px; position: relative; } ul li a { }/* ul li a.btn:link, .btn:visited { border:1px solid #666; cursor:pointer; display:block; margin:10px auto 0; padding:5px; text-align:center; text-decoration:none; width:100px; -moz-border-radius:15px; -webkit-border-radius:15px; background: #000; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.15, rgb(0,0,0)), color-stop(0.58, rgb(74,74,74)), color-stop(0.85, rgb(54,54,54)) ); background-image: -moz-linear-gradient( center bottom, rgb(0,0,0) 15%, rgb(74,74,74) 58%, rgb(54,54,54) 85% ); border-radius:15px; color:#FFF; font-size: 13px; font-weight:bold; text-shadow:-1px -1px 0 #444; font-family: Calibri; } ul li a.btn:hover{ background: rgb(232,25,25); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.27, rgb(153,19,19)), color-stop(0.67, rgb(232,25,25)), color-stop(0.87, rgb(242,33,29)) ); background-image: -moz-linear-gradient( center bottom, rgb(153,19,19) 27%, rgb(232,25,25) 67%, rgb(242,33,29) 87% ); } ul li a.btn:active{ background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.87, rgb(153,19,19)), color-stop(0.67, rgb(232,25,25)), color-stop(0.27, rgb(242,33,29)) ); background-image: -moz-linear-gradient( center bottom, rgb(153,19,19) 87%, rgb(232,25,25) 67%, rgb(242,33,29) 27% ); }*/ /* General button style (reset) */ .btn { border: none; font-family: Calibri; font-size: inherit; color: inherit; background: none; cursor: pointer; padding: 8px; display: inline-block; margin: 15px 0px; /*text-transform: uppercase;*/ letter-spacing: 1px; font-weight: 700; outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .btn:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* Button 2 */ .btn-2 { background: #cb4e4e; color: #fff; box-shadow: 0 6px #ab3c3c; -webkit-transition: none; -moz-transition: none; transition: none; } /* Button 2g */ .btn-2g { border-radius: 40px; } .btn-2g:hover { box-shadow: 0 4px #ab3c3c; top: 2px; } .btn-2g:active { box-shadow: 0 0 #ab3c3c; top: 6px; } a.back { position: relative; float: left; margin: 5px 0 5px 15px; } .slideDiv { position: relative; float: left; height: auto; width: 95%; padding: 0 20px; } .submenu { position: relative; float: left; height: auto; width: 100%; background: #999; border-radius: 0 0 20px 20px; margin: -20px 0 0px 0; padding: 0 0 10px 0 !important; z-index: -1; } .submenu li { float: left; list-style: none; margin: 0 15px; padding: 30px 0 8px; position: relative; } .submenu li a { color: #fff; display: block; font-weight: bold; font-family: Calibri; font-size: 1.0em; margin: 0; padding: 1px 10px; text-decoration: none; text-shadow: 0 1px 1px rgba(0,0,0, .3); } .submenu li a:hover { color: #000; } .submenu ul.equips li { float: left; list-style: none; margin: 20px 0 0px; padding: 10px 20px; position: relative; } .submenu ul.equips li h1 { font-family: Calibri; font-size: 1.0em; color: #222; border-bottom: 2px solid #555; font-style: italic; padding: 0 0 5px 0; } .submenu ul.equips li.equip { clear: left; margin: 0 0 0 0px; padding: 5px 10px; text-align: center; } .imgequip { position: relative; float: left; border: 1px solid #000; height: 267px; width: 400px; margin: 20px 0 15px 22%; } ul.tabs { margin: 5px 0 0 5px; padding: 0; float: left; list-style: none; width: 100%; } ul.tabs li { background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.46, rgb(118,121,122)), color-stop(0.73, rgb(154,158,159)), color-stop(0.87, rgb(185,190,191)) ); background-image: -moz-linear-gradient( center bottom, rgb(118,121,122) 46%, rgb(154,158,159) 73%, rgb(185,190,191) 87% ); background-color: rgb(118,121,122); height: 30px; margin: 5px 0 0 5px; position: relative; float: left; border-radius: 10px 10px 0 0; -moz-border-radius-topleft: 10px; /* Firefox*/ -webkit-border-top-left-radius: 10px; /* Safari,Chrome.*/ -moz-border-radius-topright: 10px; /* Firefox*/ -webkit-border-top-right-radius: 10px; /* Safari,Chrome.*/ behavior: url(PIE.htc); float: left; margin: 0; padding: 0; line-height: 31px; /*--Vertically aligns the text within the tab--*/ border-left: none; margin-bottom: -1px; /*--Pull the list item down 1px--*/ overflow: hidden; position: relative; } ul.tabs li.rj, ul.tabs li.pj { width: 48.5%; } ul.tabs li a { text-decoration: none; color: #000; display: block; font-size: 14px; padding: 0 20px; outline: none; font-family: Calibri; font-weight: bold; } ul.tabs li a:hover { background-color: rgb(232,25,25); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.27, rgb(153,19,19)), color-stop(0.67, rgb(232,25,25)), color-stop(0.87, rgb(242,33,29)) ); background-image: -moz-linear-gradient( center bottom, rgb(153,19,19) 27%, rgb(232,25,25) 67%, rgb(242,33,29) 87% ); color: #fff !important; border-radius: 10px 10px 0 0; -moz-border-radius-topleft: 10px; /* Firefox*/ -webkit-border-top-left-radius: 10px; /* Safari,Chrome.*/ -moz-border-radius-topright: 10px; /* Firefox*/ -webkit-border-top-right-radius: 10px; /* Safari,Chrome.*/ behavior: url(PIE.htc); } html ul.tabs li.active, html ul.tabs li.active a { color: #fff; } html ul.tabs li.active, html ul.tabs li.active a:hover { background-color: rgb(232,25,25); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.27, rgb(153,19,19)), color-stop(0.67, rgb(232,25,25)), color-stop(0.87, rgb(242,33,29)) ); background-image: -moz-linear-gradient( center bottom, rgb(153,19,19) 27%, rgb(232,25,25) 67%, rgb(242,33,29) 87% ); color: #fff; border-radius: 10px 10px 0 0; -moz-border-radius-topleft: 10px; /* Firefox*/ -webkit-border-top-left-radius: 10px; /* Safari,Chrome.*/ -moz-border-radius-topright: 10px; /* Firefox*/ -webkit-border-top-right-radius: 10px; /* Safari,Chrome.*/ behavior: url(PIE.htc); } .tab_container { clear: both; float: left; background-color: #333; height: auto; width: 97%; margin: 5px 0 10px 5px; position: relative; float: left; overflow: hidden; border-radius: 0 0 5px 5px; -webkit-border-bottom-left-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-bottomleft: 5px; /* Firefox*/ -webkit-border-bottom-right-radius: 5px; /* Safari,Chrome.*/ -moz-border-radius-bottomright: 5px; /* Firefox*/ behavior: url(PIE.htc); } } .tab_content { font-size: 1.2em; } .lof-slidecontent{ position:relative; overflow:hidden; width:620px; height:365px; border: 1px solid #000; font-family: Calibri; background: #fff; } .lof-slidecontent .preload{ height: 365px; width: 400px; background: #FFF; position: absolute; top: 0; left: 0; z-index: 100000; color: #FFF; text-align:center; } .lof-slidecontent .preload div{ height: 365px; width: 400px; background: transparent url(../img/load-indicator.gif) no-repeat scroll 50% 50%; } .lof-main-outer{ position: relative; height: 365px; width: 400px; z-index: 3; overflow: hidden; background: #333; } /*******************************************************/ .lof-main-item-desc{ z-index:100; position: relative; float: left; width: 400px; height: 130px; color: #fff;} .lof-main-item-desc h3 a{ position: relative; float: left; clear: left; text-align: left; font-size: 14px; font-weight: bold; margin: 0 0 6px 10px; text-decoration: none; color: #f00; } .lof-main-item-desc h3 a:hover{ color: #fff; } .lof-main-item-desc h2 { position: relative; float: left; clear: left; text-align: left; color: #ffed2b; font-size: 10px; font-style: italic; margin: 0 0 4px 10px; } .lof-main-item-desc p { position: relative; float: left; text-align: left; font-size: 12px; margin: 0 0 0 10px; } /* main flash */ ul.lof-main-wapper{ overflow: hidden; background: transparent url(../img/load-indicator.gif) no-repeat scroll 50% 50%; padding: 0px; margin: 0; height: 365px; width: 400px; position: absolute; } ul.lof-main-wapper li{ overflow: hidden; padding: 0px; margin: 0px; height: 100%; width: 400px; float: left; } .lof-opacity li{ position: absolute; top: 0; left: 0; float: inherit; } ul.lof-main-wapper li img{ padding: 0px; width: 400px; } li-desc{ z-index: 100; position: absolute; top: 150px; left: 50px; width: 200px; background: url(../img/transparent_bg.png); } li-desc p{ color: #FFF; margin:0 8px; padding:8px 0; } li-desc h3 a{ color: #FFF; margin: 0; font-size: 14px; padding: 20px 8px 2px; } li-desc h3 a:hover{ color: #FF6; text-decoration: underline; } /* item navigator */ ul.lof-navigator{ padding:0; margin:0; position: relative; float: left; width: 219px; height: 365px; } ul.lof-navigator li{ cursor: pointer; list-style: none; width: 219px; height: 100px; padding: 0; margin: 0; overflow: hidden; } .lof-navigator-outer{ position:absolute; left: 400px; top:0px; z-index:100; height:363px; width:219px; overflow:hidden; color:#FFF; } .lof-navigator li.active{ color:#FFF; } .lof-navigator li:hover { background: #c3c3c3; } .lof-navigator li h3{ text-align: left; font-size: 12px; margin: 30px 15px 0 60px; padding: 0; } .lof-navigator li div{ background:url(../img/transparent_bg.png); color:#FFF; height: 100px; width: 219px; position:relative; padding-left:10px; border-top:1px solid #E1E1E1; } .lof-navigator li.active div{ background: #d8d8d8; color: #FFF; } .lof-navigator li img{ height: 50px; width: 50px; margin:15px 15px 10px 0px; float:left; padding: 2px; border: #C5C5C5 solid 1px; } .lof-navigator li.active img{ border: #333 solid 1px; } .lof-navigator li.active h3{ text-decoration: none; color: #1e1e1e; }