@charset "utf-8";

/* Elementos HTML */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-color:#003D4C;
}

table {
	font-size:12px;
}

img {
	border:none;
	vertical-align: middle;
}

form {
	display: inline;
}

select {
	font-size:12px;
	color:#000000;
	height: 22px;
}

input {
	font-size:12px;
	color:#000000;
	vertical-align: middle;
}

a {
	color: #4a4a4a;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	clear: both;
	color: #003388;
	font-size: 20px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-left: 15px;
	background-image: url(/app/img/css/bullet_h2.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	border-bottom: 1px solid #003388;
}

h2 {
	clear: both;
	color: #003388;
	font-size: 15px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 7px;
	padding-left: 15px;
	background-image: url(/app/img/css/arrow_orange.gif);
	background-repeat: no-repeat;
	background-position: 0px;
}

h3 {
	clear: both;
	color: #003388;
	font-size: 15px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 7px;
	border-bottom: 1px solid #003388;
}


/*** Estilos propios ***/

.black {
	color: black;
}

.bold {
	font-weight: bold;
}

.border_grid {
	border: 1px solid #DBDBDB;
}

.center {
	text-align: center;
}

.disabled {
	display:none;
}

.empty {
	background-color: #FFF;
}

.expanded {
	width: 100%;
}

.float_left {
	float: left;
}

.f14 {
	font-size: 14px;
}

.f16 {
	font-size: 16px;
}

.green {
	color: green;
}

.red {
	color: red;
}

.right{
	text-align: right;
}


/*** Imágenes ***/
.img_flecha {
	display: inline-block;
	vertical-align: middle;
	width: 11px;
	height:11px;
	background: transparent url(/app/img/css/flecha.gif) no-repeat center top;
}

.img_printer {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height:24px;
	background: transparent url(/app/img/css/printer.png) no-repeat center top;
}

.img_pdf {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height:24px;
	background: transparent url(/app/img/css/pdf.png) no-repeat center top;
}

.img_arrow_der {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height:24px;
	background: transparent url(/app/img/css/arrow_der.gif) no-repeat center top;
}

.img_cancelar {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height:24px;
	background: transparent url(/app/img/css/cancelar.jpg) no-repeat center top;
}

.img_cesta_add {
	display: inline-block;
	vertical-align:middle;
	border: 0px;
	width: 28px;
	height: 28px;
	cursor: pointer;
	background: transparent url(/app/img/css/anadircesta.gif) no-repeat center top;
}

.img_cesta_ud_add {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height:24px;
	background: transparent url(/app/img/css/cesta_ud_add.png) no-repeat center top;
}

.img_cesta_ud_rest {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height:24px;
	background: transparent url(/app/img/css/cesta_ud_rest.png) no-repeat center top;
}

/*** Mensajes de Error ***/

.alert_message_error {
	background-color: #FFCACA;
	border: 1px solid red;
	margin: 3px;
	padding: 7px;
	padding-left: 35px;
	color: red;
	font-weight: bold;
	text-align: left;
	background-image: url(/app/img/css/alert_error.gif);
	background-repeat: no-repeat;
	background-position: 5px;
}

.alert_message_success {
	background-color: #CAFFD9;
	border: 1px solid green;
	margin: 3px;
	padding: 7px;
	padding-left: 35px;
	color: green;
	font-weight: bold;
	text-align: left;
	background-image: url(/app/img/css/alert_success.gif);
	background-repeat: no-repeat;
	background-position: 5px;
}

.error-message {
	color: red;
	font-weight: bold;
}


/*** Alineación vertical ***/
.v-outer {
	display: table; height: 400px; #position: relative; overflow: hidden;
}

.v-middle {
	#position: absolute; #top: 50%;display: table-cell; vertical-align: middle;
}

.v-inner {
	#position: relative; #top: -50%;
}