@page {
  size: auto;   /* auto es el valor inicial */
  margin: 0;
}

body.pagina
{
	background-color:#c9d6ff;
	margin:0 auto;
	width: 800px;
}

body.paginaLogin
{
	background-color:#c9d6ff;
	margin:0 auto;
	width: 800px;
}

.loginForm
{
	width: 300px;
	margin:0 auto;
}

table.hovertable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
	min-width: 650px;
	max-width: 650px;
}
table.hovertable th {
	background-color:#c3dde0;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
}
table.hovertable tr {
	background-color:#d4e3e5;
}
table.hovertable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
}

.header
{
	min-width: 800px;
	max-width: 800px;
	min-height: 155px;
	max-height: 155px;
	background-image: url("../images/header.jpg");
}

.menuLateral
{
	float:left;
	margin-right:20px;
	min-height:200px;
}

.intervencionContainer
{
	font-family: verdana,arial,sans-serif;
	width:18cm;
	height:25cm;
}

.condiciones
{
	width:49%;
	float:left;
}

.condiciones p
{
	font-size: 6.5px;
	margin: 10px;
	margin-left:20px;
}

.infoIntervencion
{
	float:left;
	width:50%;
}

.infoIntervencion .interior
{
	margin: 20px;
}

hr
{
	width: 100%;
	height: 2px;
	border:0;
	background-color: #CCC;
}

.infoIntervencion .interior table
{
	width:100%;
}

.black
{
	font-weight: bold;
}

.titulo
{
	height: 30px;
	float:left; 
	margin-bottom:15px;
	margin-top:15px;
}

.botonEnlace
{
	padding: 5px;
	margin-bottom: 20px;
	border: 1px solid #a9c6c9;
	background-color: #d4e3e5;
	width: 110px;
}

.botonEnlaceRed
{
	padding: 5px;
	margin-bottom: 20px;
	border: 1px solid #ff4646;
	background-color: #ffc2c2;
	width: 110px;
}

.tablaPresu
{
	margin: 1cm;

}

.tablaPresu table
{
	width:100%;
	border-collapse: collapse;
	border: 1px solid black;
}

.tablaPresu td
{
	padding: 5px;
	border-collapse: collapse;
	border: 1px solid black;
}


.invoice-box{
        max-width:800px;
        margin:auto;
        padding:30px;
        /*border:1px solid #eee;*/
        /*box-shadow:0 0 10px rgba(0, 0, 0, .15);*/
        font-size:16px;
        line-height:24px;
        font-family:'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
        color:#555;
    }
    
    .invoice-box table{
        width:100%;
        line-height:inherit;
        text-align:left;
    }
    
    .invoice-box table td{
        padding:5px;
        vertical-align:top;
    }
    
    .invoice-box table tr td:nth-child(2){
        text-align:right;
    }
    
    .invoice-box table tr.top table td{
        padding-bottom:20px;
    }
    
    .invoice-box table tr.top table td.title{
        font-size:45px;
        line-height:45px;
        color:#333;
    }
    
    .invoice-box table tr.information table td{
        padding-bottom:40px;
    }
    
    .invoice-box table tr.heading td{
        background:#eee;
        border-bottom:1px solid #ddd;
        font-weight:bold;
    }
    
    .invoice-box table tr.details td{
        padding-bottom:20px;
    }
    
    .invoice-box table tr.item td{
        border-bottom:1px solid #eee;
    }
    
    .invoice-box table tr.item.last td{
        border-bottom:none;
    }
    
    .invoice-box table tr.total td:nth-child(2){
        border-top:2px solid #eee;
        font-weight:bold;
    }
    
    @media only screen and (max-width: 600px) {
        .invoice-box table tr.top table td{
            width:100%;
            display:block;
            text-align:center;
        }
        
        .invoice-box table tr.information table td{
            width:100%;
            display:block;
            text-align:center;
        }
    }