html{
background: #005085;
margin:0;
padding:0;
}
body {    
    font: 11px Arial, Helvetica, sans-serif;
margin-top:0px; margin-left:0px;    
padding:0;
width: 100%;
height: 600px;

background: #000000; /* Old browsers */
background: -moz-linear-gradient(top,  #000000 0%, #01325b 14%, #004e83 58%, #005085 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(14%,#01325b), color-stop(58%,#004e83), color-stop(100%,#005085)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #000000 0%,#01325b 14%,#004e83 58%,#005085 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #000000 0%,#01325b 14%,#004e83 58%,#005085 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #000000 0%,#01325b 14%,#004e83 58%,#005085 100%); /* IE10+ */
background: linear-gradient(to bottom,  #000000 0%,#01325b 14%,#004e83 58%,#005085 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#005085',GradientType=0 ); /* IE6-9 */

background-repeat: repeat-x;

}
/*------------generales------------*/

A:link          {BACKGROUND: none; COLOR: #003DB2; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:active        {BACKGROUND: none; COLOR: #003DB2; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A:visited       {BACKGROUND: none; COLOR: #003DB2; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:hover         {BACKGROUND: none; COLOR: #003DB2; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}

.titulo{
    font: 18px Arial, Helvetica, sans-serif;color:#666666;
border-top-style:solid;border-top-color:#DDDDDD;border-top-width: 0px ;
border-left-style:solid;border-left-color:#DDDDDD;border-left-width: 0px ;
border-right-style:solid;border-right-color:#DDDDDD;border-right-width: 0px ;
border-bottom-style:solid;border-bottom-color:#DDDDDD;border-bottom-width: 1px ;  
    
}
/*------------especiales------------*/
.barra{ 
    //top:-30px;
    height:35px;
    background: #00335E;
    border-top-style:solid;border-top-color:#800000;border-top-width: 0px ;
    border-left-style:solid;border-left-color:#800000;border-left-width: 0px ;
    border-right-style:solid;border-right-color:#800000;border-right-width: 0px ;
    border-bottom-style:solid;border-bottom-color:#00335E;border-bottom-width: 1px ;   
    -webkit-transition: all 300ms ease-out;
    -moz-transition:all 300ms ease-out;
    transition: all 300ms ease-out;    
    
	-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.5);
	   -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.5);
	        box-shadow: 0 8px 6px -6px rgba(0,0,0,0.5);    
    
} 
.barra:hover{ 
    //top:0px;
    height:35px;
} 

.pie{
    font: 11px Arial, Helvetica, sans-serif;color:#8888FF;
}
.bordepagina{ 
    -webkit-box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.4);
    box-shadow:0px 0px 4px 4px rgba(0,0,0,0.4);
    
    background: #00335E;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
} 
/*------------contenido------------*/
.contenido{ 
    background: #FFFFFF;
     border-radius: 5px 5px 5px 5px;
   -moz-box-shadow:    inset 0 0 20px rgba(182,182,182,0.7);
   -webkit-box-shadow: inset 0 0 20px rgba(182,182,182,0.7);
   box-shadow:         inset 0 0 20px rgba(182,182,182,0.7);
} 

/*------------menu------------*/
.menuprincipal{
  height: 40px;

  background: #FBFBFB;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%; 
  background: -moz-linear-gradient(top, #C7C7C7 0%, #FBFBFB 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C7C7C7), color-stop(100%, #FBFBFB));
  background: -webkit-linear-gradient(top, #C7C7C7 0%, #FBFBFB 100%);
  background: -o-linear-gradient(top, #C7C7C7 0%, #FBFBFB 100%);
  background: -ms-linear-gradient(top, #C7C7C7 0%, #FBFBFB 100%);
  background: linear-gradient(to bottom, #C7C7C7 0%, #FBFBFB 100%);
  border-bottom: 2px solid #0fa1e0;
}
.menuabajofondo{
    font: 11px Arial, Helvetica, sans-serif;color:#000000;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;        

    border-top-style:solid;border-top-color:#00A6E6;border-top-width: 3px ;
    border-left-style:solid;border-left-color:#800000;border-left-width: 0px ;
    border-right-style:solid;border-right-color:#800000;border-right-width: 0px ;
    border-bottom-style:solid;border-bottom-color:#00335E;border-bottom-width: 0px ;   
    
background: #00335E; /* Old browsers */

}
A.menuabajo:link          {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 11px; FONT-FAMILY: Arial, Verdana,Helvetica; TEXT-DECORATION: none}
A.menuabajo:active        {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 11px; FONT-FAMILY: Arial, Verdana,Helvetica; TEXT-DECORATION: underline}
A.menuabajo:visited       {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 11px; FONT-FAMILY: Arial, Verdana,Helvetica; TEXT-DECORATION: none}
A.menuabajo:hover         {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 11px; FONT-FAMILY: Arial, Verdana,Helvetica; TEXT-DECORATION: underline}


A.menu:link          {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Arial, Verdana,Helvetica; TEXT-DECORATION: none}
A.menu:active        {BACKGROUND: none; COLOR: #C00000; FONT-SIZE: 11px; FONT-FAMILY: Arial, Verdana,Helvetica; TEXT-DECORATION: underline}
A.menu:visited       {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Arial, Verdana,Helvetica; TEXT-DECORATION: none}
A.menu:hover         {BACKGROUND: none; COLOR: #C00000; FONT-SIZE: 11px; FONT-FAMILY: Arial, Verdana,Helvetica; TEXT-DECORATION: underline}

A.menuproductos  {
    transition-property: border-left-color, BACKGROUND;
    transition-duration: 1s;
    -webkit-transition-property: border-left-color, BACKGROUND;
    -webkit-transition-duration: 1s;
    -o-transition-property: border-left-color, BACKGROUND;
    -o-transition-duration: 1s;    
    
    padding: 5px 0px 5px 5px;display: block;
    COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Arial, Verdana,Helvetica; TEXT-DECORATION: none;
    border-top-style:solid;border-top-color:#E0E0E0;border-top-width: 0px ;
    border-left-style:solid;border-left-color:#FFFFFF;border-left-width: 7px ;
    border-right-style:solid;border-right-color:#E0E0E0;border-right-width: 0px ;
    border-bottom-style:solid;border-bottom-color:#E0E0E0;border-bottom-width: 0px ;   
}

A.menuproductos:active,A.menuproductos:hover         {
    BACKGROUND: #C2D5F2; COLOR: #000000; border-left-color:#005085;
    transition-property: border-left-color, BACKGROUND;
    transition-duration: 0s;
    -webkit-transition-property: border-left-color, BACKGROUND;
    -webkit-transition-duration: 0s;
    -o-transition-property: border-left-color, BACKGROUND;
    -o-transition-duration: 0s;   
}

.menuproductosLinea  {
    padding: 0px 0px 0px 0px;display: block;
    border-top-style:solid;border-top-color:#E0E0E0;border-top-width: 0px ;
    border-left-style:solid;border-left-color:#EFEFEF;border-left-width: 0px ;
    border-right-style:solid;border-right-color:#E0E0E0;border-right-width: 0px ;
    border-bottom-style:solid;border-bottom-color:#FFFFFF;border-bottom-width: 0px ;   
}

/*------------bloques------------*/
.logo{ 
    display: block;
background-color:#FFFFFF;    
border-style:solid;border-color:#00A6E6;border-width: 5px ;  
} 
.logoImg{ 
    display: block;
border-top-style:solid;border-top-color:#DDDDDD;border-top-width: 0px ;
border-left-style:solid;border-left-color:#DDDDDD;border-left-width: 0px ;
border-right-style:solid;border-right-color:#DDDDDD;border-right-width: 0px ;
border-bottom-style:solid;border-bottom-color:#EFEFEF;border-bottom-width: 1px ;  
} 
.bloque{ 
background-color:#00A6E6;
border-top-style:solid;border-top-color:#DDDDDD;border-top-width: 0px ;
border-left-style:solid;border-left-color:#DDDDDD;border-left-width: 0px ;
border-right-style:solid;border-right-color:#DDDDDD;border-right-width: 0px ;
border-bottom-style:solid;border-bottom-color:#DDDDDD;border-bottom-width: 0px ;  
} 

.bloque1{ 
    BACKGROUND: #FFFFFF; 
    border-style:solid;border-color:#FFFFFF;border-width: 0px ;    
} 

.bloque2{ 
    BACKGROUND: #00335E; 
    font: normal 12px arial,sans-serif;font-weight:bold;color:#FFFFFF;
    border-top-style:solid;border-top-color:#DDDDDD;border-top-width: 0px ;
    border-left-style:solid;border-left-color:#DDDDDD;border-left-width: 0px ;
    border-right-style:solid;border-right-color:#DDDDDD;border-right-width: 0px ;
    border-bottom-style:solid;border-bottom-color:#EFEFEF;border-bottom-width: 0px ;
} 

.bloque3{ 
    border-top-style:solid;border-top-color:#DDDDDD;border-top-width: 0px ;
    border-left-style:solid;border-left-color:#DDDDDD;border-left-width: 0px ;
    border-right-style:solid;border-right-color:#DDDDDD;border-right-width: 0px ;
    border-bottom-style:solid;border-bottom-color:#DDDDDD;border-bottom-width: 0px ;  
    
} 
.bloque4{ 
    font: normal 14px arial,sans-serif;font-weight:bold;color:#505050; 
    border-top-style:solid;border-top-color:#DD4B39;border-top-width: 0px ;
    border-left-style:solid;border-left-color:#DD4B39;border-left-width: 0px ;
    border-right-style:solid;border-right-color:#DD4B39;border-right-width: 0px ;
    border-bottom-style:solid;border-bottom-color:#DDDDDD;border-bottom-width: 1px ;  
} 
.bloque5{ 
    border-top-style:solid;border-top-color:#FFFFFF;border-top-width: 0px ;
    border-left-style:solid;border-left-color:#FFFFFF;border-left-width: 0px ;
    border-right-style:solid;border-right-color:#FFFFFF;border-right-width: 0px ;
    border-bottom-style:solid;border-bottom-color:#FFFFFF;border-bottom-width: 0px ;  
} 
/*------------carrito------------*/
.carrito1{ 
    font: normal 11px sans-serif;font-weight:none;color:#FFFFFF; 
} 
.carrito2{ 
    font: normal 18px arial,sans-serif;font-weight:bold;color:#FFFFFF; 
} 

/*------------producto------------*/
.productpvh{ 
    border-top-style:solid;border-top-color:#DDDDDD;border-top-width: 0px ;
    border-left-style:solid;border-left-color:#DDDDDD;border-left-width: 0px ;
    border-right-style:solid;border-right-color:#DDDDDD;border-right-width: 1px ;
    border-bottom-style:solid;border-bottom-color:#DDDDDD;border-bottom-width: 1px ;  
} 

.productpv{ 
    border-top-style:solid;border-top-color:#DDDDDD;border-top-width: 0px ;
    border-left-style:solid;border-left-color:#DDDDDD;border-left-width: 0px ;
    border-right-style:solid;border-right-color:#DDDDDD;border-right-width: 1px ;
    border-bottom-style:solid;border-bottom-color:#DDDDDD;border-bottom-width: 0px ;  
} 
.productph{ 
    border-top-style:solid;border-top-color:#DDDDDD;border-top-width: 0px ;
    border-left-style:solid;border-left-color:#DDDDDD;border-left-width: 0px ;
    border-right-style:solid;border-right-color:#DDDDDD;border-right-width: 0px ;
    border-bottom-style:solid;border-bottom-color:#DDDDDD;border-bottom-width: 1px ;  
} 


.precio{ 
    font: normal 14px arial,sans-serif;font-weight:bold;color:#009000; 
} 
.preciogrande{ 
    font: normal 24px arial,sans-serif;font-weight:bold;color:#900000; 
} 
.productogrande{ 
    font: normal 20px arial,sans-serif;font-weight:bold;color:#000000; 
} 

.producto1{ 
    font: normal 11px arial,sans-serif;font-weight:bold;color:#505050; 
} 
.producto2{ 
    font: normal 11px arial,sans-serif;color:#808080; 
}
.productolistatd{
    overflow: hidden;
    text-overflow: ellipsis;
    //white-space: nowrap;  
    
}
.productolistaimg{

background: url('Imagenes/descuento.png') no-repeat 0px 0px #FFFFFF;
position:relative ; 
//position:fixed ;
top: 0px;
left: 0px;

border-style:solid;border-color:#FF0000;border-width: 1px ;
}
.productolista {
    font: normal 11px arial,sans-serif;color:#505050; 
    border-style:solid;border-color:#FFFFFF;border-width: 4px ;
    
  transition-property: background-color, color,border-color;
  transition-duration: 1s;
  -webkit-transition-property: background-color, color,border-color;
  -webkit-transition-duration: 1s;
  -o-transition-property: background-color, color,border-color;
  -o-transition-duration: 1s;
  
  background-color:white;
  color: #505050;    
}
.productolista:hover {
    font: normal 11px arial,sans-serif;color:#000000; 
background: #cbdbf3;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NiZGJmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQzJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #F0B80E 0%, #ffffff 30%, #ffffff 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0B80E), color-stop(30%,#ffffff), color-stop(99%,#ffffff));
background: -webkit-linear-gradient(top,  #F0B80E 0%,#ffffff 30%,#ffffff 99%);
background: -o-linear-gradient(top,  #F0B80E 0%,#ffffff 30%,#ffffff 99%);
background: -ms-linear-gradient(top,  #F0B80E 0%,#ffffff 30%,#ffffff 99%);
background: linear-gradient(to bottom,  #F0B80E 0%,#ffffff 30%,#ffffff 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0B80E', endColorstr='#ffffff',GradientType=0 );

    border-style:solid;border-color:#F0B80E;border-width: 4px ;  
}


/*------------noticias------------*/
.noticia_tutilo{ 
    font: normal 14px arial,sans-serif;font-weight:bold;color:#C00000;     
    border-top-style:solid;border-top-color:#DDDDDD;border-top-width: 0px ;
    border-left-style:solid;border-left-color:#DDDDDD;border-left-width: 0px ;
    border-right-style:solid;border-right-color:#DDDDDD;border-right-width: 0px ;
    border-bottom-style:solid;border-bottom-color:#DDDDDD;border-bottom-width: 1px ;  
} 
.noticia_imagen{ 
    font: normal 14px arial,sans-serif;font-weight:bold;color:#C00000;     
    border-style:solid;border-color:#FFFFFF;border-width: 1px ;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;  
    -webkit-box-shadow: 1px 1px 3px 3px #D0D0D0;
} 

.evento1{
color: #1155CC;
font-size: 11px;
font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;   
text-transform: uppercase;
}
.evento2{
font-family: Georgia,'Times New Roman',Times;
font-size: 21px;
font-weight: 400;
color: #565347;
margin-top: -5px;    
}    
.evento3 {
color: #1155CC;
}


.lineaht{ 
    border-top-style:solid;border-top-color:#DDDDDD;border-top-width: 1px ;
    border-left-style:solid;border-left-color:#DDDDDD;border-left-width: 0px ;
    border-right-style:solid;border-right-color:#DDDDDD;border-right-width: 0px ;
    border-bottom-style:solid;border-bottom-color:#DDDDDD;border-bottom-width: 0px ;        
} 


A.descargar:link          {
    padding-right: 10px;padding-left: 10px;padding-bottom: 5px; padding-top: 5px;float:top;
    COLOR: #FFFFFF; FONT-SIZE: 12px; FONT-FAMILY: Arial, Verdana,Helvetica; TEXT-DECORATION: none;font-weight:bold;
    background: #dc4b39; /* Old browsers */
    background: -moz-linear-gradient(top,  #dc4b39 0%, #d14836 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dc4b39), color-stop(100%,#d14836)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dc4b39 0%,#d14836 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dc4b39 0%,#d14836 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dc4b39 0%,#d14836 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #dc4b39 0%,#d14836 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc4b39', endColorstr='#d14836',GradientType=0 ); /* IE6-9 */
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-style:solid;border-color:#D14836;border-width: 1px ;
}
A.descargar:active        {
    padding-right: 10px;padding-left: 10px;padding-bottom: 5px; padding-top: 5px;float:top;
    COLOR: #FFFFFF; FONT-SIZE: 12px; FONT-FAMILY: Arial, Verdana,Helvetica; TEXT-DECORATION: none;font-weight:bold;
    border-style:solid;border-color:#B0281A;border-width: 1px ;
    background: #dc4a38; /* Old browsers */
    background: -moz-linear-gradient(top,  #dc4a38 0%, #c53727 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dc4a38), color-stop(100%,#c53727)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dc4a38 0%,#c53727 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dc4a38 0%,#c53727 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dc4a38 0%,#c53727 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #dc4a38 0%,#c53727 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc4a38', endColorstr='#c53727',GradientType=0 ); /* IE6-9 */
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
}
A.descargar:visited       {
    padding-right: 10px;padding-left: 10px;padding-bottom: 5px; padding-top: 5px;float:top;
    COLOR: #FFFFFF; FONT-SIZE: 12px; FONT-FAMILY: Arial, Verdana,Helvetica; TEXT-DECORATION: none;font-weight:bold;
    background: #dc4b39; /* Old browsers */
    background: -moz-linear-gradient(top,  #dc4b39 0%, #d14836 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dc4b39), color-stop(100%,#d14836)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dc4b39 0%,#d14836 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dc4b39 0%,#d14836 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dc4b39 0%,#d14836 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #dc4b39 0%,#d14836 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc4b39', endColorstr='#d14836',GradientType=0 ); /* IE6-9 */
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-style:solid;border-color:#D14836;border-width: 1px ;
}
A.descargar:hover         {
    padding-right: 10px;padding-left: 10px;padding-bottom: 5px; padding-top: 5px;float:top;
    COLOR: #FFFFFF; FONT-SIZE: 12px; FONT-FAMILY: Arial, Verdana,Helvetica; TEXT-DECORATION: none;font-weight:bold;
    border-style:solid;border-color:#B0281A;border-width: 1px ;
    background: #dc4a38; /* Old browsers */
    background: -moz-linear-gradient(top,  #dc4a38 0%, #c53727 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dc4a38), color-stop(100%,#c53727)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dc4a38 0%,#c53727 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dc4a38 0%,#c53727 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dc4a38 0%,#c53727 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #dc4a38 0%,#c53727 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc4a38', endColorstr='#c53727',GradientType=0 ); /* IE6-9 */
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
}
A.vermas:link          {BACKGROUND: none; COLOR: #757575; FONT-SIZE: 13px; FONT-FAMILY: Arial, Verdana,Helvetica; TEXT-DECORATION: none;font-weight:bold}
A.vermas:active        {BACKGROUND: none; COLOR: #1155CC; FONT-SIZE: 13px; FONT-FAMILY: Arial, Verdana,Helvetica; TEXT-DECORATION: underline;font-weight:bold}
A.vermas:visited       {BACKGROUND: none; COLOR: #757575; FONT-SIZE: 13px; FONT-FAMILY: Arial, Verdana,Helvetica; TEXT-DECORATION: none;font-weight:bold}
A.vermas:hover         {BACKGROUND: none; COLOR: #1155CC; FONT-SIZE: 13px; FONT-FAMILY: Arial, Verdana,Helvetica; TEXT-DECORATION: underline;font-weight:bold}


.logos{
    BACKGROUND: #FFFFFF; 
    border-radius: 5px 5px 5px 5px;    
    -moz-border-radius: 5px 5px 5px 5px;    
    -webkit-border-radius: 5px 5px 5px 5px;   
    
    box-shadow: 2px 5px 6px 4px rgba(255,255,255,0.9);
    -moz-box-shadow: 2px 5px 6px 4px rgba(255,255,255,0.9);
    -webkit-box-shadow: 1px 1px 6px 6px rgba(255,255,255,0.9); 
}

.titulog{
    font: 20px Arial, Helvetica, sans-serif;color:#FFFFFF; font-weight: bold;
    text-shadow: 0px 1px 5px #000000;    
}
.titulop{
    font: 12px Arial, Helvetica, sans-serif;color:#000000; 
    text-shadow: 1px 1px 2px #ffffff;   
}
.titulo{
    font: 18px Arial, Helvetica, sans-serif;color:#666666;
border-top-style:solid;border-top-color:#DDDDDD;border-top-width: 0px ;
border-left-style:solid;border-left-color:#DDDDDD;border-left-width: 0px ;
border-right-style:solid;border-right-color:#DDDDDD;border-right-width: 0px ;
border-bottom-style:solid;border-bottom-color:#DDDDDD;border-bottom-width: 1px ;  
    
}
.imagenVideo{
    position:absolute;
    z-index:10;
}
.productolistasistema {
  transition-property: background-color, color,border-color;
  transition-duration: 1s;
  -webkit-transition-property: background-color, color,border-color;
  -webkit-transition-duration: 1s;
  -o-transition-property: background-color, color,border-color;
  -o-transition-duration: 1s;    
    border-style:solid;border-color:#DCDCDC;border-width: 1px ;
    background-color:#F1F1F1;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;    
}
.productolistasistema:hover {
    border-style:solid;border-color:#005085;border-width: 1px ;
    background-color:#C2D5F2;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;    
}
.productolistasistema2 {
    background-color:#E6E6E6;
    color: #505050;    
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}
.productolistasistema2:hover {
    background-color:#005085;
    color: #FFFFFF;    
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}
.sistematabla{    
    border-radius: 5px 5px 5px 5px;    
    -moz-border-radius: 5px 0px 5px 5px;    
    -webkit-border-radius: 10px 0px 10px 10px;   
border-top-style:solid;border-top-color:#DDDDDD;border-top-width: 0px ;
border-left-style:solid;border-left-color:#DDDDDD;border-left-width: 0px ;
border-right-style:solid;border-right-color:#DDDDDD;border-right-width: 0px ;
border-bottom-style:solid;border-bottom-color:#DDDDDD;border-bottom-width: 0px ;  
background: #ffffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #e0e0e0 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#e0e0e0 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#e0e0e0 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #ffffff 0%,#e0e0e0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.sistematitulo{
    font: 14px Arial, Helvetica, sans-serif;color:#005085;
    border-top-style:solid;border-top-color:#DDDDDD;border-top-width: 0px ;
    border-left-style:solid;border-left-color:#DDDDDD;border-left-width: 0px ;
    border-right-style:solid;border-right-color:#DDDDDD;border-right-width: 0px ;
    border-bottom-style:solid;border-bottom-color:#F0B80E;border-bottom-width: 3px ;  
}
.animation{
    display: none;
    position:absolute ;
    top: 0px;
    left: 0px;
    width: 400px;
    height: 400px;
}
.rotar{
    position:absolute ;
    font: normal 18px arial,sans-serif;font-weight:bold;color:#FFFFFF; 
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 1s;
    -moz-animation-name: rotate;
    -moz-animation-duration: 1s;
}
@-webkit-keyframes rotate
{
    from
    {
        opacity: 0.9;
        filter: alpha(opacity=90);
        top:0px;
        left: 0px;
        width: 400px;
    }
    to
    {
        opacity: 0.2;
        filter: alpha(opacity=20);
        top:-150px;
        left: 840px;
        width: 40px;
    }
}
@-moz-keyframes rotate
{
    from
    {
        opacity: 0.9;
        filter: alpha(opacity=90);
        top:0px;
        left: 0px;
        width: 400px;
    }
    to
    {
        opacity: 0.2;
        filter: alpha(opacity=20);
        top:-150px;
        left: 840px;
        width: 40px;
    }
}
.proceso {
    width:100%;
    height:100%;
    position:fixed;
    background-color: rgba(0, 0, 0, 0.65);
    top:0;
    left:0;   
}
.procesoimagen { 
    top:50%;
    left:50%;       
    width: 700px;
    height: 500px;
    background:#000000;
    border-style:solid;border-color:#FFFFFF;border-width: 5px ;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
} 
.procesoimagenmarco { 
    top:50%;
    left:50%;      
    width: 800px;
    height: 450px;    
    position:absolute; 
    background:#000000;
    border-style:solid;border-color:#FFFFFF;border-width: 5px ;
    color:#FF0000;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    text-align: center;
    box-shadow: 2px 5px 6px 4px rgba(255,255,255,0.9);
    -moz-box-shadow: 2px 5px 6px 4px rgba(255,255,255,0.9);
    -webkit-box-shadow: 3px 3px 10px 4px rgba(0,0,0,0.5);     
} 
.procesoimagenmarcocerrar { 
    top:50%;
    left:50%;      
    position:absolute; 
    z-index: 100;
    cursor: pointer;
} 


.sistema{
	width: 750px;
	column-count: 2;
  	list-style:none;
  	overflow: hidden;	
  	padding-left: 0px;
}

.sistema li{
	width: 360px;
	height: 82px;
    border-top-style:solid;border-top-color:#FFFFFF;border-top-width: 0px ;
    border-left-style:solid;border-left-color:#FFFFFF;border-left-width: 0px ;
    border-right-style:solid;border-right-color:#FFFFFF;border-right-width: 0px ;
    border-bottom-style:solid;border-bottom-color:#cccccc;border-bottom-width: 1px ;  
    padding: 0px;
    padding-top: 3px;
}

.sistema a{
	display: block;
	padding: 3px;
	width: 348px;
	height: 69px;
	background: #FFFFFF;
    border-style:solid;border-color:#FFFFFF;border-width: 2px ;
    text-align: left;
    text-decoration: none;
    color:#5D5D5D;
}

.sistema a:active,.sistema a:hover  {
	background: #d1e1fa;
    border-style:solid;border-color:#306cc5;border-width: 2px ;
    color:#000000;
}

.sistema img{
    padding-right: 5px;
 	float: left; 
}