/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

0.0 - Variables
1.0 - Reset
2.0 - Responsive Grid
3.0 - Typography
4.0 - Elements
5.0 - Header
5.0 - Navigation
7.0 - Footer
8.0 - Main

----------------------------------------------------------------*/

/*--------------------------------------------------------------
0.0 - Variables
----------------------------------------------------------------
	
0.1 - Colores

		Principal: #009de0; rbga(0,157,224,1);
		
		Gris:#a0a1a2;rbga(160,160,160,1);

		Gris 2: #8f8f8f;		

		Textos: #555555;


--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 - Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing:         border-box;
}
body {
	background: #fff;
}
.rojo { color:#990000 !important; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: none!important;
}
a:hover,
a:active {
	outline: none!important;
}
a img {
	outline: none!important;
}



/*--------------------------------------------------------------
2.0 - Responsive Grid
--------------------------------------------------------------*/

body{width: 100%;}

.columna1,.columna2,.columna3,.columna4,.columna23,.columna34,
.columna1-2, .columna1-3, .columna2-3,.columna1-4,.columna3-4,
.container, .content,
.columna1-5,.columna2-5,.columna3-5,.columna4-5,.columna5-5
{min-height: 1px;}



.container{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	float: left;
}

.caja{
	width: 100%; 
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
}

.content{
	width: 100%; 
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
}

.columna1-2, .columna1-3, .columna2-3,.columna1-4,.columna3-4,
.columna1-5,.columna2-5,.columna3-5,.columna4-5,.columna5-5
{float: left;}

.columna1-2{width: 50%;}
.columna1-3{width: 33.333%;}
.columna2-3{width: 66.666%;}
.columna1-4{width: 25%;}
.columna3-4{width: 75%;}

.columna1-5{width: 20%;}
.columna2-5{width: 40%;}
.columna3-5{width: 60%;}
.columna4-5{width: 80%;}



.columna1,.columna2,.columna3,.columna4,.columna23,.columna34{
	float: left;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 20px;
	margin-left: 20px;
}

.columna1 {
	/*max-width: 1140px;*/
	width: calc(100% - 40px);
	width: -moz-calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
}

.columna4{
	width: calc(25% - 40px);
	width: -moz-calc(25% - 40px);
	width: -webkit-calc(25% - 40px);
}

.columna2{
	width: calc(50% - 40px);
	width: -moz-calc(50% - 40px);
	width: -webkit-calc(50% - 40px);
}

.columna34{
	width: calc(75% - 40px);
	width: -moz-calc(75% - 40px);
	width: -webkit-calc(75% - 40px);
}

.columna3{
	width: calc(33.333% - 40px);
	width: -moz-calc(33.333% - 40px);
	width: -webkit-calc(33.333% - 40px);
}

.columna23{
	width: calc(66.666% - 40px);
	width: -moz-calc(66.666% - 40px);
	width: -webkit-calc(66.666% - 40px);
}





.movil{display: none!important;}
.escritorio{display: block;}


.derecha{text-align: right;}
.izquierda{text-align: left;}
.centro{text-align: center;}


.salto{clear: both;}



.escondido{text-indent: -99999px; position: absolute;}

.oculto{display: none;}

/*--------------------------------------------------------------
3.0 - Typography
--------------------------------------------------------------*/


/* 3.1 - Fonts */


/* 3.2 - Fonticons */


/* 3.3 - Textos */

*{
    font-family: 'lato', sans-serif;
    font-weight: 400;
    color: #555555;
   /*
    -webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
	*/
}

body,
button,
input,
select,
textarea,
li,
a,
p{
	font-size: 17px;
	line-height: 1.5;
	word-wrap: break-word;
	-moz-hyphens:manual;
	-webkit-hyphens:manual;
	hyphens:manual;
}


p{
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
	    -ms-hyphens: auto;
			hyphens: auto;	
}


h1, h2, h3, h4, h5, h6 {
	/*font-family: 'PermianSerif', serif;*/
}

h1 {}


h3{font-size: 24px;text-transform: uppercase;}

h2{}

h3{}

h4{text-transform: uppercase;font-size: 14px;}

h5{
	text-transform: uppercase;
	margin-bottom: 30px;
	font-weight: 700;
}

h6{}

p,address {}

b, strong, .strong {font-weight: bold;}

em{font-style: italic;}

a, span{
	text-decoration: none;
	color: inherit;
}

a{
	/*display: inline-block;*/
}

a:hover{opacity: .7;}

footer *,h1, h2, h3, h4, h5, h6, nav *{
	-moz-hyphens:manual;
	-webkit-hyphens:manual;
	hyphens:manual;
}


::selection {
  background: #ccc; /* WebKit/Blink Browsers */
  color: #fff;
}

::-moz-selection {
  background: #ccc; /* Gecko Browsers */
  color: #fff;
}




/*--------------------------------------------------------------
4.0 - Elements
--------------------------------------------------------------*/



		/*--------------------------------------------------------------
		4.1 - Buttons
		--------------------------------------------------------------*/




button, .button, input[type="submit"], input[type="button"], .btn{

	-webkit-appearance:none!important;
	-webkit-border-radius: 0px 0px 0px 0px !important;

    background-color: #009de0;
    border: 0 solid;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 18px;
    min-height: 40px;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
    position: relative;

    margin-bottom: 20px;
    margin-right: 40px;
}

.btn.largo, .button.largo{width: 100%;margin-bottom: 0px;}


.sub-menu > li::before,
button::before, .button::before, input[type="submit"]::before, input[type="button"]::before{
    background-color: #81807f;
    content: "→";
    font-size: 12px;
    height: 100%;
    line-height: 40px;
    position: absolute;
    right: -20px;
    top: 0;
    width: 20px;
}

.sub-menu > li:after,
button::after, .button::after, input[type="submit"]::after, input[type="button"]::after{
    width: 0px;
    height: 0px;
    border-left: 20px solid transparent;
    border-bottom: 40px solid #81807f;
    content: "";
    position: absolute;
    top: 0;
    right: 0;	
}








.verde::before{background-color: #01fc5f;color: #555;}
.verde::after{border-bottom: 40px solid #01fc5f;}


.blanco::before{
	background-color: #fff;
	color:#009de0;
	border-top: 1px solid #009de0;
	border-right:1px solid #009de0;
	border-bottom: 1px solid #009de0;
	box-sizing:border-box;
	height: 40px;
	top: -1px; 
}
.blanco::after{border-bottom: 38px solid #fff;}
.blanco{border: 1px solid #009de0;box-sizing:border-box; }



button:hover, .button:hover, input[type="submit"]:hover{background-color: #81807f}

.verde:hover{background-color: #01fc5f; color: #555;}
.blanco:hover{background-color:#fff; color: #009de0;}


/*
button:hover::after, .button:hover::after, input[type="submit"]:hover::after{  border-bottom: 40px solid #009de0;}
button:hover::before, .button:hover::before, input[type="submit"]:hover::before{background-color: #009de0;}
*/

button:hover, .button:hover{
	opacity: 1;
}




.tlink{
    background-color: #009de0;
    color: #fff;
    display: block;
    font-weight: 400;
    line-height: 20px;
    height: 20px;
    max-width: 70px;
    text-align: center;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}


.tlink.circle {
    background-color: transparent;
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 20px;
}

.tlink.circle.activo{
    background-color: #00ff00;
    border: 1px solid #00ff00;	
}


		/*--------------------------------------------------------------
		4.2 - Otros
		--------------------------------------------------------------*/

.list > li{margin-bottom: 12px;}

.list > li a:before{
    content: "\f058";
    font-family: FontAwesome;
    margin-right: 10px;

}

.list > li a:hover:before{
	color: #009de0;
}


.separador{
	width: 100%;
	height: 1px;
	background-color: #7b7c7c;
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
	position:relative;
}
.separadorsinlinea{
	width: 100%;
	height: 20px;
	margin-top: 20px;
	display: block;
}

		/*--------------------------------------------------------------
		4.3 - Forms
		--------------------------------------------------------------*/

		form{}

		form *{hyphens: manual;}

		fieldset{
			margin-top: 20px;
			float: left;
		}

		input, select, textarea{
			box-sizing:border-box;
			float: left;
			margin-bottom: 12px;
			width: 100%;
			border: 1px solid #d4d2d2;
			font-size: 14px;

			/*-webkit-appearance: none !important;*/
   			-webkit-border-radius: 0px 0px 0px 0px !important;				
		}


		input, select{height: 40px;padding: 0 10px;}

		textarea{height: 120px;resize:vertical ;padding: 10px;}

		button, input[type=submit], input[type="button"]{
			width: auto;
			float: right;
			margin-right: 20px;
			margin-top: 20px;
			margin-right: 20px;
		}


/*
		input[type="text"],
		input[type="email"],
		input[type="search"],
		input[type="password"],
		input[type="tel"],
		textarea{
			width: 100%;
		}
*/

		label{display: none;}
		legend, .legend{
			display: block;
			float: left;
			border-bottom: 1px solid #7b7c7c;
			text-transform: uppercase;
			margin-bottom: 20px;
			padding-bottom: 10px;
			width: 100%;
			font-weight: 400;
		}

		#login-form input, #search-form input{font-size: 18px;}



		.fileUpload {
		    position: relative;
		    overflow: hidden;
		    width: 120px;
		    float: left;
		    margin-right: 0px;
		}

		.fileUpload input.upload {
		    position: absolute;
		    top: 0;
		    right: 0;
		    margin: 0;
		    padding: 0;
		    font-size: 20px;
		    cursor: pointer;
		    opacity: 0;
		    filter: alpha(opacity=0);
		}


		#uploadFile{
			background-color: #fff;
			width: calc(100%  - 130px);
			margin-right: 10px;
			float: left;
		}
		.uploadFileProv{
			background-color: #fff;
			width: calc(100%  - 130px);
			margin-right: 10px;
			float: left;
		}
		#uploadFileAuth{
			background-color: #fff;
			width: calc(100%  - 130px);
			margin-right: 10px;
			float: left;
		}






		/*--------------------------- Login Form ---------------------------------*/
		#login-form {
		    margin: 0 auto;
		    max-width: 450px;
		    width: 100%;
		    padding: 0 20px;
		}

		#login-form h3{
			color: #009de0;
			font-size: 32px;
			font-weight: 300;
		}

		#login-form fieldset{margin-top: 10px;}
		#login-form fieldset:before{margin-bottom: 15px}
		#login-form fieldset:after{margin-top: 10px}
		#login-form fieldset:before,#login-form fieldset:after{
			content: "";
			display: block;
			width: 100%;
			height: 1px;
			background-color: #ccc;
		}

		#login-form label{
		    float: left;
		    line-height: 40px;
		    margin-bottom: 10px;
		    display: inline-block;			

			width: 100px;
		}

		
		#login-form input[type=text], #login-form input[type=password]  {
		    box-sizing: border-box;
		    width: calc(100% - 104px);
		    width: -ms-calc(100% - 104px);
		    width: -webkit-calc(100% - 104px);
		    width: -moz-calc(100% - 104px);
		    float: right;
		}

		#login-form a {
		    display: block;
		    text-align: right;
		    width: 100%;
		    float: left;
		}

		/*#login-form input.button{width: auto;float: right;}*/

		#login-form p {
		    color: inherit;
		    font-size: inherit;
		    margin-bottom: 20px;
		}



		/*--------------------------- Search Form ---------------------------------*/

		#search-form{float: right;}

		#search-form > *{float: right;}
		#search-form input[type=submit]{
			font-family: "FontAwesome";
			padding: 10px;
			margin-left: 10px;
			width: 40px;
		}

		#search-form input[type=search]{
			max-width: 380px;
			width: calc(100% - 50px);
			margin-right: 10px;
		}

		#search-form input[type="submit"]{margin: 0px;}


		/*--------------------------- User Form ---------------------------------*/

		#user-form button, #user-form input[type="submit"]{margin-top: 52px;}
		#user-form input[type="checkbox"] { 
			float: left;
		    line-height: 40px;
		    margin-bottom: 10px;
		    display: inline-block;			

			width: 100px;
		}
		.user-form-password {
			float:left;
			max-width:150px;
			margin-left:20px;
			margin-right:20px;
		}

		/*--------------------------- Siniestro Form ---------------------------------*/
		.referencia{font-style: italic;font-size: 24px;color: inherit;}

		.doc-adjunto{
			color: #b1b1b2;
			position: relative;
			padding-top: 20px;
			padding-bottom: 20px;
			border-bottom: 1px dashed #7b7c7c;
			display: block;
		}

		.doc-adjunto::before{
			content: "\f0c6";
			font-family: "FontAwesome";
			display: inline-block;
			font-size: 18px;
			margin-right: 10px;
			color: #a0a1a2;
		}
		.doc-nota{
			color: #b1b1b2;
			position: relative;
			padding-top: 20px;
			padding-bottom: 20px;
			border-bottom: 1px dashed #7b7c7c;
			display: block;
		}

		.doc-nota::before{
			content: "\f15c";
			font-family: "FontAwesome";
			display: inline-block;
			font-size: 18px;
			margin-right: 10px;
			color: #a0a1a2;
		}
		.msghover {cursor:help; }
		

		hr {
			border:0;
			border-top:1px dashed #CCC;
		}
		


		.doc-adjunto.proveedor::before{display: none;content: "";}
		.doc-adjunto.proveedor{}
		.doc-adjunto .resumen{margin: 0px;position: relative;}

		.doc-nombre{font-size: 14px;padding-right: 30px}
		.delete{
		    display: block;
		    float: right;
		    font-size: 12px;
		    position: absolute;
		    right: 0;
		    top: 20px;
		    line-height: 20px;
		}
		.delete i, .borrar i{color: #a0a1a2;font-size: 24px;margin-left: 10px;vertical-align: middle;}

		.proveedor .delete{   
			bottom: 20px;
    		padding: 0 10px;
    		top: inherit;
    	}

		/*--------------------------- Primera visita Form ---------------------------------*/
		#primera-visita-form select{
			width: 150px;
			float: left;
			margin-right: 10px;
			text-align: center;
			color: #b1b1b2;
		}

		#primera-visita-form fieldset{float: none;}

		#primera-visita-form button, #primera-visita-form input[type="submit"], #primera-visita-form input[type="button"], #primera-visita-form .button{float: left;}




		/*--------------------------- Hoja Revision Form ---------------------------------*/
		#hoja-revision-form fieldset{width: 100%;}




		/*--------------------------------------------------------------
		4.4 - Tablas
		--------------------------------------------------------------*/

			table{margin-top: 20px;margin-bottom: 40px;}

			th, td{padding: 10px 10px; line-height: 20px}

			thead{background-color: #f1eff0;}

			tr{position: relative;}

			th{font-weight: 700;border-bottom: 3px solid #fff;}

			td{font-weight: 300;position: relative;}

			tbody tr:first-child td{border-top: 1px solid #818181;}
			tbody tr:nth-child(odd){}
			tbody tr:nth-child(even){background-color: #f1eff0}




td::before, th::before {
    background-color: #c6c6c6;
    content: "";
    height: 20px;
    margin-left: -10px;
    position: absolute;
    right: unset;
    width: 2px;
}

td:first-child::before, th:first-child::before,
#tabla-datos-usuarios td:last-child::before, #tabla-datos-usuarios th:last-child::before,
#tabla-siniestros-cerrados td:last-child::before, #tabla-siniestros-cerrados th:last-child::before,
.noline:before, #tabla-siniestros td:last-child::before, #tabla-siniestros th:last-child::before
{display: none;}


table .ref{width: 160px;}
table .edit {width: 105px;}
table .poblacion{width: 200px;}
table .estado{width: 90px;}


		/*--------------------------- Tabla Siniestros Activos ---------------------------------*/


.siniestros tbody td:first-child::after {
    border-radius: 50%;
    content: "";
    height: 10px;
    left: -15px;
    position: absolute;
    top: 15px;
    width: 10px;
}	

tbody .activo td:first-child::after {background-color: #01fc5f;}

tbody .cerrado td:first-child::after {background-color: #cc0000;}


.tlink.plus::before {
    color: #fff;
    content: "+";
    display: block;
    height: 100%;
    position: relative;
}

.tlink.color{background-color: #ff621f}

.cita{font-size: 14px;}


.hoverinfo{
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	background-color: #ededed;
	padding: 20px;
	border: 1px dashed #727272;

}



		/*--------------------------------------------------------------
		4.4 - Others
		--------------------------------------------------------------*/

			/* Cookie Law */

			/* Share buttons */


		/*--------------------------------------------------------------
		4.4 - Error 404
		--------------------------------------------------------------*/




/*--------------------------------------------------------------
5.0 - Header
--------------------------------------------------------------*/
header{position: relative;margin-bottom: 40px;}


.site-title{
    background-image: url("img/logo-gestos.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    height: 160px;
    line-height: 0;
    margin: 0 auto;
    max-width: 530px;
    text-indent: -99999px;
    width: 100%;
}


.site-title:hover{}



#top-info{
	background-color: #f5f5f5;
	min-height: 50px;
	float: none;
}

#top-info > .content{
	display: block;
	padding: 15px;
}

#top-info *{color: #2d375f;}

#top-info .content > *{float: right;font-size: 14px; line-height: 20px;}

#top-info .tel{
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid #a0a1a2;
}

/*--------------------------------------------------------------
6.0 - Navigation
--------------------------------------------------------------*/

nav{
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    padding-bottom: 9px;
    padding-top: 9px;	
}

nav > div{
	background-color: #009de0;
	display: table;
	width: 100%;
}

nav ul.content {
    min-height: 50px;
    /*display: table-row;*/
    display: inherit;
    padding-left: 15px;
    padding-right: 15px;    
}

nav a{font-size: 16px;color: #ffffff;}

.menu-item {
    cursor: pointer;
    display: table-cell;
    line-height: 25px;
    min-height: 50px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    border-right: 1px solid #fff;
    position: relative;
}

.menu-item:first-child{
	text-align: left;
}

.menu-item:last-child {
    text-align: right;
    border-right: none;
}

.menu-item > a{
	color: #ffffff;
    display: block;
    font-size: 18px;
    line-height: 20px;
    padding: 15px 0;
}

.menu-itemOn {
    cursor: pointer;
    display: table-cell;
    line-height: 25px;
    min-height: 50px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    border-right: 1px solid #fff;
    position: relative;
}

.menu-itemOn:first-child{
	text-align: left;
}

.menu-itemOn:last-child {
    text-align: right;
    border-right: none;
}

.menu-itemOn > a{
	color: #FFBBBB;
	font-weight:bold;
    display: block;
    font-size: 18px;
    line-height: 20px;
    padding: 15px 0;
}

.sub-menu-item:hover > a, .sub-menu-item.active > a
.menu-item:hover > a, .menu-item.active > a,
.menu-item > a:hover, .menu-item > a.active{
	opacity: 1;
	color: #7b7c7c;
}



.sub-menu{
	position: absolute;
	width: 100%;
	display: none;
	z-index: 10;
	box-shadow: 0 9px 12px 0px rgba(0,0,0,0.3);
}

.menu-item:hover > .sub-menu{display: block;}

.sub-menu > li{display: table;width: 100%;position: relative;}
.sub-menu a{
	background-color: #009de0;
	border-top: 1px solid #fff;
	text-transform: none;
	height: 40px;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	font-size: 20px;
	font-weight: 700;
}

.sub-menu > li:last-child a{}

.sub-menu > li::before{right: 0px;border-top:1px solid #fff;color: #fff;}
.sub-menu > li::after{right: 20px;}


/*--------------------------------------------------------------
7.0 - Footer
--------------------------------------------------------------*/

footer{margin-top: 100px;}

footer *{color: #fff;}

#content-footer {
    background-color: #a0a1a2;
    padding-bottom: 35px;
    padding-top: 35px;
}

#content-footer *{font-size: 13px;}

#content-footer h5{font-size: 16px;}

#content-footer address{margin-top: 15px;margin-bottom: 15px;}

#content-footer .button{margin-top: 20px;}

#bottom-info {
    background-color: #009de0;
    display: block;
    float: left;
    min-height: 50px;
    padding-bottom: 15px;
    padding-top: 15px;
}

#bottom-info *{
	font-size: 11px;
	line-height: 20px;
}

#bottom-info .fa.fa-facebook {
    background-color: #006e9c;
    border-radius: 50%;
    color: #009de0;
    display: block;
    float: right;
    font-size: 14px;
    text-align: center;
    width: 20px;
}


/*--------------------------------------------------------------
8.0 - Main
--------------------------------------------------------------*/
	main{min-height: 600px!important}





		/*--------------------------------------------------------------
		8.1 - Home
		--------------------------------------------------------------*/
		



		/*--------------------------------------------------------------
		8.2 - Pages
		--------------------------------------------------------------*/

		.resumen *, form p{
			color: #b1b1b2;font-size: 14px;line-height: 1.2)
		}

		.resumen{
			margin-top: 20px;
			margin-bottom: 20px;
		}

		.foto-siniestro{
			position: relative;
			max-height:370px;
			float: left;
			margin-right:20px;
			margin-bottom: 20px;
			height: auto;
			min-height:410px;
		}
		.foto-siniestro img {
			max-height:370px;
		}

		.foto-siniestro .borrar{
		    top: 20px;
		    position: absolute;
		    right: 10px;
		    text-transform: uppercase;
		    color: #a0a1a2;
		    font-size: 14px;
		}

		.foto-siniestro .borrar i{
			margin-left: 10px;
		}
		.foto-siniestro .textoimagen {
			font-size: 12px; color:#666;font-style:italic;
		}
		
		#hoja-revision textarea{border-color: #7b7c7c;margin-bottom: 20px;}

		#hoja-revision .enviar button:first-child,#hoja-revision .enviar .button:first-child{margin-left: 0px;margin-right: 40px;}

		#hoja-revision .imagenes{margin-bottom: 20px;}

		#hoja-revision .oficio > *{
			color: #fff;	
			display: block;
			float: left;
			height: 40px;
			padding: 10px;
			line-height: 20px;
			margin-bottom: 20px;		
		}


		#hoja-revision .oficio > p{
			width:100%;
			margin-right: 5px;
			background-color: #009de0;
			font-size: 18px;
			font-weight: 700;
			text-transform: uppercase;
			
		}

		#hoja-revision .oficio > .eliminar{
			width: 145px;
			background-color: #e00000;
			font-size: 14px;
			text-align: center;
		}

		#hoja-revision .oficio > .eliminar i{color: #fff; margin-left: 10px;}


		#proveedores-asignados{margin-bottom: 20px;}

			/*--------------------------------------------------------------
			8.2.1 - Base
			--------------------------------------------------------------*/



			/*--------------------------------------------------------------
			8.2.2 - Contacto
			--------------------------------------------------------------*/



			/*--------------------------------------------------------------
			8.2.3 - Blog
			--------------------------------------------------------------*/



			/*--------------------------------------------------------------
			8.2.4 - Single
			--------------------------------------------------------------*/



			/*--------------------------------------------------------------
			8.2.5 - Error 404
			--------------------------------------------------------------*/			














body {
    overflow: hidden;
}
input[type="checkbox"] {
    -moz-appearance: checkbox!important;
    -webkit-appearance:checkbox!important;
    height: 20px;
    line-height: 40px;
    margin-right: 5px;
    margin-top: 15px;
    width: auto;
}