/* ##################################################### GENERAL #################################################### */

@font-face {
    font-family: gillsans;
    src: url(../fonts/gillsans.ttf);
}

@font-face {
    font-family: gillsansItalic;
    src: url(../fonts/gillsans-italic.ttf);
}

@font-face {
    font-family: eye;
    src: url(../fonts/eye.ttf);
}


body, html{
	margin:0;
	padding:0;
	font-family:gillsans;
}

.pointer{
	cursor:pointer;
}

.fc-white{
	color:#FFFFFF;
}

.hidden{
	display:none;
}

.txa-center{
	text-align:center;
}

.txa-right{
	text-align:right;
}


.gillsans{
	font-family:gillsans;
}

.gillsansItalic{
	font-family:gillsansItalic;
}

.eye{
	font-family:eye;
}

table.tableCustom{
	width:100%;
	padding:0;
}
.tableCustom th{
	text-align:left;
	background-color:#132e54;
	color:#FFFFFF;
	padding:10px;
	font-style:italic;
}
.tableCustom td{
	padding:10px;
	padding-bottom:20px;
	border-bottom:1px #4f4f4f solid;
	color:#4f4f4f;
	font-style:italic;
}
.esqIzqTop{
	border-radius:3px 0 0 0;
	border-left:1px #dfdfdf solid;
}
.esqDerTop{
	border-radius:0 3px 0 0;
	border-right:1px #dfdfdf solid;
}
.td_left{
	border-left:1px #dfdfdf solid;
}
.td_right{
	border-right:1px #dfdfdf solid;
}
.tableCustom tr:hover{
	background-color:#eeeeee;
}

#loading{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:#539adf;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	z-index:999;
	display:none;
}

#imgLoad{
	position:fixed;
	width:116px;
	height:125px;
	left:50%;
	margin-left:-58px;
	top:50%;
	margin-top:-100px;
	background-image:url(../img/load.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	z-index:999;
	display:none;
}

.body{
	width:100%;
	float:left;
	height:900px;
	position:relative;
}

.full{
	width:100%;
	float:left;
	position:relative;
}

select{
	width:100%;
	color:#999999;
}

input[type="text"]{
	width:96%;
	padding:2%;
}

/* ##################################################### FIN GENERAL #################################################### */


/* ##################################################### LOGIN #################################################### */

.login{
	position:absolute;
	width:40%;
	height:auto;
	left:50%;
	margin-left:-20%;
	top:15%;
	color:#777777;
}
.login_top{
	text-align:center;
	font-size:1.5em;
	padding-bottom:10px;
}
.login_top img{
	width:70%;
}
.caja_login{
    border: 1px solid #e5e5e5;
	-moz-box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7);
	-webkit-box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7);
	box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7);
	background-color:#FFFFFF;
    font-weight: normal;
    margin-left: 8px;
    padding: 26px 24px 46px;
	float:left;
	border-radius:2px 2px 2px 2px;
}
.tit_login{
	width:100%;
	height:auto;
	float:left;
}
.input_login{
	width:100%;
	height:25px;
	float:left;
	border:1px #E5E5E5 solid;
	margin-bottom: 20px;
	background-color:#FBFBFB;
	border-radius:2px 2px 2px 2px;
}

.input_login input{
	width:90%;
	height:100%;
	font-size:130%;
	color:#555555;
	font-weight:lighter;
	border:0;
	padding:0;
	padding-left:5px;
	background-color:transparent;
}
.boton_login{
	width:100%;
	height:30px;
	background-image: -webkit-linear-gradient(top, #2a95c5, #21759b); /* For Safari 5.1 to 6.0 */
	background-image: -o-linear-gradient(top, #2a95c5, #21759b); /* For Opera 11.1 to 12.0 */
	background-image: -moz-linear-gradient(top, #2a95c5, #21759b); /* For Firefox 3.6 to 15 */
	background-image: linear-gradient(to bottom, #2a95c5, #21759b); /* Standard syntax */
	float:left;
	color:#FFFFFF;
	text-align:center;
	border:1px #B7B7B7 solid;
	padding-top:8px;
	cursor:pointer;
	border-radius:2px 2px 2px 2px;
}
.boton_login:hover{
	background-image: -webkit-linear-gradient(top, #2a95dd, #21759b); /* For Safari 5.1 to 6.0 */
	background-image: -o-linear-gradient(top, #2a95dd, #21759b); /* For Opera 11.1 to 12.0 */
	background-image: -moz-linear-gradient(top, #2a95dd, #21759b); /* For Firefox 3.6 to 15 */
	background-image: linear-gradient(to bottom, #2a95dd, #21759b); /* Standard syntax */
}
#error_login{
	width:100%;
	height:auto;
	float:left;
	border:1px #CC0000 solid;
	background-color:#FFEBE8;
	color:#333333;
	margin-bottom:10px;
	display:none;
}
#error_login span{
	display:block;
	padding:10px;
	font-size:0.9em;
}


/* ##################################################### FIN LOGIN #################################################### */


/* ##################################################### HEADER #################################################### */

.header{
	width:100%;
	min-width:1200px;
	height:70px;
	background-color:#132e54;
	color:#FFFFFF;
	float:left;
}

.header .logo{
	width:50%;
	float:left;
	height:60px;
	background-image:url(../img/logo.png);
	background-repeat:no-repeat;
}

.header .menu{
	width:45%;
	float:left;
	height:35px;
	margin-right:5%;
	padding-top:25px;
}

.header .menu a{
	display:block;
	width:auto;
	padding:3px 10px;
	text-decoration:none;
	color:#FFFFFF;
	float:right;
}

.header .menu a.btn{
	background-color:#2c4770;
	margin-right:3px;
}


/* ##################################################### FIN HEADER #################################################### */

/* ##################################################### ADD CARTA #################################################### */

.add .menu{
	width:300px;
	position:absolute;
	height:1000px;
	background-color:#b3b3b3;
	top:0;
	left:0;
}

.add .menu .first_menu{
	width:100%;
	float:left;
	background-color:#f0f2f2;
	padding-bottom:40px;
	margin-bottom:20px;
}

.add .content{
	width:900px;
	position:absolute;
	height:100%;
	top:0;
	left:300px;
	margin:20px;
}

.add .menu .box{
	width:77%;
	padding:15px 8% 0 15%;
	float:left;
}

.add .menu .box h1{
	font-size:1.1em;
	color:#696b6b;
	font-weight:lighter;
}

.add .menu .box .title{
	font-size:0.8em;
	color:#999999;
	width:100%;
	float:left;
	padding-top:3px;
}

.add .menu .box .select_big{
	font-size:0.9em;
	color:#EBE0E0;
	width:69%;
	float:left;
	padding-right:1%;
}

.add .menu .box .select_little{
	font-size:0.9em;
	color:#EBE0E0;
	width:30%;
	float:left;
}

.add .menu .box .btn_insert{
	width:94%;
	float:left;
	border:1px dashed red;
	border-radius:4px;
	padding:3%;
	cursor:pointer;
	margin:5px;
}

.add .menu .box .btn_insert:hover{
	background-color:#FFFFFF;
}

.add .menu .box .title_insert{
	width:90%;
	float:left;
	color:#999999;
}

.add .menu .box .plus_insert{
	width:10%;
	float:left;
	color:#132e54;
	font-weight:bold;
}

.add .menu .pags{
	background-color:#FFFFFF;
	float:left;
	width:98%;
	margin:3% 1%;
}

.add .menu .pags .pag{
	width:16%;
	margin:2%;
	float:left;
	background-color:#b3b3b3;
	text-align:center;
	padding:10px 0;
	color:#FFFFFF;
	cursor:pointer;
}

.add .menu .pags .pag.selected{
	background-color:#132e54;
}

.add .menu .btn{
	width: 98%;
    margin: 8px 1%;
    padding: 10px 0;
    height: auto;
    text-align: center;
    background-color: #b3b3b3;
    color: #FFFFFF;
    float: left;
    cursor: pointer;
    background-color: #132e54;
}


.add .menu .btn:hover{
	background-color:#376fbd;
}

.add .content canvas{
	background-color:#FFFFFF;
	border:1px black solid;
}

.add .content .popup{
	width:250px;
	height:auto;
	position:absolute;
	left:50%;
	padding:20px;
	margin-left:-270px;
	top:20%;
	z-index:1000;
	background-color:#132e54;
}

.add .content .popup .input{
	width:100%;
	height:auto;
	padding-bottom:5px;
	float:left;
}

.add .content .popup .btn{
	width:96%;
	padding:7px 2.2%;
	height:auto;
	text-align:center;
	background-color:#b3b3b3;
	color:#FFFFFF;
	border:1px #b3b3b3 solid;
	float:left;
	cursor:pointer;
}

/* ##################################################### FIN ADD CARTA #################################################### */

/* ##################################################### LISTADO CARTAS #################################################### */

.list{
	width:95%;
	padding:2% 2.5%;
	min-width:1200px;
}


/* ##################################################### FIN LISTADO CARTAS #################################################### */