/* Файл: style_gallery.css
   Выполнил: Абдуллин А.Р.
   ИСиТ 1-09 */
/*---------------------------------*/

body {background: url(fon_gallery.gif) #FFFFFF fixed}
p { 
	text-indent: 20px; /* Отступ первой строки*/
	margin: 0; 		   /* Отступы вокруг строки */
}

a:link, a:visited {color :red; text-decoration:none; font-size:14px; font-family:Arial; font-weight:bold;}
a:link:active, a:visited:active {color:#6674ff; text-decoration:none; font-size:14px; font-family:Arial; font-weight:bold;}
a:hover {color:#6674ff; text-decoration:none; font-size:14px; font-family:Arial; font-weight:bold;}

table
{
	background: #FFFFFF; 	   /* Цвет фона внутри таблицы - белый */
	border-radius: 25px;  	   /* Округление углов*/
	border: 2px solid #087a1a; /* Цвет - светло-синий*/
	font-family: Arial;
	font-size: 16px;
	box-shadow: -18px 0 20px -19px #6674ff, /* Двойная тень светло-синий */
                 18px 0 20px -19px #6674ff;
}
		
table.no_shadow
{
	box-shadow: 0px 0px 0px rgba(0,0,0,0.6); /* Нет тени */
	background: #FFFFFF; 	   /* Цвет фона внутри таблицы - белый */
	border-radius: 25px;  	   /* Округление углов*/
	border: 2px solid #6674ff; /* Цвет - светло-синий*/
	font-family: Arial;
	font-size: 16px;
}



/*********************************************************************************************/

table.no_shadow2
{
	box-shadow: 0px 0px 0px rgba(0,0,0,0.6); /* Нет тени */
	background: #FFFFFF; 	   /* Цвет фона внутри таблицы - белый */
	border-radius: 25px;  	   /* Округление углов*/
	border: 0px solid #6674ff; /* Цвет - светло-синий*/
	font-family: Arial;
	font-size: 16px;
}

.button{
	font:8px Calibri, Arial, sans-serif;

	/* A semi-transparent text shadow */
	text-shadow:1px 1px 0 rgba(255,255,255,0.4);
	
	/* Overriding the default underline styling of the links */
	text-decoration:none !important;
	white-space:nowrap;
	
	display:inline-block;
	vertical-align:baseline;
	position:relative;
	cursor:pointer;
	padding:10px 20px;
	
	background-repeat:no-repeat;

	/* The following two rules are fallbacks, in case
	   the browser does not support multiple backgrounds. */

	background-position:bottom left;
	background-image:url('button_b.png');
	
	/* Multiple backgrounds version. The background images
	   are defined individually in color classes */
	
	background-position:bottom left, top right, 0 0, 0 0;
	background-clip:border-box;
	
	/* Applying a default border raidus of 8px */
	
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	
	/* A 1px highlight inside of the button */
	
	-moz-box-shadow:0 0 1px #fff inset;
	-webkit-box-shadow:0 0 1px #fff inset;
	box-shadow:0 0 1px #fff inset;
	
	/* Animating the background positions with CSS3 */
	/* Currently works only in Safari/Chrome */
	
	-webkit-transition:background-position 1s;
	-moz-transition:background-position 1s;
	transition:background-position 1s;
}

.button:hover{
	
	/* The first rule is a fallback, in case the browser
	   does not support multiple backgrounds
	*/
	
	background-position:top left;
	background-position:top left, bottom right, 0 0, 0 0;
}

.button:active{
	/* Moving the button 1px to the bottom when clicked */
	bottom:-1px;
}

/* The three buttons sizes */

.button.big		{ font-size:18px;}
.button.medium	{ font-size:18px;}
.button.small	{ font-size:13px;}

/* A more rounded button */

.button.rounded{
	-moz-border-radius:4em;
	-webkit-border-radius:4em;
	border-radius:4em;
}


/* Defining four button colors */


/* BlueButton */

.blue.button{
	color:#0f4b6d !important;
	
	border:1px solid #84acc3 !important;
	
	/* A fallback background color */
	background-color: #48b5f2;
	
	/* Specifying a version with gradients according to */
	
	background-image:	url('button_b.png'), url('button_b.png'),
						-moz-radial-gradient(	center bottom, circle,
												rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),
						-moz-linear-gradient(#4fbbf7, #3faeeb);

	background-image:	url('button_b.png'), url('button_b.png'),
						-webkit-gradient(	radial, 50% 100%, 0, 50% 100%, 100,
											from(rgba(89,208,244,1)), to(rgba(89,208,244,0))),
						-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fbbf7), to(#3faeeb));
}

.blue.button:hover{
	background-color:#63c7fe;
	font-size:18px;
	background-image:	url('button_b.png'), url('button_b.png'),
						-moz-radial-gradient(	center bottom, circle,
												rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),
						-moz-linear-gradient(#63c7fe, #58bef7);
						
	background-image:	url('button_b.png'), url('button_b.png'),
						-webkit-gradient(	radial, 50% 100%, 0, 50% 100%, 100,
											from(rgba(109,217,250,1)), to(rgba(109,217,250,0))),
						-webkit-gradient(linear, 0% 0%, 0% 100%, from(#63c7fe), to(#58bef7));
}