/* -------------------------------------------TO SMALL--------------------------------------------- */
/* -------------------------------------------TO SMALL--------------------------------------------- */

#toosmall 					{display:none; text-align:center; padding:20px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box}

/* -------------------------------------------GENERAL--------------------------------------------- */

html 						{height: 100%;}
body 						{height: 100%;margin: 0;padding: 0;font-size:14px; font-family: 'Roboto', sans-serif; background-color:#fff}

*							{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}




/* -------------------------------------------CONTENT--------------------------------------------- */

.container_style			{ padding:10px 0;}

.api-content_width			{width:960px; margin:0 auto; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.api-content_full		 	{width:100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}


.logo_top					{height:180px; width:100%; margin:0 auto; padding:30px; text-align:center}
.logo_top img				{margin:0 auto;}


a							{color:#009ee0; text-decoration:none}
a:hover						{text-decoration:underline}
.color1						{color:#fff}	
.color2						{color:#009ee0}	
.color3						{color:#bda883}	

.box-shadow 					{-webkit-box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.5);box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.5);}
.text-shadow	 				{text-shadow: 1px 1px 1px #ccc;filter: dropshadow(color=#ccc, offx=1, offy=1);}
	
/* -------------------------------------------content list--------------------------------------------- */
.content-col				{width:100%; margin:0 auto; padding:10px 0; text-align:center; overflow:hidden;-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);background:#f0f0f0}
.content-col-in				{width:100%; margin:0 auto;background-color:#fff; padding:30px 0; text-align:center; overflow:hidden;border-top:1px #ddd dashed; border-bottom:1px #ddd dashed;}
.fourcol					{width:300px; margin:2px auto; padding:5px; display:inline-table;text-align:left; color:#fff;}
.gallery					{width:100%; margin:0; padding:0; overflow:hidden;position:relative;-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);}

.thumb						{position:relative;height:120px;margin:20px;z-index:998; text-align:center}
.thumb img					{max-width: 100%;max-height: 100%;position: absolute;left: 0;right: 0;bottom: 0;margin: auto; z-index:999;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}

a.hover-effect				{position:absolute; text-decoration:none; text-align:center;bottom:-160px;right:0; left:0; height:100%; color:#fff; font-size:16px; z-index:1000; display: block;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}

a.hover-effect .site_bande	{display:block;width:100%;margin-top:40px;padding:5px;background:rgba(240,240,240,0.9);-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.10);-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.10);box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.10);}
a.hover-effect .site_title	{display:block; width:100%; color:#000; font-size:16px; font-weight:400;}
a.hover-effect .site_stitle	{display:block; width:100%; color:#000; font-size:12px; font-weight:200;}

.gallery:hover .hover-effect{bottom:0px;}
.gallery:hover .thumb img	{bottom:160px;}

/* -------------------------------------------FOOTER--------------------------------------------- */


a#scrollup 					{width:40px;height:40px; text-align:center; padding-top:5px; z-index:10001; position:fixed;bottom:50px;right:0;display:none; color:#fff; background-color:#009ee0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a:hover#scrollup 			{background-color:#fff;color:#009ee0}


#footer						{ overflow:hidden; width:100%; height:40px; position:relative; z-index:10000; background-color:#000; color:#fff; font-size:12px}