@charset "UTF-8";

@media (min-width: 240px) {
	
.div_50{
	float: left;
	width: 96%;
	margin-left: 2%;
	height: auto;
	margin-top: 15px;
}
	
.div_25{
	float: left;
	width: 100%;
	margin-left: 0%;
	height: auto;
	margin-top: 5px;
}
	
.div_33{
	float: left;
	width: 100%;
	margin-left: 0%;
	height: auto;
	margin-top: 5px;
}
	
.right_layout{
	float: left;
	width: 96%;
	margin-left: 2%;
	height: auto;
	margin-top: 15px;
	background-image: url(../images/white1.png); 
	border: solid 1px #000;
}
	
.categ_admin_deselect{
	font-family: "OpenSans_B", sans-serif;
	position: relative;
	cursor: pointer;
	font-size: 14px;
	width: 100%;
	color: #e1f5e7;
	text-align: left;
	float: left;
	font-weight: normal;
	padding: 5px;
	background-image: url(../images/buton2.png);
	border: 1px solid #063113;
	background-size:100% 100%;
	text-transform: uppercase;
	opacity: 0.4;
	margin-top: 5px;
}

.categ_admin_select{
	font-family: "OpenSans_B", sans-serif;
	position: relative;
	cursor: pointer;
	font-size: 14px;
	width: 100%;
	color: #e1f5e7;
	text-align: left;
	float: left;
	font-weight: normal;
	padding: 5px;
	background-image: url(../images/buton2.png);
	border: 1px solid #063113;
	background-size:100% 100%;
	text-transform: uppercase;
	margin-top: 5px;
}
	
.div_image_radio{
	position: relative;
	cursor: pointer;
	width: 100%;
	height: 200px;
	border: 1px solid #c7d8e2;
	margin-top: 5px;
	background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
	margin-left: 0px;
	float: left;
}
	
.product-grid{
	font-family: "OpenSans_B", sans-serif;
	position: relative;
	cursor: pointer;
	font-size: 14px;
	width: 98%;
	height: 80px;
	margin: 1%;
	float: left;
	border: 1px solid #005f38;
	position: relative;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	padding: 8px;
	text-align: center;
	vertical-align: middle;
	color:#1A2A04;
	background-image: url("../images/buton1.png");
	background-size: 100% 100%;
}
.product-grid:hover {
	box-shadow: 0px 1px 15px #54a081;
	z-index: 1;
	border: 1px solid #0a3b27;
	background-image: url("../images/buton1_b.png");
	color:#fff;
}
	
	
.product2-grid{
	font-family: "OpenSans_B", sans-serif;
	position: relative;
	cursor: pointer;
	font-size: 13px;
	width: 98%;
	height: 85px;
	margin: 1%;
	float: left;
	border: 1px solid #1f6488;
	position: relative;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
	color:#002f43;
	background-image: url("../images/serv1.png");
	background-size: 100% 100%;
}
.product2-grid:hover {
	box-shadow: 0px 1px 15px #a5ddf4;
	z-index: 1;
	border: 1px solid #0044b4;
	background-image: url("../images/serv2.png");
	color:#fff;
}
	
.div_40{
	float: left;
	width: 100%;
	margin-left: 0%;
	height: auto;
	margin-top: 5px;
	border: solid 1px #000;
	background-color: #fff;
}
	
.div_60{
	float: left;
	width: 100%;
	margin-left: 0%;
	height: auto;
	margin-top: 5px;
	border: solid 1px #000;
}
	
	
	
	
	
}


@media (min-width: 380px) {
	
}



@media (min-width: 480px) {
	
.div_image_radio{
	width: 48%;
	margin-left: 1%;
}
	
.product-grid{
	width: 48%;
	margin: 1%;
}
	
.product2-grid{
	width: 48%;
	margin: 1%;
}
	
	
		
}


@media (min-width: 600px) {
		
.right_layout{
	float: left;
	width: 200px;
	margin-left: 10px;
	margin-top: 0px;
}
	
.categ_admin_deselect{
	width: 49%;
	margin-left: 1%;
}

.categ_admin_select{
	width: 49%;
	margin-left: 1%;
}
	
.div_25{
	width: 49%;
	margin-left: 0.5%;
}
	
.product-grid{
	width: 48%;
	margin: 1%;
}
	
.product2-grid{
	width: 48%;
	margin: 1%;
}
	
.div_40{
	float: left;
	width: 39%;
	margin-left: 1%;
	height: auto;
	margin-top: 5px;
	border: solid 1px #000;
	background-color: #fff;
}
	
.div_60{
	float: left;
	width: 59%;
	margin-left: 1%;
	height: auto;
	margin-top: 5px;
	border: solid 1px #000;
}
	
	
}



@media (min-width: 768px) {
	
	.div_50{
	float: left;
	width: 47%;
	margin-left: 1%;
	height: auto;		
}
	
.product-grid{
	width: 48%;
	margin: 1%;
}
	
.product2-grid{
	width: 48%;
	margin: 1%;
}
	

		
	
}

@media (min-width: 992px) {
	
.div_image_radio{
	width: 31%;
	margin-left: 1%;
}
	
	
}

@media (min-width: 1200px) {
	.div_25{
	width: 24.5%;
	margin-left: 0.25%;
}
	
.div_33{
	width: 31.5%;
	margin-left: 1.5%;
}
	
.product-grid{
	width: 30%;
	margin: 1.5%;
}
	
.product2-grid{
	width: 30%;
	margin: 1.5%;
	margin-top: 4px;
	margin-bottom: 4px;
}
	
}


@media (min-width: 1400px) {	
.product-grid{
	width: 23%;
	margin: 1%;
}
.product2-grid{
	width: 23%;
	margin-left: 0.5%;
	margin-top: 4px;
	margin-bottom: 4px;
}
	
}



.cap_tabel {
	font-size: 13px;
	color: #F3ECE9;
	background-image: url(../images/buton2.png);
	background-repeat: repeat-x;
	float: left;
	background-size:100% 100%;
	height: auto;
	width: auto;
	padding-top: 6px;
	text-align: center;
}



.tabel_a {
	height: auto;
	min-height: 24px;
	width: auto;
	float: left;
	font-size: 14px;
	color: #115529;
	text-shadow:1px 1px 1px #fff;
	background-color: #ebfef2;
	text-align: center;
	margin-top: -1px;
	border: 1px solid #115529;
	padding-top: 6px;
	margin-left: -1px;
}

.tabel_b {
	height: auto;
	min-height: 24px;
	width: auto;
	float: left;
	font-size: 14px;
	color: #115529;
	text-shadow:1px 1px 1px #fff;
	background-color: #fff;
	text-align: center;
	margin-top: -1px;
	border: 1px solid #115529;
	padding-top: 6px;
	margin-left: -1px;
	opacity: 0.4;
}

.tabel_c {
	width: auto;
	float: left;
	font-size: 14px;
	color: #115529;
	text-shadow:1px 1px 1px #fff;
	background-color: #dbf1e3;
	text-align: center;
	margin-top: -1px;
	border: 1px solid #115529;
	padding-top: 6px;
	margin-left: -1px;
	height: auto;
	min-height: 24px;
}

.tabel_d {
	height: auto;
	min-height: 24px;
	width: auto;
	float: left;
	font-size: 14px;
	color: #3A1C16;
	text-shadow:1px 1px 1px #fff;
	background-color: #fff;
	text-align: center;
	margin-top: -1px;
	border: 1px solid #8e664d;
	padding-top: 6px;
	margin-left: -1px;
}

.check1{
	position: relative;
	cursor: pointer;
	float: left;
	height: 14px;
	width: 14px;
	background-image: url(../images/check1.png);
	margin-top: 9px;
	margin-left: 27px;
}

.check2{
	position: relative;
	cursor: pointer;
	float: left;
	height: 14px;
	width: 14px;
	background-image: url(../images/check2.png);
	margin-top: 9px;
	margin-left: 27px;
}


.delete{
	position: relative;
	cursor: pointer;
	background-image:url(../images/icon_del.gif);
	float: left;
	height: 10px;
	width: 10px;
	margin-top: 5px;
	margin-left: 25px;
}
.delete:hover {
	background-image: url(../images/icon_del.gif);

}

.edit{
	position: relative;
	cursor: pointer;
	background-image: url(../images/edit_2.png);
	float: left;
	height: 18px;
	width: 16px;
	margin-top: 4px;
}
.edit:hover {
background-image: url(../images/edit_1.png);
}

.text_01{
	font-family: "Arial", sans-serif;
	font-size: 14px;
	color: #042610;
	float: left;
	text-align: left;
	font-weight: normal;
}

.text_02{
	font-family: "Arial", sans-serif;
	font-size: 15px;
	color: #fff;
	float: left;
	text-align: left;
}

.text_03{
	font-family: "OpenSans_B", sans-serif;
	font-size: 14px;
	color: #042610;
	margin-left: 3px;
	text-transform: uppercase;
	float: left;
}

.text_link_03{
	position: relative;
	cursor: pointer;
	float: left;
	font-size: 14px;
	color: #09973b;
	text-decoration: underline;
}
.text_link_03:hover {
color: #000;
}


.content_box{
	float: left;
	width: auto;
	height: auto;
}

.punte{
	float: left;
	height: 1px;
	width: 20px;
	background-color: #0f692f;
}