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

body{
margin:0px;
padding:0;
background-color:#FFFFFF;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}


/* ESTILS DE TEXT */

a{ text-decoration:none; color:#01befb; font-weight:bold;}
a:hover{ text-decoration:none; background-color:#01befb; color:#FFFFFF;}

.none a{ }
.none a:hover{ background:none!important;}


h1{ font-size:24px;}
h2{ font-size:18px;}
h3{ font-size:15px; background:#000000; text-transform:uppercase; color:#FFFFFF; padding:2px;}

p{ font-size:12px;}

.nomargin p{ padding:0;margin:0;}


/* CONTENEDOR */

#wrappiphone{width:1040px; margin:0 auto;}

#wrapp{width:1000px; margin:0 auto;}

/* HEADER */

body.index #header{ width:780px; float:left; display:inline; padding-top:20px; text-align:left;}

body.projekts #header{ width:1000px; position:fixed; text-align:left; background:#FFFFFF; padding-top:20px; margin-left:0px;}

body.inmotion #header{ width:1000px; float:left; display:inline; text-align:left; padding-top:20px; margin-left:0px;}

body.info #header{ width:1000px; float:left; display:inline; text-align:left; padding-top:20px; margin-left:0px;}


/* MENU */

body.index #menu_div{ width:212px; float:left; text-align:left;}

body.projekts #menu_div{ width:220px; text-align:left; position:fixed; top:130px; left:50%; margin-left:-480px;}

body.inmotion #menu_div, body.info #menu_div{ width:212px; float:left; text-align:left;}

body.index #menu_div ul, body.index #menu_div ul li{ list-style:none; margin:0; padding:0;}

body.projekts #menu_div ul, body.projekts #menu_div ul li{ list-style:none; margin:0; padding:0;}

body.inmotion #menu_div ul, body.inmotion #menu_div ul li, body.info #menu_div ul, body.info #menu_div ul li{ list-style:none; margin:0; padding:0;}


body.index .menu1 {width:212px; height:33px; background:url(../img/bott_projekts.jpg) no-repeat 0 0; float:left; margin-right:0px; margin-top:20px;}
body.index .menu2 {width:212px; height:33px; background:url(../img/bott_inmotion.jpg) no-repeat 0 0; float:left; margin-right:0px;  margin-top:20px;}
body.index .menu3 {width:212px; height:33px; background:url(../img/bott_info.jpg) no-repeat 0 0; float:left; margin-right:0px;  margin-top:20px;}
body.index .menu1:hover, body.index .menu2:hover, body.index .menu3:hover { background-position: right 0; float:left;  margin-top:20px;}

body.projekts .menu1 {width:220px; height:35px; background:url(../img/bott_projekts_on.jpg) no-repeat 0 0; float:left; margin-right:0px; margin-top:20px;}
body.projekts .menu2 {width:220px; height:15px; background:url(../img/bott_inmotion_off.jpg) no-repeat 0 0; float:left; margin-right:0px;  margin-top:5px;}
body.projekts .menu3 {width:220px; height:15px; background:url(../img/bott_info_off.jpg) no-repeat 0 0; float:left; margin-right:0px;  margin-top:5px;}
body.projekts .menu1:hover, body.projekts .menu2:hover, body.projekts .menu3:hover { background-position: right 0; float:left;}

body.projekts #submnenu{ margin-top:30px; float:left; width:220px;}

body.projekts #submnenu ul, body.projekts #submnenu ul li{ list-style:none; margin:0 0 5px 0; padding:0; font-size:11px;}

body.projekts #submnenu a{ text-decoration:none; color:#000; font-weight:normal;}
body.projekts #submnenu a:hover{ text-decoration:none; background-color:#FFFF00; color:#000;}
body.projekts #submnenu a:visited{ text-decoration:line-through; color:#000; font-weight:normal;}

body.inmotion .menu1 {width:212px; height:33px; background:url(../img/bott_projekts.jpg) no-repeat 0 0; float:left; margin-right:0px; margin-top:20px;}
body.inmotion .menu2 {width:212px; height:33px; background:url(../img/bott_inmotion.jpg) no-repeat right 0; float:left; margin-right:0px;  margin-top:20px;}
body.inmotion .menu3 {width:212px; height:33px; background:url(../img/bott_info.jpg) no-repeat 0 0; float:left; margin-right:0px;  margin-top:20px;}
body.inmotion .menu1:hover, body.inmotion .menu2:hover, body.inmotion .menu3:hover { background-position: right 0; float:left;  margin-top:20px;}

body.info .menu1 {width:212px; height:33px; background:url(../img/bott_projekts.jpg) no-repeat 0 0; float:left; margin-right:0px; margin-top:20px;}
body.info .menu2 {width:212px; height:33px; background:url(../img/bott_inmotion.jpg) no-repeat 0 0; float:left; margin-right:0px;  margin-top:20px;}
body.info .menu3 {width:212px; height:33px; background:url(../img/bott_info.jpg) no-repeat right 0; float:left; margin-right:0px;  margin-top:20px;}
body.info .menu1:hover, body.info .menu2:hover, body.info .menu3:hover { background-position: right 0; float:left;  margin-top:20px;}


#menu_div .contact{ margin-top:160px; float:left;}

.shareid{ margin-right:5px; background:none;}
.shareid:hover{background:none!important;}


/* CONTENT */

body.index #content{ width:465px; float:left; margin-left:40px; margin-top:20px;text-align:left;}

body.projekts #content{ width:760px; float:right; margin-left:20px; margin-top:138px; text-align:left;}

body.projekts #content .info{ margin-left:20px; }

body.inmotion #content{ width:760px; float:right; margin-left:20px; margin-top:20px; text-align:left;}

body.inmotion #content .videog{ float:left; margin-bottom:30px;}

body.inmotion #content .info{ margin-left:20px; float:left; display:inline; width:170px; }

body.inmotion #content .info h4{ margin:0; }

body.inmotion #content .videop{ float:left; margin:10px;height:160px;}

body.inmotion #content .videop h4{ margin-top:5px; font-size:12px;}

body.inmotion #content .videop h4 a{ text-decoration:none; color:#000; font-weight:bold;}
body.inmotion #content .videop h4 a:hover{ text-decoration:none; background-color:#FFFF00; color:#000;}

body.info #content{ width:760px; float:right; margin-left:20px; margin-top:20px; text-align:left;}

body.info #content .info{ float:left; display:inline; width:415px; margin-top:20px; }
body.info #content .info h3{ margin:10px 0; background:none; color:#000000; padding:0; }
body.info #content .foto{ float:left; display:inline; margin-left:10px; margin-top:30px;}


/* NEWS */

#news_div{ width:220px; float:right; margin-top:25px; text-align:left;}

#news_div .entrada{ margin:15px 0;}

.data{ font-weight:bold; border-bottom:1px solid #000000; margin:2px 0; padding:0;}
.text_news{ margin:5px 0; padding:0; }

#moreless_div{ width:220px;}
.moreless_div_float1{ width:110px;float:left;}
.moreless_div_float2{ width:110px;float:left;text-align:right;}
.more{ font-size:14px; }
.more a{ text-decoration:none; color:#000; font-weight:bold;}
.more a:hover{ text-decoration:none; background-color:#FFFF00; color:#000;}
.moreb{ font-size:14px;color:#CCCCCC;font-weight:bold; }

/* FOOT */

#foot{ width:1000px; margin:20px auto;}

/* TWITTER */

#twitter_div{ width:361px; float:left;}
#twitter_div2{ width:361px;font-size:10px;text-align:left;padding-top:6px;}
#twitter_div3{ width:361px;font-size:10px;padding-top:6px;}
#twitter_div3_a{ width:100px;text-align:left;float:left}
#twitter_div3_b{ width:100px;text-align:left;float:left}
#twitter_div3_c{ width:161px;float:left;text-align:right;}
#twitter_status_time, #twitter_status_time1, #twitter_source, #twitter_source1, .twitter_via{ color:#999999;}
/* BLOG */

#blog_div{ width:545px; float:right; text-align:left;}
#blog_div .fecha{ font-size:9px; text-transform:uppercase; margin:0; padding:0;}
#blog_div h2{margin:20px 0 0 0; padding:0;}

.clearfloat {
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }