@charset "UTF-8";
/* CSS Document */



/****** OTHER *****/


.standard-container{width: 320px;margin: 40px auto 0 auto;}
.standard-container .title{color: #ffffff;text-align: center;line-height: 40px;	font-size: 15px;	font-weight: 400;}
.standard-container a.returnSuccessButton{width:120px;height:120px;margin:60px auto 0 auto;display:block;background:url(../img/success-button.png)}
/*********** COLORS ******/
.bg-green-light{background:#aaffb5;}
.bg-green-normal{background:#83c38c;}
.bg-red-light{background:#d9727f;}
.bg-red-normal{background:#d5142f;}
.bg-blue-normal{background:#51c4be;}

.font-black{color:#000000;}
.font-white{color:#ffffff;}
.font-gray-333333{color:#333333;}
.font-gray-555555{color:#555555;}
.font-gray-333333{color:#333333;}
.font-gray-cccccc{color:#cccccc;}
.font-gray-dedede{color:#dedede;}

.login{}
.login-container {
	width: 320px;
	margin: 40px auto 0 auto;
}

.login-container .login-header{
	width: 320px;
	text-align: center;
}
.login-container .login-header h1{
	color: #636363;
	text-align: center;
	line-height: 40px;
	font-size: 15px;
	font-weight: 400;
}
.login-container .login-title{
	width: 100px;
	height: 35px;
	float: left;
	line-height: 35px;
	font-size: 16px;
	color: #111111;
	margin-left: 10px;
}
.login-container .login-row{
	height: 50px;
	margin-top: 15px;
}

/* ********* HEADER ************* */
#header{height:40px;background:#282a29;}
#header .logo{
	width: 500px;
	float: left;
	font-size: 18px;
	margin-left: 20px;
	line-height: 40px;
	color: #ffffff;
}
#header .close{width:100px;height:40px;float:right;text-align:center;}
#header .close a{line-height:40px;height:40px;color:#ffffff;font-size:14px;}
#navigation{
	height: 600px;
	width: 120px;
	float: left;
	background:#d5d6d5;
	border-right:1px solid #bcbcbc;
	
}
#navigation a.navigation-section{
	height: 100px;
	display: block;
	color: #333333;
	overflow: hidden;
}

#navigation a.selected{background:#ffffff;border-top:1px solid #bcbcbc;border-bottom:1px solid #bcbcbc;width:121px;}/*si está elegida esta opcion*/


#navigation a.navigation-section .navigation-section-image{
	width: 40px;
	height: 40px;
	margin-top: 15px;
	margin-left: 40px;
}
#navigation a.navigation-section .navigation-section-title{
	line-height:20px;
	font-size:14px;
	text-align:center;
	margin-top:10px;
}


#menu-body{
	width: 750px;
	float: left;
	margin-left: 100px;
	margin-top: 70px;
	padding-bottom: 60px;
}

#menu-body .title{
	font-size: 36px;
	font-weight: 300;
	line-height: 40px;
	color: #4f4f4f;
}

#menu-body .section-bar{
	height: 40px;
	border-bottom: 2px solid #cccccc;
	margin-top: 20px;
}
#menu-body .section-bar ul{list-style:none;}
#menu-body .section-bar ul li{float:left;margin:0 30px 0 0;}
#menu-body .section-bar ul li a{
	line-height: 40px;
	color: #4f4f4f;
	height:40px;
	display:block;
	font-weight:400;
}
#menu-body .section-bar ul li a.selected{color:#5dbf3e;border-bottom: 2px solid #5dbf3e;}

#menu{}
#menu .subtitle{
	font-size: 18px;
	font-weight: 400;
	line-height: 20px;
	color: #4f4f4f;
	margin-top: 40px;
}

#menu .label{
	font-size: 14px;
	line-height: 25px;
}

#list{}
#list .row-list{
	height: 50px;
	line-height: 50px;
	font-size: 13px;
	color: #333333;
}
#list .row-list .column1{
	width: 30px;
	height: 50px;
}
#list .row-list .column2{
	width: 80px;
	height: 50px;
}
#list .row-list .column3{width:60px;height:50px;text-align:center;}
#list .row-list .column4{
	width: 520px;
}

#list .row-list a{	height: 30px;	width: 30px;	float: right;	margin-top: 10px;	margin-right: 10px;display:block;background:#000;}
.row-separator{height:1px;background:#cccccc;}



/* ********* MENU ************* */
 #pagination{
	border-top: 1px solid #cccccc;height:40px;
}
#pagination a{text-align:center;line-height:25px;margin:15px 2px;display:block;float:left;}
 #pagination a.inuse{color:#ffffff;font-size:14px;height:25px;width:25px;background:#a1fa85;}
  #pagination a.not-inuse{color:#666666;font-size:14px;height:25px;width:25px;}
  #pagination a.not-inuse:hover{color:#ffffff;background:#a1fa85;}


/*************** IMAGE *****************/
.imagepreview-container{width:100%;}
.imagepreview{width:200px;height:120px;margin:10px auto;background-image:url(../img/no-photo.png); background-position:center;background-size:cover;border:1px solid #999999;}


/********** UPDATE MENU **************/
.webpanel-update-images-container{}
.webpanel-update-images-container .webpanel-update-image{
	width: 162px;
	padding: 10px;
	float: left;
}
.photo_associated_update{ width:150px;border:1px solid #cccccc;padding:5px;}
.photo_associated_update img { width:150px;height:112px;}

.photocarImg{width:170px;height:226px;float:left;}

.visible{
	display:block;
	visibility:visible;
}

.no_visible{
	display:none;
	visibility:visible;
}