@font-face
{
    font-family: Campton-MediumItalic;
    src: url(campton/campton-book_1.ttf);
}
    
@font-face
{
    font-family: Campton-book;
    src: url(campton/campton-book_1.ttf);
} 
html,body
{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	font-family:Campton-book;
	font-size:14px;
}

#content_page
{
	max-width:95%;
	margin:0 auto;
	/*background-image:url(../image/pnlconfirma.jpg);
	background-repeat:no-repeat;*/

}


#divContent-menu
{
    background-color:#005899;
    padding:4px 6px;
}

#content_page_login
{
	max-width:95%;
	margin:0 auto;
	/*background-image:url(../image/pnlLogin.jpg);
	background-repeat:no-repeat;*/
	}

#content_page_registro
{
    max-width:95%;
	margin:0 auto;
	/*background-image:url(../image/pnlregistro.jpg);
	background-repeat:no-repeat;*/
    }
    
#content_page_preguntas
{
    max-width:95%;
	margin:0 auto;
    }    


.ballCheck
{
	border-radius:15px;
	width:20px;
	height:20px;
	line-height:20px;
	float:left;
	font-size:0.7em;
	background-color:#008BD2;
	box-shadow:0px 0px 2px #000;
	margin:5px 4.5px;
	display:block;
	color:#fff;
	text-shadow: 1px 1px #000;
	}

.ballUncheck
{
	border-radius:15px;
	width:20px;
	height:20px;
	line-height:20px;
	float:left;
	font-weight:bold;
	font-size:0.7em;
	background-color:#6C6C6C;
	box-shadow:0px 0px 2px #000;
	margin:5px 4.5px;
	display:block;
	color:#fff;
	text-shadow: 1px 1px #000;
	}

.cssrow
{
	color: #6c6c6c;
    display: block;
    padding: 3px 5px;
    vertical-align: middle;
    top: 0px;
    left: 0px;
	}
		
 .csstitle{	
	width:150px;   
	/*vertical-align: middle; */
	display:inline-block;  
	zoom: 1; 
	*display: inline;
	/*font-weight:bold;*/
 }
 
 .cssMedium
 {
     width:50%;
     float:left
     }
 
 .cssWithGraphic
 {
     width:600px;
     }
 
  .csscontrol
 {   
 	vertical-align: middle;  
 	display:inline-block;  
 	zoom: 1;
 	*display: inline;
 	min-width:200px;
 	}	

.csRow
{
	color: #6c6c6c;
    display: block;
    padding: 3px 5px;
    vertical-align: middle;
    top: 0px;
    left: 0px;
    
	}
	
.csCell01{	
	width:80px;   
	/*vertical-align: middle; */
	display:inline-block;  
	zoom: 1; 
	*display: inline;
 }
 
 .csCell02{	
	width:150px;   
	vertical-align: middle; 
	color:#103371;
	/*text-align:right;*/
	padding-right:10px;
	display:inline-block;  
	zoom: 1; 
	*display: inline;
	
 }
 
.csCellControl
 {   
 	vertical-align: middle;  
 	display:inline-block;  
 	zoom: 1;
 	*display: inline;
 	min-width:200px;
 	}
 	
 	
.cssCapitalLetter
{
    text-transform:capitalize;
    } 	

 .cssBtnVerde
{
    background-color:#75a365;
    color:#FFFFFF;
     width:100px;
    padding:6px;
    border:0px;
    }

.cssBtnAmarillo
{
    background-color:#e8ba19;
    color:#FFFFFF;
    width:100px;
    padding:6px;
    border:0px;
    }
 
 .cssBtnVerde
{
    background-color:#75a365;
    color:#FFFFFF;
     width:100px;
    padding:6px;
    border:0px;
    }
    
.cssBtnRojo
{
    background-color:#f54d4d;
    color:#FFFFFF;
     width:100px;
    padding:6px;
    border:0px;
    }       

.cssBtnAccept{
	font-size: 12px;
	color: #fff;
	padding: 10px 10px;
	background: #45befa;
	 background-color : #45befa; /*explore 9 Y 8*/
	*background: #45befa; /*explore 7**/	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 10px #45befa;
	border: 1px solid #7e851c;
	cursor:pointer;
	}	

.cssBtn{
	font-size: 12px;
	color: #fff;
	padding: 10px 10px;
	background: #515e08;
	background-color : #204f85; /*explore 9 Y 8*/
	background: #204f85; /*explore 7**/	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #438099;
	cursor:pointer;
	}	 	
 
 	
input[type="text"],
input[type="password"],
select,
textarea
{
	font-size:12px;
	letter-spacing:.5px;
	font-family:Campton-book;
	padding:5px 6px;
	border:1px solid #E2E2E2;
	background-color:#ffffff;
	}	
	    

	
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus
{
	border:1px solid #48CBE7;
	/*background:#E4fAff;*/
}	

.cssgridview
{
  /*  border:1px solid #944545;*/
    }	

.cssgridview2 th{
    background-color: #206fab;
	background-color : #206fab; /*explore 9 Y 8*/
	background: #206fab; /*explore 7**/
    padding:6px 4px;
    color:#ffffff;
    border:1px solid #FFFFFF;
    font-size:12px;
    }

.cssgridview th{
    background-color: #206fab;
	background-color : #206fab; /*explore 9 Y 8*/
	background: #206fab; /*explore 7**/
    padding:6px 4px;
    color:#ffffff;
    border:1px solid #206fab;
    font-size:12px;
    text-align:center;
    } 	
    
.cssgridview td{
    border:1px solid #206fab;
    padding:4px 10px;
    font-size:12px;
    } 
    
    
 .cssgridview td ul{
   padding:0px;
    }    
    
 .csspager
 {
    background-color:#4d4d4f;
    color:#ffffff;
 }
 .csspager td
 {
     border:0px;
     }   	
     
 .csspager select
 {
     padding:1px;
     }
 	
 	
 fieldset legend
 {
     border:1px solid #ababab;
     padding:4px 18px;
     background-color:#CAD226;
     }	

 	
 	@media only screen and (max-width:960px) and (min-width:590px)
{
    /*
	.row-servicio{padding:0;margin:0}
	.row-servicio a
	{
	width:40%;
	margin-left:8%;
	margin-right:0%;
	background-color:#ff0000;
		}*/
		
		.cssMedium{ width:100%; }
        .cssWithGraphic{ width:700px; }		
		
}


@media only screen and (max-width:590px) and (min-width:450px)
{
		
		.pnl-login	{
		width:300px;
		left:23%;
		}
		
		.menuFooter li{ width:100%; }
		
		input[type="text"],input[type="submit"],input[type="password"],select,textarea
		{
			font-family:Frutiger LT Std;
			font-size:13px;
			letter-spacing:.5px;
			width:100%;
		}
		
		.cssWithGraphic
    {
     width:450px;
     }
	
	.csCell02 { width:100%; }
}


@media only screen and (max-width:450px)
{
	.csMenu li
	{
		width:100%;
		background-color:#ababab;
        background-image: -ms-linear-gradient(top, #4589CE 0%, #50abff 100%);
		background-image: -moz-linear-gradient(top, #4589CE 0%, #50abff 100%);
		background-image: -o-linear-gradient(top, #4589CE 0%, #50abff 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4589CE), color-stop(1, #50abff));
		background-image: -webkit-linear-gradient(top, #4589CE 0%, #50abff 100%);
		background-image: linear-gradient(to bottom, #4589CE 0%, #50abff 100%);
		}
	
	.pnl-login	{	width:300px;
					left:8%;		}
		
	.menuFooter li{ width:100%;}
	
	input[type="text"],input[type="submit"],input[type="password"],select,textarea	{
		font-family:Frutiger LT Std; 		font-size:13px;
		letter-spacing:.5px;	width:100%			}
	
	.csCell01 { width:100%; }
	
	.row-servicio a	{	}
	
	fieldset{width:95%;}
	
}