/* SIMLPE CSS RESET */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);





html, body {
height: 100%;
margin:0;
padding:0;
}

html {
overflow-y: scroll;
overflow-x: hidden; 
}



.codedirection {
	unicode-bidi:bidi-override;
	direction: rtl;
}



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; font-family: 'Open Sans', sans-serif; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/*- -*/
/*- GENERIC BODY STYLES -*/
html, body {
  height: 100%;
  margin: 0 0 1px;
  padding: 0;
}
body {
	/*
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #333;*/
	background: #000;
}
p { margin-bottom: 18px; }
a { text-decoration: underline; }
a:hover { text-decoration: none; }
#container { /*width: 802px;*/ margin: 0 auto; }
/*- -*/
/*- FILTER OPTIONS -*/
ul#filterOptions {
	/*width: 802px;*/
	/*height: 52px;*/
	border-radius:2px;
	margin: 15px 0 26px 0;
	padding-top:15px;
	padding-bottom:10px;
	overflow: hidden;
	/*background: none repeat scroll 0 0 #1E1E1E;*/
	background: none repeat scroll 0 0 #000;
	text-align: center;
	/*background-color: #000;*/
    /*
    opacity:0.80;
    filter:alpha(opacity=80);
    */
    background: url("i/punto-negro-60.png") repeat 0 0;
}
ul#filterOptions li {
	/*height: 100px;*/
	padding-bottom:5px; 
	margin-right: 5px;
	display: inline-block;
	}
ul#filterOptions li a {
	/*height: 20px;*/
	padding: 7px 10px 6px 10px;
	/*border: 1px solid #999;*/
	/*background: #cfcfcf;*/
	color: #fff;
	line-height: 12px;
	text-decoration: none;
	display: block;
	transition: all 350ms ease 0s;
	border-radius:2px;
	font-weight: 400;
	text-transform: uppercase;
}
ul#filterOptions li a:hover { /*background: #c9c9c9;*/ background: none repeat scroll 0 0 #1072BA; }
ul#filterOptions li.active a { /*background: #999;*/ background: none repeat scroll 0 0 #1072BA; }
/*- -*/
/*- OUR DATA HOLDER -*/
ul.ourHolder {
	/*
	width: 800px;
	height: 850px;
	*/
	overflow: hidden;
}
ul.ourHolder li.item {
	
	width: 271px;
	height: 184px;
	
	float: left;
	text-align: center;
	overflow: hidden;
	/*border:5px solid #fff;*/
	margin:5px;
	background-color: #fff;
}


ul.ourHolder a:hover ,
ul.ourHolder a:active  {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=75)";
   filter: alpha(opacity=75);
   opacity: 0.75;
   /*background-color: rgba(219,127,8, 0.7);*/
   -webkit-transition: all 350ms ease 0s;
   -moz-transition: all 350ms ease 0s;
   -o-transition: all 350ms ease 0s;
   -ms-transition: all 350ms ease 0s;
   transition: all 350ms ease 0s;
}









ul.ourHolder li.item h3 { margin-top: 10px; font-size: 16px; line-height: 20px; }
/*- -*/





.header {
	height: 1%;
	overflow: hidden; 
	color: #fff;
}
.header .box_01 {
	float:left;
	width:25%;
	/*outline: 1px dotted #f0f;*/
}
.header .box_01 img {
	margin: 12px;
}
.header .box_02 {
	float:left;
	width:73%;
	/*outline: 1px dotted #f0f;*/
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: 400;
	text-align: justify;
	padding: 30px 12px 0 0;
	font-style: italic;
}
.header .box_02 .text_01 {
	/*color: #7e7e7e;*/
	color: #C9C9C9;

}
.header .box_02 .text_02 {
	font-weight: 700;
}

.header a:link,
.header a:visited {
	color:#fff;
	text-decoration: none;
}
.header a:hover,
.header a:active {
	color:#fff;	
	text-decoration: underline;
}




@media (min-width: 768px) {
	#container {max-width: 750px;}
	ul.ourHolder li.item {
	width: 240px;
	height: 174px;
	margin:5px;
	}
	.header .box_01 img {
	width:90%;
	}
	.header .box_02 .text_02 {
	letter-spacing: 0.02em;
	font-size: 0.9em;
	}
}
@media (min-width: 980px) {
  	#container {max-width: 970px;}
  	ul.ourHolder li.item {
  	width: 232px;
	height: 174px;
	margin:5px;
	}
	ul.ourHolder li.item img {
	width: 232px;
	height: 174px;
	}
	.header .box_01 img {
	width:200px;
	}
	.header .box_02 .text_02 {
	letter-spacing: 0.08em;
	font-size: 1.1em;
	}
}
@media (min-width: 1200px) {
	#container {max-width: 1170px;}
  	ul.ourHolder li.item {
  	width: 282px;
	height: 193px;
	margin:5px;
	}
	ul.ourHolder li.item img {
  	width: 282px;
	height: 193px;
	}
	.header .box_01 img {
	width:200px;
	}
	.header .box_02 .text_02 {
	letter-spacing: 0.07em;
	font-size: 1.3em;
	}
}