@charset "utf-8";
/* CSS Document */
/* Powered By: SoftVi™ */

@font-face{
	font-family: 'GOTHIC'; 
	font-style: normal; 
	font-weight: normal;
	src: url(GOTHIC.TTF); 
}

body{
	font-family:GOTHIC;
	color:#363636;
	margin:0;
	background-color:#ccc;
}
img{
	max-width:100%;
	border:none;
}
a:link {
	color: #1D1D1B;
	text-decoration:none;
}
a:hover {
	color: #E74C3C;
	text-decoration: none;
}
a:visited {
	color: #1D1D1B;
	text-decoration: none;
}
a:active {
	color: #1D1D1B;
	text-decoration: none;
}
a img{
	border:none;
	max-width:100%;
}
.a_home a{
	color:#3785b7;
}
/*++++++++ Starts Style Menu ++++++++*/
.menu{
	border-bottom:4px #3785b7 solid;
	margin:0px;
	padding:0px;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	}
.menu ul{
	background:#363636;
	height:auto;
	list-style:none;
	margin:0;
	padding:0;
	border-radius:0px 0px 0px 0px;
	-moz-border-radius:0px 0px 0px 0px;
}
	.menu li{
		padding:0px;
		text-align:center;
		display:inline-table;
		}
	.menu li a{
		background:#363636;
		color:#cccccc;
		display:block;
		font-weight:normal;
		line-height:50px;
		margin:0px;
		padding:0px 20px;
		text-align:center;
		text-decoration:none;
	transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
	-webkit-transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: all 0.5s ease-in-out, box-shadow 0.1s linear;		
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #3785b7;
			color:#FFFFFF;
			text-decoration:none;
	/*---color---*/
	transition: color 0.5s ease-in-out, box-shadow 0.1s linear;	
	-webkit-transition: color 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: color 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: color 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: color 0.5s ease-in-out, box-shadow 0.1s linear;
	/*---bg color---*/
	transition: background-color 0.5s ease-in-out, box-shadow 0.1s linear;		
	-webkit-transition: background-color 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: background-color 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: background-color 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: background-color 0.5s ease-in-out, box-shadow 0.1s linear;			
			}
	.menu li ul{
		background:#363636;
		display:none;
		height:auto;
		padding:0px;
		margin:-8px 0px 0px 0px;
		border:0px;
		position:absolute;
		width:auto;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:auto;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:50px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#3785b7;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}
.opc_act{
	background:#3785b7;
	color:#ffffff;
	padding:14px;
}
.opc_act_2{
	color:#c62026;
}
.opc_act_3{
	color:#1D1D1B;
}		
/*++++++++ End Style Menu ++++++++*/

/*--- Start style sub menu ---*/
.sub_menu{
	text-align:center;
	padding-top:1.5em;
}
.sub_menu div{
	text-align:center;
	display:inline-table;
	margin:1em;
	padding:10px;
	border:1px #ccc dashed;
	background-color:#f9f9f9;
	border-radius:20px 0px 20px 0px;
	-moz-border-radius:20px 0px 20px 0px;
}
/*--- End style sub menu ---*/

/*--- header style ---*/
#header{
	max-width:1030px;
	margin:10px auto 40px auto;
	text-align:center;
	position:relative;
	color:#3785b7;
	padding-left:0px;	
}
#header section{
	display:inline-table;
}
.header_logo{
	width:83%;
	text-align:left;
	position:relative;
	margin-left:0px;
	padding-left:0px;
	font-size:0.9em;
}
@media all and (max-width: 900px) {
.header_logo{
	width:auto;
	margin:2% 10%;
	text-align:left;
	position:relative;
	font-size:0.9em;
}	
}
.header_rs{
	font-size:1em;
	text-align:right;
	position:relative;
	color:#454545;
}
.header_rs a{
	color:#bcbdc0;
}
/*--- ---*/

#content_info{
	max-width:100%;
	margin:0px;
	padding:0px 0px 0px 0px;
	color:#808285;
	position:static;
	clear:both;
	text-align:center;
	border:1px #bcbdc0 solid;
	background-color:#FFF;
	border-radius:0px 0px 0px 0px;
	-moz-border-radius:0px 0px 0px 0px;
}
#content_area{
	max-width:98%;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
	margin-bottom:10px;
}
/*--- footer style ---*/
footer{
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	padding:0px 0px;
	background-color:#363636;
	border-top:4px #3785b7 solid;
	text-align:center;
	font-size:1em;
	color:#FFF;
}
.foo{
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;
	padding-top:10px;
}
.foo article
{
padding:0px 40px; 
text-align:center;
margin-left:0.25em;
margin-right:0.25em;
margin-top:0.25em;
display:inline-table;
}
.resalto{
	color:#3785b7;
}
.resalto2{
	font-size:1.3em;
	color:#3785b7;
	transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
	-webkit-transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: all 0.5s ease-in-out, box-shadow 0.1s linear;	
}
.resalto2:hover{
	color:#E74C3C;
	/*---color---*/
	transition: color 0.5s ease-in-out, box-shadow 0.1s linear;	
	-webkit-transition: color 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: color 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: color 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: color 0.5s ease-in-out, box-shadow 0.1s linear;	
}
/*--- ---*/

/*--- home style ---*/
.home{
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	text-align:center;
}
.home article{
	width:80%;
	vertical-align:top;
	margin-left:0.5em;
	margin-right:0.5em;
	display:inline-table;
}
.h_titles{
	padding:3px;
	font-size:1.7em; 
	color:#3785b7;
	text-align:left;
	border-bottom:1px #bcbdc0 solid;
	position:static;
}
.h_titles_center{
	padding:3px;
	font-size:1.7em; 
	color:#3785b7;
	text-align:center;
	border-bottom:1px #bcbdc0 solid;
	position:static;
}
.s_titles{
	padding:6px;
	font-size:1.3em; 
	color:#454545;
	text-align:left;
}
/*--- ---*/

/*--- contacto style ---*/
.contact{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.contact article{
	width:auto;
	vertical-align:top;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1em;
	display:inline-table;
}
.contact_art{
	width:48%;
	vertical-align:top;
	margin-left:0.3em;
	margin-right:0.3em;
	margin-bottom:1em;
	display:inline-table;
	vertical-align:middle;
}
.contact_title{
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
}
.contact_des{
	margin-top:15px;
	text-align:justify;	
}
.contact_tel{
	margin:10px 0px;
	font-size:1.3em;
}
.contact_text{
	margin:10px 0px;
}
#contact_frm{
	margin-top:15px;
	text-align:left;
}
.contact_location{
	margin-top:15px;
	font-size:1.2em; 
	color:#454545;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}
/*conteiner location*/
.ac-container{
	width: 72%;
	margin: 10px auto 30px auto;
}
.ac-container label{
	text-align:left;
	padding: 5px 20px;
	position: relative;
	z-index: 20;
	display: block;
	height: 30px;
	cursor: pointer;
	color: #3785b7;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	line-height: 33px;
	font-size: 19px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#006699',GradientType=0 );
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover{
	background: #fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background:#fff;
	color: #3785b7;
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(../images/arrow_down.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
	background-image: url(../images/arrow_up.png);
}
.ac-container input{
	display: none;
}
.ac-container article{
	background: rgba(255, 255, 255, 1);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	text-align:left;
}
.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-small{
	height: auto;
    padding:15px;
	text-align:center;
}
/*------------------*/
.login_error{
	color:#c0392b;
	font-weight:bold;
}
.alert{
	color:#616161;
	font-size:2em;
	font-weight:bold;
}
.content_login_base{
	position:relative;
	text-align:center;
	color:#FFF;
	font-size:1.4em;
	margin-top:2em;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:2em;
	max-width:400px;
	display:block;
	background-color:#3785b7;	
	border-radius:15px 15px 0px 0px;
	-moz-border-radius:15px 15px 0px 0px;
	box-shadow: 0 0 5px #888;	
}
.content_login{
	position:static;
	display:block;
	text-align:center;
	font-size:1em;
	margin-left:auto;
	margin-right:auto;
	padding-top:0px;
	max-width:400px;
	background-color:#fff;
	color:#454545;
	background-image:url(../images/mapa.jpg);
	border-radius:0px;
	-moz-border-radius:0px;
	box-shadow: 0 0 5px #888;
}
.content_login img{
		max-width:100%;
}
.content_login article{
	padding:0.5em;
}
.content_form{
	text-align:left;
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
.headers{
	color:#E74C3C;
	padding:20px;
	font-weight:bold;
	font-size:1.2em;
}
.content_form div{
	margin:10px 0px;
}
input.user{
    background: url('../images/user_icon.png') no-repeat scroll right center #FFFFFF;
    border: 1px solid #DDD;
    border-radius: 5px;
    box-shadow: 0 0 5px #888;
    color: #666;
    padding: 5px 27px 5px 10px;
	margin-top:5px;
    width: 250px;
    outline:none;
}
input.pass{
    background: url('../images/pass_icon.png') no-repeat scroll right center #FFFFFF;
    border: 1px solid #DDD;
    border-radius: 5px;
    box-shadow: 0 0 5px #888;
    color: #666;
    padding: 5px 27px 5px 10px;
	margin-top:5px;
    width: 250px;
    outline:none;
}
input.login_b{
	background: url('../images/go_icon.png') no-repeat scroll right center #414141;
    border: 1px solid #DDD;
    border-radius: 5px;
    box-shadow: 0 0 5px #888;
    color: #ccc;
    padding: 5px 21px 5px 10px;
    width: 115px;
    outline:none;
}
input.user:focus{
	background-color:#ecf0f1;
}
input.pass:focus{
	background-color:#ecf0f1;
}
input.login_b:hover{
	background-color:#2980B9;
}

.center{
	text-align:center;
}
label{
	color:#3785b7;
}
input.mtt_button_cancel{
	background: url('../images/cancel.png') no-repeat scroll right center #414141;
    border: 1px solid #DDD;
    border-radius: 5px;
    box-shadow: 0 0 5px #888;
    color: #ccc;
    padding: 5px 10px 5px 5px;
    width: 115px;
    outline:none;
}
input.mtt_button_cancel:hover{
	background-color:#2980B9;
}
input.mtt_button_save{
	background: url('../images/save_icon.png') no-repeat scroll right center #414141;
    border: 1px solid #DDD;
    border-radius: 5px;
    box-shadow: 0 0 5px #888;
    color: #ccc;
    padding: 5px 10px 5px 5px;
    width: 145px;
    outline:none;
}
input.mtt_button_save:hover{
	background-color:#2980B9;
}
input.mtt_button_update{
	background: url('../images/update_icon.png') no-repeat scroll right center #414141;
    border: 1px solid #DDD;
    border-radius: 5px;
    box-shadow: 0 0 5px #888;
    color: #ccc;
    padding: 5px 10px 5px 5px;
    width: 145px;
    outline:none;
}
input.mtt_button_update:hover{
	background-color:#2980B9;
}
input.mtt_send_b{
	background-color:#454545;
    border: 1px solid #DDD;
    box-shadow: 0 0 5px #888;
    color: #ccc;
    padding: 5px 5px 5px 5px;
    width: 130px;
    outline:none;
}
input.mtt_send_b:hover{
	color:#fff;
}
input.mtt_text{
    background: url('../images/edit_icon.png') no-repeat scroll right center #FFFFFF;
    border: 1px solid #DDD;
    border-radius: 5px;
    box-shadow: 0 0 5px #888;
    color: #666;
    padding: 5px 27px 5px 10px;
	margin-top:5px;
    width: 300px;
    outline:none;
}
input.mtt_text:focus{
	background-color:#ecf0f1;
}
input.mtt_text2{
    background: url('../images/edit_icon.png') no-repeat scroll right center #fff;
    box-shadow: 0 0 5px #888;
    color: #3785b7;
    padding: 10px 30px 10px 10px;
	margin-top:5px;
	width: 300px;
    outline:none;
}
input.mtt_text2:focus{
	background: url('../images/edit_icon2.png') no-repeat scroll right center #bcbdc0;
	color:#fff;
}
input.mtt_date{
    background: url('../images/date_icon.png') no-repeat scroll right center #FFFFFF;
    border: 1px solid #DDD;
    border-radius: 5px;
    box-shadow: 0 0 5px #888;
    color: #666;
    padding: 5px 27px 5px 10px;
	margin-top:5px;
    width: 300px;
    outline:none;
}
input.mtt_date:focus{
	background-color:#ecf0f1;
}
input.mtt_tel{
    background: url('../images/tel_icon.png') no-repeat scroll right center #fff;
    border: 1px solid #DDD;
    border-radius: 5px;
    box-shadow: 0 0 5px #888;
    color: #666;
    padding: 5px 27px 5px 10px;
	margin-top:5px;
    width: 300px;
    outline:none;
}
input.mtt_tel:focus{
	background-color:#ecf0f1;
}
input.mtt_mail{
    background: url('../images/at_icon.png') no-repeat scroll right center #FFFFFF;
    border: 1px solid #DDD;
    border-radius: 5px;
    box-shadow: 0 0 5px #888;
    color: #666;
    padding: 5px 27px 5px 10px;
	margin-top:5px;
    width: 300px;
    outline:none;
}
input.mtt_mail:focus{
	background-color:#ecf0f1;
}
textarea.mtt_area{
    background: url('../images/edit_icon.png') no-repeat scroll right center #FFFFFF;
    border: 1px solid #DDD;
    border-radius: 5px;
    box-shadow: 0 0 5px #888;
    color: #666;
    padding: 5px 27px 5px 10px;
	margin-top:5px;
    width: 500px;
	height:120px;
    outline:none;
}
textarea.mtt_area:focus{
	background-color:#ecf0f1;
}
select.mtt_combo{
    background-color:#FFFFFF;
    border: 1px solid #DDD;
    border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0 0 5px #888;
    color: #666;
    padding: 5px 5px 5px 5px;
    width:335px;
	height:35px;
	font-size:1em;
    outline:none;
}
select.mtt_combo:focus{
	background-color:#ecf0f1;
}
input[type=radio].css-checkbox {
							display:none;
						}

						input[type=radio].css-checkbox + label.css-label {
							padding-left:35px;
							height:24px; 
							display:inline-block;
							line-height:30px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:1.2em;
							vertical-align:middle;
							cursor:pointer;

						}

						input[type=radio].css-checkbox:checked + label.css-label {
							background-position: 0 -24px;
						}
						label.css-label {
				background-image:url(../images/check_radio_sheet.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}

/*--- ---*/

/*--- about style ---*/
.about{
	margin-left:auto;
	margin-right:auto;
}
.about article{
	display:inline-table;
}
.about_menu{
	width:33%;
	text-align:left;
	vertical-align:top;
}
#nav_about li{
	list-style-type:none;
	font-size:1.2em;
	padding:10px 0px;
	border-bottom:1px #bcbdc0 dashed;
	transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
	-webkit-transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
}
#nav_about li:hover {
	background-color:#ECF0F1;
	/*---bg color---*/
	transition: background-color 0.5s ease-in-out, box-shadow 0.1s linear;		
	-webkit-transition: background-color 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: background-color 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: background-color 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: background-color 0.5s ease-in-out, box-shadow 0.1s linear;
}

/* especial style mostrar/ocualtar opc's*/
#historia{
	display: none;
}
#historia:target{
	display: block;
}
#mision{
	display: none;
}
#mision:target{
	display: block;
}
#valores{
	display: none;
}
#valores:target{
	display: block;
}
#instalaciones{
	display: none;
}
#instalaciones:target{
	display: block;
}
/* --- */
#gmp{
	display: none;
}
#gmp:target{
	display: block;
}
#iso{
	display: none;
}
#iso:target{
	display: block;
}
/* --- */
.inst_gale img{
	margin:10px;
}
/*--- ---*/
.about_content{
	width:65%;
	vertical-align:top;
}

.about_contenedores{
	margin-bottom:25px;
}
.about_title{
	margin-top:15px;
	font-size:1.3em; 
	color:#2E2926; 
	font-weight:bold;
	text-align:left;
}
.about_des{
	margin-top:15px;
	text-align:justify;
}
.about_text{
	margin:10px 0px;
}
.about ul li{
	list-style-image:url(../images/check.png);
	list-style-type:disc;
	text-align:left;
	padding:5px 5px;
	margin-right:0.25em;
}
/*--- ---*/

/*--- products style ---*/
.products{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	position:static;
}
.products article{
	width:45%;
	vertical-align:top;
	margin-left:0.5em;
	margin-right:0.5em;
	margin-bottom:1em;
	display:inline-table;
}
.slide_pro{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.slide_pro section{
	display:inline-table;
}

.slide_pro_text{
	width:50%;
	text-align:left;
	vertical-align:middle;
}
.slide_pro_text img{
	float:left;
	margin-right:1em;
}
.products_detail{
	width:500px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	color:#000;
	text-transform:uppercase;
}
.products_detail_text{
	color:#3785b7;
}
.products_detail article{
	width:100%;
	vertical-align:top;
	margin-left:0.5em;
	margin-right:0.5em;
	margin-bottom:1em;
	display:inline-table;
}
.products_title{
	margin-top:15px;
	font-size:1.3em; 
	color:#2E2926; 
	font-weight:bold;
	text-align:center;
}
.products_title_des{
	margin-top:15px;
	font-size:1.3em; 
	font-weight:bold;
	text-align:center;
}
.content_linea{
	padding:2px;
	background-color:#fff; 
	height:110px;
	text-align:left;
}
.content_linea p{
	text-align:justify;
	color:#999;
}
.btn-catalogo{
	padding-top:10px;
	text-align:center;
	color:#fff;
}
.img-conteiner{
	width:300px;
	height:150px;
	background-color:#454545;
	color:#4c4c4c;
	border:1px #BDC3C7 solid;
}
.img-conteiner:before {
  content: '';
  border-style: solid;
  border-width: 12px 12px 12px 0;
  border-color: transparent #454545 transparent transparent;
  height: 0;
  position: absolute;
  left: 260px;
  top: 98px;
  width: 0;
  transform:rotate(90deg);
  -ms-transform:rotate(90deg); /* IE 9 */
  -webkit-transform:rotate(90deg); /* Opera, Chrome, and Safari */
}

.btn-conteiner {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.btn-conteiner:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.btn-conteiner:active {
	position:relative;
	top:1px;
}

.img-conteiner a:link{
	color:#000;
}
.img-conteiner a:visited{
	color:#000;
}
.img-conteiner2{
	width:135px;
	border:1px #454545 solid;
	background-color:#656565;
	box-shadow: 5px 5px 5px #656565;
    -webkit-box-shadow: 5px 5px 5px #656565;
	margin:10px;
	color:#FFF;
	text-align:center;
}
.img-conteiner2 a:link{
	color:#FFF;
}
.img-conteiner2 a:visited{
	color:#FFF;
}
.portafolio_contenedor{
	width:100%;
	margin:auto;
	text-align:center;
	position:relative;
}
.portafolio_contenedor div{
	margin:5px;
	text-align:center;
	color:#2980b9;
	position:relative;
	vertical-align:top;
	display:inline-table;
}
.portafolio_contenedor_view{
	width:100%;
	margin:auto;
	text-align:center;
	position:relative;
}
.portafolio_contenedor_view div{
	margin:5px;
	text-align:center;
	color:#2980b9;
	position:relative;
	vertical-align:top;
}
/*--- ---*/

/*--- RRHH Style ---*/
.rrhh{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#rrhh_items{
	width:95%;
	padding:10px 10px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.tarea{
	border:1px solid #3785b7;
	margin:10px 0px;
	padding:10px 10px;
}
.txt_p_fecha{
    font-weight:bold;	
	color::#666;
}
.txt_p_title{
    font-weight:bold;	
	color::#666;
}
.txt_p_detalle{
	font-style:normal;
	text-align:justify;	
}
.txt_p_subir{
	font-weight:bold;	
	color::#7a062c;
}
/*--- ---*/

/*--- Start style tables and form ---*/
.pagination{
	margin-top:0.5em;
	margin-bottom:135px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	font-size:1.7em;
}
.pag_act{
	background:#CC0F00;
	border-radius: 3px;
	-moz-border-radius: 3px;
	color:#FFF;
	padding-left:5px;
	padding-right:5px;
}
.pag_normal{
	background:#222222;
	border-radius: 3px;
	-moz-border-radius: 3px;
	color:#FFF;
	padding-left:5px;
	padding-right:5px;
	margin-left:5px;
	margin-right:5px;
}
.pag_normal a{
	color:#FFF;
}
.pag_back{
	background-color:#222222;
	color:#fff;
	padding:2px 8px 2px 8px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	margin-right:10px;
}
.pag_next{
	background-color:#222222;
	color:#fff;
	padding:2px 8px 2px 8px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	margin-left:10px;
}
table{
	margin:0px;
	width:100%;
	text-align:center;
}
.title_table{
	color:#FFF;
	background-color:#3785b7;
	text-align:center;
	font-size:1.2em;
}
.contentable{
	background-color:#ECF0F1;
	text-align:center;
}
/*--- ---*/

p{
	text-align:justify;
	color:#454545;
}
.img-rounded {
	border:1px #656565 solid;
    box-shadow: 5px 5px 5px #656565;
    -webkit-box-shadow: 5px 5px 5px #656565;
}
.p-rounded {
	color:#454545;
	border:1px #BDC3C7 solid;
    box-shadow: 5px 5px 5px #656565;
    -webkit-box-shadow: 5px 5px 5px #656565;
	margin:5px;
	padding:10px;
}

/*identity*/
.identity{
	background-color:#FFF;
	padding:5px 5px;
	text-align:right;
	font-size:0.9em;
	margin-bottom:0px;
}
/*--- ---*/
.boton_x{
	text-align:center;
	width:150px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	margin-bottom:15px;
	padding:5px;
	background-color:#3785b7;	
	border-radius:10px;
	-moz-border-radius:10px;
	transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
	-webkit-transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
}
.boton_x a{
	color:#FFF;
}
.boton_x:hover{
	background-color:#363636;
	/*---bg color---*/
	transition: background-color 0.5s ease-in-out, box-shadow 0.1s linear;		
	-webkit-transition: background-color 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: background-color 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: background-color 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: background-color 0.5s ease-in-out, box-shadow 0.1s linear;	
}

/* --- especial css---*/
.detail_anun{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:100%;
	margin-bottom:130px;
}
.detail_anun table{
	margin-left:auto;
	margin-right:auto;
	border:1px #222222 dashed;
}
td{
	padding:10px;
	vertical-align:middle;
}
.lbl_table{
	text-align:right;
}
.cont_table{
	text-align:left;
	vertical-align:middle;
}
.add_pic article{
	display:inline-block;
}
.pic_mini div{
	display:inline-block;
	padding:4px;
}
/* Estilo del área del input[file] */
.drag-drop {
	width: 160px;
    height:150px;
	border:1px #222222 solid;
    background: url('../images/cam_p.png') no-repeat scroll center center #fff;
    text-align: center;
    color: white;
    position: relative;
}
.drag-drop input[type="file"]{
        height: 10em;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%; 
        z-index: 3;
}
.drag-drop2 {
	width: 77px;
    height:65px;
	border:1px #222222 solid;
    background: url('../images/cam_s.png') no-repeat scroll center center #fff;
    text-align: center;
    color: white;
    position: relative;
}
input[type="file"] {
        height: 5em;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%; 
        z-index: 3;
}
.btn_acc div{
	display:inline-block;
	padding:5px;
}
input.mtt_money{
	background-color:#FFF;
    border: 1px solid #222222;
    border-radius: 5px;
	-moz-border-radius: 5px;
    color: #666;
    padding: 5px 27px 5px 10px;
    width:40%;
	height:30px;
	font-size:1em;
    outline:none;
}
input.mtt_money:focus{
	background-color:#ecf0f1;
}
select.mtt_combo2{
    background-color:#FFFFFF;
    border: 1px solid #222222;
    border-radius: 5px;
	-moz-border-radius: 5px;
    color: #666;
    padding: 5px 5px 5px 5px;
    width:49%;
	height:40px;
	font-size:1em;
    outline:none;
}
select.mtt_combo2:focus{
	background-color:#ecf0f1;
}
input.mail{
    background-color:#FFF;
    border: 1px solid #222222;
    border-radius: 5px;
	-moz-border-radius: 5px;
    color: #666;
    padding: 5px 27px 5px 10px;
    width:90%;
	height:30px;
	font-size:1em;
    outline:none;
}
input.mail:focus{
	background-color:#ecf0f1;
}
.link_back{
	font-size:1.4em;
	font-weight:bold;
}
.resal_usr{
	color:#C0392B;
	font-weight:bold;
}
.group{
	padding:5px;
	border:1px #454545 dashed;
	border-radius:20px 0px 20px 0px;
	-moz-border-radius:20px 0px 20px 0px;
	margin-bottom:10px;
	background-color:#f9f9f9;
}
/*--- Start style states ---*/
.state1{
	background-color:#474747;
	max-width:20%;
	min-width:20%;
}
.state2{
	background-color:#006699;
	max-width:40%;
	min-width:40%;
}
.state3{
	background-color:#EEA700;
	max-width:60%;
	min-width:60%;
}
.state4{
	background-color:#BD1A1A;
	max-width:80%;
	min-width:80%;
}
.state5{
	background-color:#27A43E;
	max-width:100%;
	min-width:100%;
}
.state6{
	background-color:#256253;
	max-width:100%;
	min-width:100%;
}
/*--- END style states ---*/