/*
Theme Name: MySun
Theme URI: http://escapestudio.net/
Description: The default MySun theme.
Version: 1.0
Author: Stanislav Mihić
Author URI: http://veselistudio.com/
Tags: zuta, crvena, anaradzasta
*/

/* Begin Typography & Colors */
@import url("css/navigation.css");
@import url("css/tabovi.css");
* {
    margin: 0px;
    padding: 0px;
    }

body {
    background: #fff; /*#fff6d3;url(images/bg.png) repeat-x left top #FFDA6A;*/
    font-family: Arial,Helvetica,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 62.5%;
    line-height: 1.6;
    color:#333333;
    }
#index{
    margin:0px auto;
    padding:0px;
    display:table;
    background:url(images/index_bg.png) no-repeat center top;
    width:100%;
    height:100%;
    }
#index_bg{
    margin:0px auto;
    padding:0px;
    display:table;
    background:url(images/bg.png) repeat-x left top  #fff;
    width:100%;
    height:100%;
    }
#page_bg{
    margin:0px auto;
    padding:0px;
    display:table;
    background: #fff url(images/page_bg.jpg) no-repeat center top;
    width:100%;
    height:100%;
    }
#wrapper{
    margin:0px auto;
    padding:0px;
    width:980px;
    }
#container{
    margin:0px 0px 20px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    width:980px;
    }
/******** misc ********/
a{
   border:none;
   outline:none;
   color: #d97912;
}
a:hover{
   color: #d95412;
}

a:visited{
   color: #cd9150;
}
a img{
   border:none;
   outline:none; 
}
blockquote p{
    font-size:1.6em;
    font-weight:bold;
    color:#333;
}

h1{
    margin:0px;
    padding:0px;
    font-size:2.8em;
    color:#333;
    font-weight:normal;
}
h2{
    margin:0px;
    padding:5px 0px;
    font-size:1.8em;
    color:#333;
    font-weight:normal;
    clear: both;
}
h3{
    margin:0px;
    padding:0px;
    font-size:1.6em;
    color:#333;
    font-weight:bold;
}

p{
    padding:5px 0px;
    margin:0px;
    color:#333;
    font-size:1.3em;
}

p.front{
    margin:0px;
    padding: 40px 60px;
    font-size: 1.5em;
    /*font-weight: bold;*/
    font-family: Tahoma;
    }

.entry ul, .entry ol{
    margin:0px;
    padding:10px 20px;
    list-style-postition:inside;
    font-size:1.3em;
    color:#333;
}
/*********** header **********/
#header{
    margin:0px;
    padding:0px 0px 0px 15px;
    float:left;
    width:945px;
}
/******** bread *********/

.breadcrumb{
    margin:30px 0px 0px 0px;
    padding:18px 10px 20px 10px;
    float:left;
    display:block;
    width:770px;
    background:url(images/bread.png) no-repeat left top;
    font-size:1.2em;
    color:#333;
    }
.breadcrumb a{
    text-decoration:none;
    }
.breadcrumb a:hover{
    text-decoration:underline;
    }
	
.breadcrumb a:visited{
   color: #d97912;
}

#logo{
    margin:0px;
    padding:0px;
    float:left;
}
#logo a{
    margin:0px;
    padding:0px;
    float:left;
    display:block;
    text-indent:-9999px;
    width:162px;
    height:85px;
    background:url(images/mysun.png) no-repeat left top;
}
/************** content ***************/
#content{
    margin:0px;
    padding:0px 0px 0px 15px;
    float:left;
    width:660px;
}




/************ footer *************/


#footer{
    margin:0px;
    padding: 1px 0px 0px 0px;
    float:left;
    width:960px;
}
#inner_footer{
    margin:0px;
    padding:80px 0px 0px 0px;
    float:left;
    width:100%;
    display:table;
    background:url(images/footer.png) repeat-x left top;
    }
#inner_footer #wrapp{
    margin:0px auto;
    padding:20px 0px 0px 0px;
    width:960px;
}
#poklon_bon{
    margin:0px;
    padding:60px 110px 0px 20px;
    float:left;
    display:block;
    width:190px;
    height:170px;
    background:url(images/poklon_bon.png) no-repeat left top;
}
#akcije{
    margin:0px 0px 0px 8px;
    padding:60px 50px 0px 20px;
    float:left;
    display:block;
    width:250px;
    height:170px;
    background:url(images/poklon_akcije.png) no-repeat left top;
}
#info{
    margin:0px;
    padding:80px 0px 0px 30px;
    float:left;
    display:block;
    width:280px;
    height:170px;
}
#info2{
    margin:0px;
    padding:70px 0px 0px 30px;
    float:left;
    display:block;
    width:280px;
    height:170px;
    background:url(images/inner_footer.png) no-repeat 3px 12px;
}
#inner_footer p, #footer p{
    margin:0px;
    padding:10px 0px;
    font-size:1.3em;
    color:#333;
}

/* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
    }

/*    Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

img.alignright {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

.alignright {
    float: right;
    }

.alignleft {
    float: left;
    }
/* End Images */







/* Captions */
.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}
/* End captions */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
    It won't be a stylish marriage, I can't afford a carriage.
    But you'll look sweet upon the seat of a bicycle built for two." */