<style type="text/css">
<!--
table.shadow { 
	width: 100%;
    align: center;
    background-color:  	#F5F4E7 
  }

  td.shadow-top { 
    height: 16px;  
    background-image: url(imagenes/top.gif)
  }

  td.shadow-topRight { 
    width: 16px;
    height: 16px;
    background-image: url(imagenes/topRight.gif)
  }

  td.shadow-right { 
    width: 16px; 
    background-image: url(imagenes/right.gif)
  }

  td.shadow-bottomRight { 
    width: 16px; 
    height: 16px; 
    background-image: url(imagenes/bottomRight.gif)
  } 

  td.shadow-bottom { 
    height: 16px;
    background-image: url(imagenes/bottom.gif)
  }

  td.shadow-bottomLeft { width: 16px;
    height: 16px;
    background-image: url(imagenes/bottomLeft.gif)
  } 

  td.shadow-left { width: 16px;
    background-image: url(imagenes/left.gif)
  }

  td.shadow-topLeft { 
    width: 16px; 
    height: 16px; 
    background-image: url(imagenes/topLeft.gif)
  }      

  td.shadow-center { 
    background-color:  	#F5F4E7  
  }



.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #00CC33;
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
}
.style2a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #000000;
}
.style3 {
	color: #000000;
	font-size: 18px;
}
.style4 {
	color: #FFFFFF;
	font-size: 18px;
}

.style5 {font-size: 20px}
.style6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style7 {font-size: 9px}

.img_soldemat{
	width:40%;
	height:auto;	
}


* {
    -moz-box-sizing: border-box;
} 


/*.active-controls-grid {
        background: #ffffff;
        border: 3px #999999;
		vertical-align:middle;
    }
	
.active-grid-column {border-right: 1px solid threedshadow;}
.active-grid-row {border-bottom: 1px solid threedshadow;}

.active-selection-true, .active-selection-true .active-row-cell {
color: red!important;
background-color: yellow!important;
}	


.active-row-highlight {background-color: yellow}
.active-row-highlight .active-row-cell {background-color: yellow}

.active-scroll-left .active-box-item {font-size:10px;font-weigth: bold;}
.active-templates-header {font-weight: bold;font-size:14px;text-align:center;} 
.active-templates-text {font-size:11px;} 
*/


@media screen and (min-width: 621px) {

#select_registro {
	font-size: 22px;
}
}
@media screen and (max-width: 620px) {
	#select_registro {
		font-size: 30px;
		width:50%;
	}
}
-->
</style>