body {
	font-family:Arial,Verdana,sans-serif;
	color:#333333;
	margin-top:0.0in; margin-bottom:0.0in; margin-left:0.0in; margin-right:0.0in;
	font-size:10px;
	background: #333333;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
 }

table , select, input, textarea{
	color:#333333;
	font-size:10px;
} 

a 
{
    background: url("./img/puntero.png") no-repeat;
    padding-left:10px;
    text-decoration:none;
    color:#002687;
    border-bottom:1px dotted #002687;
}

img.foto {
	width:48px;
	height:48px;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	border-radius: 24px;
}

div.pnlMenuMain
{
    position:absolute;
    left:-330px;
    top:0px;
    width:220px;
	background: #ffffff;
	padding-top:0px;
    height:100%;
    z-index:2;
    margin:0px;
	box-shadow: 5px 5px 2px #888;
	position:fixed;
	overflow:scroll;
}
    div.pnlMenuMain  div.pnlOpcion
    {
        width:100%;
        margin-top:10px;
        margin-left:10px;
        color:#333333;
        font-size:14px;
        cursor:pointer;
    }
        div.pnlMenuMain  div.pnlOpcion table td a 
        {
            color:#333333;
            text-decoration:none;
            border-bottom:1px dotted #333333;
        }
        div.pnlMenuMain  div.pnlOpcion img
        {
            width:32px;
            height:32px;
            vertical-align:middle;    
            margin-right:10px;
        }
 
div.pnlSuperior {
	z-index:1;
	width:100%;
	height: 52px;
	background:#f0f0f0 url('./img/logotipo.png') no-repeat 100px center;
	position:fixed;
	top:0px;
}

	div.pnlSuperior div.derecha{
		margin-top:15px;
		margin-right:15px;
		float:right;

	}
	div.pnlSuperior img{ cursor:pointer; height:22px;}
	div.pnlSuperior div.izquierda{
		margin-top:15px;
		margin-left:15px;
		float:left;
	}

div.pnlSesion {
	width:90%;
	background-color:#ffffff;
	height:100px;
	font-size:30px;
}
	div.pnlSesion div {	
		margin-top:20px;
		margin-right:20px;
		float:right;
		vertical-align:middle;
	}
	div.pnlSesion  img {
		float:right;
		margin-top:-50px;
		width:140px;
		height:140px;
	}
	
div.pnlContenido {
	width:100%;
	padding:10px;
	clear: both;
	margin-top:50px;
}

	div.pnlContenido div.pnlEtiqueta {
		float:left;
		background-color:#ffffff;
		padding:5px;
	}

	div.pnlContenido div.pnlMenu {
		margin: 5px;
		width:270px;
		height:90px;
		padding: 20px;
		font-size:15px;
		cursor:pointer;
	}
		div.pnlContenido div.pnlMenu img {
			float:left;
			width:72px;
			height:72px;
			margin-right:20px;
		}
		div.pnlContenido div.pnlMenu div {
			float:left;
			height:20px;
		}
		div.pnlContenido div.pnlMenu div h1{
			font-size:15px;
		}

	div.pnlContenido div.pnlPanel {
		width:100%;
		clear: both;
		background-color:#ffffff;
		margin: 10px 0px 10px 0px;
	}
	
	div.pnlContenido div.pnlAvisoTitulo {
		width:100%;
		clear: both;
		text-align:center;
		font-size:12px;
		color:#ffffff;
		border:1px solid #333333;
		background-color:#333333;
		margin: 10px 0px 10px 0px;
	}

	div.pnlContenido div.pnlAvisoError {
		width:100%;
		clear: both;
		text-align:center;
		font-size:12px;
		color:#ffffff;
		background-color:#E63E3E;
		margin: 10px 0px 10px 0px;
	}

	div.pnlContenido div.pnlAvisoOk {
		width:100%;
		clear: both;
		text-align:center;
		font-size:12px;
		color:#ffffff;
		background-color:#44A12B;
		margin: 10px 0px 10px 0px;
	}


	div.pnlContenido div.pnlMensajeError 
	{
		width:100%;
	    background: #ffffff url('./img/error.png') no-repeat center 10px;
	    padding:65px 10px 10px 10px;
		clear: both;
		text-align:center;
		font-size:12px;
		color:#E63E3E;
		margin: 10px;
		font-weight:bold;
	}

	div.pnlContenido div.pnlMensajeOk {
		width:100%;
	    background: #ffffff url('./img/ok.png') no-repeat center 10px;
	    padding:65px 10px 10px 10px;
		clear: both;
		text-align:center;
		font-size:12px;
		color:#44A12B;
		margin: 10px;
		font-weight:bold;
	}

	div.pnlContenido div.pnlFormulario {
		width:98%;
		background-color:#ffffff;
		padding:5px;
		float:left;
	}

    	div.pnlContenido div.pnlFormulario h1
    	{
    	    font-size:15px;
    	    padding:0px;
    	    margin:0px 0px 5px 0px;
    	    font-weight:bold;
    	    color:#000000;
    	    border-bottom: 1px dotted #999999;
    	}

    	div.pnlContenido div.pnlFormulario h2
    	{
    	    font-size:12px;
    	    padding:0px;
    	    margin:0px 0px 5px 0px;
    	    font-weight:bold;
    	    color:#333333;
    	}
    	
    	div.pnlContenido div.pnlFormulario div.pnlApartado2
    	{
    	    width:50%;
    	    float:left;
    	    margin-bottom:10px;
    	}
    	
    	div.pnlContenido div.pnlFormulario table 
    	{
        	color:#333333;
	        font-size:10px;
    	}
    	div.pnlContenido div.pnlFormulario table th 
    	{
    	    font-weight:normal;
    	    color:#333333;
    	}
    	div.pnlContenido div.pnlFormulario table td
    	{
    	    font-style:italic;
    	}
    	
	div.pnlContenido input.inputTxt, div.pnlContenido select.inputTxt{
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 0px solid #999999;
        padding: 5px;
		font-size:10px;
		cursor:pointer;
		width:100%;
		background:#f0f0f0;
    	box-shadow: 2px 2px 2px #888;
    	margin:2px;
	}
    	    	
	div.pnlContenido textarea.inputTxt{
		border:0px;
		border-bottom:1px solid #999999;
		font-size:10px;
		padding:5px;
		cursor:pointer;
		width:100%;
		overflow:scroll;
    	box-shadow: 2px 2px 2px #888;
    	margin:2px;
	}
	div.pnlContenido input.inputBtn{
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
		border:1px solid #999999;
		background-color:#ffffff;
		font-size:10px;
		padding:5px;
		margin:5px;
		cursor:pointer;
		box-shadow: 2px 2px 1px #888;
	}
	div.pnlContenido a.inputBtn{
	    text-decoration:none;
		padding:10px;
		border:1px solid #999999;
		background:#ffffff;
		font-size:12px;
		cursor:pointer;
		box-shadow: 2px 2px 1px #888;
	}
	div.pnlContenido input.inputBtnBuscar, div.pnlContenido input.inputBtnResaltar, div.pnlContenido a.inputBtnResaltar{
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
		border:0px solid #999999;
        background: #002687; /* Old browsers */
        background: -moz-linear-gradient(top,  #002687 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #002687 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #002687 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002687', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */		
		color:#ffffff;
		font-size:10px;
		padding:5px;
		margin:5px;
		cursor:pointer;
	    text-decoration:none;
		box-shadow: 2px 2px 1px #888;
	}
	
	div.pnlContenido input.inputBtnCancelar{
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
		border:0px solid #999999;
		background: #870000; /* Old browsers */
        background: -moz-linear-gradient(top,  #870000 0%, #d82929 50%, #ca2020 51%, #e87d7d 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #870000 0%,#d82929 50%,#ca2020 51%,#e87d7d 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #870000 0%,#d82929 50%,#ca2020 51%,#e87d7d 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#870000', endColorstr='#e87d7d',GradientType=0 ); /* IE6-9 */		
		color:#ffffff;
		font-size:10px;
		padding:5px;
		margin:5px;
		cursor:pointer;
	    text-decoration:none;
		box-shadow: 2px 2px 1px #888;
	}
    	
    div.pnlContenido div.pnlFormulario table.tabRes {
        color:#444444;
	    font-size:10px;
    }
    	
    div.pnlContenido div.pnlFormulario table.tabRes tr.par {
        background: rgb(255,255,255); /* Old browsers */
        background: -moz-linear-gradient(45deg,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }
    	
    div.pnlContenido div.pnlFormulario table.tabRes tr.impar {
        background: rgb(228,245,252); /* Old browsers */
        background: -moz-linear-gradient(45deg,  rgba(228,245,252,1) 0%, rgba(191,232,249,1) 50%, rgba(159,216,239,1) 51%, rgba(42,176,237,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(45deg,  rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(45deg,  rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fc', endColorstr='#2ab0ed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }
        
    div.pnlContenido div.pnlFormulario table.tabRes th 
    {
        padding:5px;
    }
    div.pnlContenido div.pnlFormulario table.tabRes td
    {
        padding:5px;
    }

@media (max-width: 800px){
	div.pnlSesion {
		margin:0px;
		padding:0px;
		height:0px;
		width:0px;
		visibility: hidden;
	}
		div.pnlSesion  div {
			margin:0px;
			padding:0px;
			height:0px;
		}
		div.pnlSesion  img {
			margin:0px;
			padding:0px;
			width:0px;
			height:0px;
		}
}

@media (max-width: 600px)
{
 div.pnlMenuMain 
 {
     width:220px;
 }
    div.pnlMenuMain  div.pnlOpcion img
    {
        width:16px;
        height:16px;    
    }   

    div.pnlContenido 
    {
        padding:0px;
    }
 	div.pnlContenido div.pnlMenu 
 	{
 	    margin:5px;
 	    width:100%;
 	}

    div.pnlContenido div.pnlFormulario div.pnlApartado2 
    {
        width:100%;
    }

   div.pnlMenuMain 
    {
        width:220px;
    }
        div.pnlMenuMain  div.pnlOpcion img
        {
            width:16px;
            height:16px;    
        }   
 	div.pnlContenido div.pnlMensajeError 
 	{
 		margin-left: 0px;
	}
 	div.pnlContenido div.pnlMensajeOk
 	{
 		margin-left: 0px;
 	}
      
}