* { padding: 0; margin: 0; }
body {
	margin: 0;
	padding: 0;
	background: #EFEFEF;
	font-family:  arial, Tahoma, Sans-serif;
	font-zise: 14px;
	LINE-HEIGHT: 180%;
}
/*---------FIJOS -----------------*/
td {
	padding: 0px;
	font-size: 14px;
	font-family: arial, Tahoma, Sans-serif;
	LINE-HEIGHT: 180%;
}

a { 
	background: inherit; 
	color: #000000; 
	text-decoration: none; 
}
a:hover { 
	background: inherit; 
	color: #000000; 
	text-decoration: underline; 
}
h1, h2 { font-weight:;}
h1 { font-size: 26px; color: #000 }
h2 { font-size: 22px; color: #000; }
h3 { font-size: 18px; color: #000;}
p, h1, h2, h3 {	margin: 0px ;}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-0  { text-align: left; }
.align-50  { text-align: center; }
.align-100 { text-align: right; }


/* additional classes */
.clear { clear: both; }
.navy  { color: navy; }
.red  { color: red;}
.hide  { display: none; }
.show { display:inherit}
.underline{text-decoration:underline;}
img {
	vertical-align: middle;
	margin: 0px;
}
.lin {	COLOR: #ffffff; TEXT-DECORATION: none; }
.lin:visited {	COLOR: #ffffff; TEXT-DECORATION: none; }
.lin:hover { COLOR: #ffffff; TEXT-DECORATION: underline; }
.linCRONYM { CURSOR: help; }



/*-------------ESTRUCTURA-----------------*/

section {
width: 100%; 
margin: 0%; 
overflow:hidden;
}
.container {
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
	width: 100%;
	overflow:hidden;
}
.row {
    margin-left: 0px;
    margin-right: 0px;
	overflow:hidden;
}
#modo_pc {
position:absolute;
top:-200px;
display:none;
}
#content {	
	padding: 0;
	margin: 0;
}

#content_seccion{
	margin: 0px;
}

#cargando {
	background: url('../image/iconos/loader.gif') no-repeat 50% 50% ;
	filter: alpha(opacity=50); opacity: .5;
	position:absolute;
	height: 100%;
	width: 100%;
	z-index:99;
}
.caja {
width: auto;
height: 100%;
overflow:hidden;
}
.log {
position:relative;
width: 50%;
height: 40%;
left: 25%;
top: 10%;
transform: translateX(50%);
transform: translateY(50%);
border:0px solid #ccc;
}
.curve {
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-webkit-border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
*margin-left: .6em;
border-color: rgba(0, 0, 0, 0.8);
outline: 0;
}
.logo {
	background: url('../image/logo.png') no-repeat 50% 50% ;
	background-size: auto 120px;
	height: 100%;
	width: 100%;
}
.color{
	background-color: #336666 ;
}
@media (max-width:768px) {
.log {
position:relative;
width: 80%;
height: 20%;
left: 10%;
top: 0%;
transform: translateX(50%);
transform: translateY(50%);
border:0px solid #ccc;
}
.caja {
height:33%;
}
}
/************* LISTADOS ****************/
.listado {
  	border-top: 1px solid #D0D4D4;
  	border-bottom: 1px solid #FFFFFF;
	padding:5px;
	color: #000;
}

.desplegado {
         display: black;  
		 margin:0;
		 padding:0px;		 
}
.ocultar_desplegado {
   display:none;
}


/*---------------------------  BOTONES --------------------------- */
#sidox {
		FLOAT:left; 
		WIDTH: 25%;
	}
.boto {
		border-bottom: 1px solid #6699FF;
		border-right: 1px solid #6699FF;
		PADDING: 20px 0px 20px 0px; 
		LINE-HEIGHT: 120%;
		text-align: center;
	}
@media (max-width:768px) {
	#sidox {
		FLOAT:none; 
		WIDTH: 100%;
		}		 
	.boto {
		border-bottom: 1px solid #6699FF;
		border-right: 0px solid #6699FF;
		PADDING: 0px 0px 0px 0px; 
		LINE-HEIGHT: 60px;
		text-align: left;
		overflow:hidden;
		height: 65px;
	}
}
.file_input { 
	font-size:0px;
	color:#ffffff;
	padding: 20px;
	border: 2px solid #666666;
    background: url('../image/iconos/transparent_bg.png') ;

}

div.examinar
{
   position: relative;
   top: 0px;
   left: 0px;
   z-index: 1;
}


.imag1
{
background:url('../image/iconos/camara1.png') no-repeat 50% 50%;
}
.imag2
{
background:url('../image/iconos/camara2.png') no-repeat 50% 50%;
}
.arch1
{
background:url('../image/iconos/attach1.png') no-repeat 50% 50%;
}
.arch2
{
background:url('../image/iconos/attach2.png') no-repeat 50% 50%;
}
.imag3
{
background:url('../image/iconos/ico-galeria-imagenes.png') no-repeat 50% 50%;
}
.imag4
{
background:url('../image/iconos/ico-imagen.png') no-repeat 50% 50%;
}
.imag5
{
background:url('../image/iconos/ico-archivos.png') no-repeat 50% 50%;
}
.imag6
{
background:url('../image/iconos/examinar.png') no-repeat 50% 50%;
}
.file_input_actualizar
{
background:url('../image/iconos/quick_restart.png') no-repeat 50% 50%;
 width: 80px;
 height: 60px;
   position: relative;
   z-index: 9;
   border: 0px solid #ffffff;
   margin: 0px;
   color: #FFFFFF;
   text-align:center;
   font-size:9px;
   LINE-HEIGHT: 160%;
}

.file_input
{
	position: relative;
	text-align: left;
	-moz-opacity:0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 10;
	cursor: pointer;
}

.input_inactivo {
	-moz-opacity:0.3;
	filter:alpha(opacity: 0.3);
	opacity: 0.3;
}




@media (max-width: 700px) 
{
	
	body {
	font-family: Tahoma, Sans-serif;
	font-zise: 20px;
	LINE-HEIGHT: 180%;
	}

	td {
		padding: 0px;
		font-size: 20px;
		font-family: Tahoma, Sans-serif;
		LINE-HEIGHT: 180%;
	}

	.widthstyl { width: 100%; margin: 0px; height: 100%;}


	#modo_mov {
	display:none;
	}
}

.texti td {
 letter-spacing: -1px;
font-size:10px;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a:hover,
a:active {
  outline: 0;
}
form {
font-size:11px;
}

button,
input,
select,
textarea {
	background: #999;
	width: 100%;
	border:1px solid #999;
	display: inline-block;
	padding: 9px 5px;
	margin: 0px;
	line-height: 120%;
	font-size: 18px;
	vertical-align: middle;
}

.menui input  {
	width: inherit;
	border:1px solid #000;
	padding: 2px 2px;
	margin: 1px;
	font-size: 16px;
	float: left;
}
.menui select{
	width: inherit;
	border:1px solid #000;
	padding: 2px 2px;
	margin: 1px;
	font-size: 16px;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(250, 250, 250, 0.8);
  outline: 0;
  outline: thin dotted \9;
  border:1px solid #fff;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(0,0,0,.5);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(0,0,0,.5);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(0,0,0,.5);
}
input[type="radio"],
input[type="checkbox"] {
width:auto;
  margin: 0;
  line-height: 22px;
  cursor: pointer;
padding:0px; float:left; overflow:hidden;;
}


.file_down input {
width: 100px;
font-size:12px;
float:left;
}