/*********************** FORM *************************/


.classForm{
	
}

.classForm .itemForm, table.classForm td{
	border-bottom:1px #ccc dotted;
	padding:10px;
}
.classMostrarListado tr:nth-child(even) {
	background-color: #f8f8f8;
}


.classForm .itemForm .labelForm{
	float:left;
	width:20%;
	text-align:right;	
	padding-right:5px;
}

.classForm .itemForm .campoForm{
	float:right;	
	width:78%;
}

.classForm .itemForm .campoForm input[type="text"]{
	width:300px;
}
.classForm .itemForm .campoForm textarea{
	width:500px;
	height:150px;
}


.classForm .itemForm .cierreItemForm
{
	clear:both;
}



/********************************** DETALLE *************************************/
.classMostrarDetalle{width:100%;}
.classMostrarDetalle tr:nth-child(even) {
	background-color: #f8f8f8;
}
.classMostrarDetalle th{
	width:25%;
}
.classMostrarDetalle td, .classMostrarDetalle th{
	border-bottom:1px #ccc dotted;
	padding:10px;
	font-size:normal;	
}

.classMostrarDetalle th{
	text-align:right;
	font-size:13px;
}




/************************************* LISTADO **********************************/

.classMostrarListado{
	width:100%;	
}


.classMostrarListado td, .classMostrarListado th{
	border-bottom:1px #ccc dotted;
	padding:10px;
	text-align:left;
	font-size:normal;
}


.classMostrarListado td, .classMostrarListado th{
	border-bottom:1px #ccc dotted;
	padding:10px;
	text-align:left;
}

.classMostrarListado tr:nth-child(even) {
	background-color: #f8f8f8;
}

.classMostrarListado tr:hover {
	background-color: #f0f0f0;
}








/************************************** PAGINACION ********************************/

.PaginacionBarraInfo{
	margin-top:20px;
	text-align:right;	
	margin-bottom:10px;
}

.PaginacionBarraLinks{
	text-align:right;		
}

.PaginacionBarraLinks a{
	padding:5px 10px;	
}

.PaginacionBarraLinks a:hover{	
	color:#fff;
	background-color:#0099FF;
	
}

.PaginacionBarraLinks .PaginaActual{
	font-weight:bold;
	border-bottom:2px #0099FF solid;
}












/*            BOTONES                    */

input[type=submit],input[type=button],#enviarId, .btn {
	
	-moz-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2);
	box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2);
	
	border: 1px solid;
	padding: 1px 12px;
	
	color: #fff;
	/*font-family: "Myriad Pro", Arial, Tahoma, sans-serif;*/
	/*font-size: 1.4em;*/
	/*font-weight: bold;*/
	text-shadow: -1px -1px rgba(0,0,0,0.1), 0 0 15px rgba(255,255,255,0.75);
	white-space: nowrap;
	

	text-decoration: none;
	font-style: normal;
	text-transform: none;
	
	position: relative;
    margin-right: 5px;

        
        /*      SHAPE        =*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;        

        /*color*/
	background: #45A5B1;
	border-color: #45A5B1;     
        
        cursor: pointer;        
}

input[type=submit]:hover,input[type=button]:hover,#enviarId:hover,.btn:hover,
input[type=submit]:focus,input[type=button]:focus,#enviarId:focus,.btn:focus {
	bottom: 1px;

	-moz-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2);
	box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2);
	
	background: #999;
	border-color: #999; /* Default color */
}

input[type=submit]:active,input[type=button]:active,#enviarId:active,.btn:active {
	top: 1px;
	-moz-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 1px 2px rgba(0,0,0,0.2);
}


input.required, select.required, textarea.required{
	border:1px #C00 solid;
}
.label_campos_obligatorios{
	text-align:right;
	color: #C00;
}
label.error{
	margin-left:10px;
	color:#c00;
}

div.classInfoResultadosListado div.imprimir{
	float:right;	
}

#celda_derecha .btn, #celda_derecha #enviarId{
	padding: 10px 12px;	
}


#campo_productos_vinculados div{
    border-bottom: 1px dotted #CCCCCC;
    clear: both;
    display: block;
    padding: 5px;
}

#campo_productos_vinculados div span{float:right}

#campo_productos_vinculados div span input{ width:50px;}