body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.428571429;
  color: #333333;
  background-image: url('/images/fondoweb.png');
  background-position:     inherit 50%;
  background-repeat: repeat repeat
}

.redondas{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

div.columnas2{
-webkit-column-count:2; 
-webkit-column-gap: 20px;
-webkit-column-rule: 1px solid #B2B2B2;
-moz-column-count:2; 
-moz-column-gap: 20px;
-moz-column-rule: 1px solid #B2B2B2;
}

.bordelateral {
    margin-right: 0;
    padding-right: 19px;
    border-right: 1px solid #eee;
}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:50%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

.transparent-bg {-moz-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px; -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px;   background-color: rgb(255, 255, 255); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;;}
#divBoxed {position:relative}
#divBoxed {margin-top: 0px; ;;;}

.conten         {font-size : 12px;font-family : Arial, Helvetica, sans-serif; font-weight : normal;color : #666666; text-align:justify; padding-left:5; padding-right:5; margin-top:20px}
.tit_prin  		{font-size: 15px; font-family : "Arial Narrow", Helvetica, sans-serif; font-weight: bold; color: <%=ovePRI%>; text-align:justify; line-height: 18px; padding-bottom: 5}
.piefoto        {font-size:10px; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color : #888888; margin-top:10px; text-align: center; }

.tit_mono  		{font-size: 16px; font-family : "Arial Narrow", Helvetica, sans-serif; font-weight: bold; color: #003366; text-align:justify; line-height: 18px; padding-bottom: 5}
.tit_ind_mon  	{font-size: 20px; font-family : "Arial Narrow", Helvetica, sans-serif; font-weight: normal; text-align:justify; color: #003366;line-height: 20px; padding-left:5;}
.titulo_secc_mon   {font-size: 18px; font-family : "Arial Narrow", Helvetica, sans-serif; font-weight: normal; color: #003366; padding-left:10px}
.subtit_secc_mon   {font-size: 16px; font-family : "Arial Narrow", Helvetica, sans-serif; font-weight: normal; color: #003366;}


/*Formato tablas para fichas productos y demás*/
.table-bordered {
  border: 1px solid #fff;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #fff !important;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 6px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #fff;
}

figcaption {
  font-size: 10px;
  text-align: center;
  margin-bottom: 10px;
}

.celdapie{
height: auto;
width: 200px;
}

/***************************************/

.zoom a {      
  overflow:hidden;     
  max-width:300px;   
}
.zoom a img {
  transition:all 0.5s; 
  -moz-transition:all 0.5s; 
  -webkit-transition:all 0.5s; 
}
  
.zoom a img:hover{
  transform:scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform:scale(1.1);
}

/*#imgconten img{display: block; height: auto; max-width: 90%; margin: 15px; padding: 5px; border:solid 0px #DDDDDD; border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px;-webkit-border-bottom-right--radius:5px;-webkit-border-bottom-left--radius:5px; -moz-box-shadow: 1px 1px 6px #666666; -webkit-box-shadow:1px 1px 6px #777777; box-shadow:1px 1px 6px #777777;}*/
#imgconten img{height: auto; max-width: 90%; margin: 15px; padding: 5px; border:solid 0px #DDDDDD; border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px;-webkit-border-bottom-right--radius:5px;-webkit-border-bottom-left--radius:5px; -moz-box-shadow: 1px 1px 6px #666666; -webkit-box-shadow:1px 1px 6px #777777; box-shadow:1px 1px 6px #777777;}
#imgconten iframe{border:solid 0px #DDDDDD; border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px;-webkit-border-bottom-right--radius:5px;-webkit-border-bottom-left--radius:5px; -moz-box-shadow: 1px 1px 6px #666666; -webkit-box-shadow:1px 1px 6px #777777; box-shadow:1px 1px 6px #777777;}
#imgcab img{height: auto; max-width: 90%; margin-left: auto; margin-right: auto; padding: 5px; border:solid 0px #DDDDDD; border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px;-webkit-border-bottom-right--radius:5px;-webkit-border-bottom-left--radius:5px; -moz-box-shadow: 1px 1px 6px #666666; -webkit-box-shadow:1px 1px 6px #777777; box-shadow:1px 1px 6px #777777;}
#imgconten table {height: 100%; width: auto; margin: 0 auto; padding: 10px;}

.foto-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}

/* Make Firefox images scale with screen width. The width:100% messes up on Safari */
@-moz-document url-prefix() {  
	#imgconten img{max-width: 90%; margin: 20px; padding: 5px; border:solid 0px #DDDDDD; border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px;-webkit-border-bottom-right--radius:5px;-webkit-border-bottom-left--radius:5px; -moz-box-shadow: 1px 1px 6px #666666; -webkit-box-shadow:1px 1px 6px #777777; box-shadow:1px 1px 6px #777777;}!important;
	#imgcab img{display: block; width: 100%; margin-left: auto; margin-right: auto; padding: 5px; border:solid 0px #DDDDDD; border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px;-webkit-border-bottom-right--radius:5px;-webkit-border-bottom-left--radius:5px; -moz-box-shadow: 1px 1px 6px #666666; -webkit-box-shadow:1px 1px 6px #777777; box-shadow:1px 1px 6px #777777;}
	#imgconten table{width: 100%; margin-left: auto; margin-right: auto;}!important;
	.foto-responsive {display: block; width: 100%;}!important;
	
}


/* Fix IE problems with images */
.ie img {
width: inherit;  /* Make images fill their parent's space. Solves IE8. */
width:100% !important;
height:auto !important;
max-width:540px !important
}

/* Fix IE 10 problem */
@-ms-viewport       { width: device-width; }

hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

/* efecto 2 */
.sombra
{
  position: relative;
}
.sombra:before, .sombra:after
{
/* Posiciona la sombra por detras del color de la caja*/
	  z-index: -1; 
	  position: absolute;
	  /* no aplico ningun contenidos HTML */
	  content: "";
	  /* posiciona la sombra con respecto al borde inferior, izquierdo y superior */
	  bottom: 15px;
	  left: 10px;
	  top: 80%;
	  /* configura el ancho */
	  width: 50%;
/* color de fondo */
	  background: #777;
	  /* definicion de la sombra estandar para box-shadow */
	  -webkit-box-shadow: 0 15px 10px #777;
	  -moz-box-shadow: 0 15px 10px #777;
	  box-shadow: 0 15px 10px #777;
	  /* rotacion de la sombra */
	  -webkit-transform: rotate(-3deg);
	  -moz-transform: rotate(-3deg);
	  -o-transform: rotate(-3deg);
	  -ms-transform: rotate(-3deg);
	  transform: rotate(-3deg);
}
.sombra:after
{
	  /* rotacion de la sombra */
	  -webkit-transform: rotate(3deg);
	  -moz-transform: rotate(3deg);
	  -o-transform: rotate(3deg);
	  -ms-transform: rotate(3deg);
	  transform: rotate(3deg);
	  /* posiciona la sombra con respecto al borde izquierdo y derecho */
	  right: 10px;
	  left: auto;
}


.navbar {
  min-height: 20px; /*altura de la barra de navegación*/
  margin-top: 2px; /*separación encima de la barra de navegación*/
  margin-bottom: 15px; /*separación entre la barra de navegación superior y el texto de debajo*/
}

.navbar-default .navbar-nav > li > a {
  font-size: 13px;
  color: #e7e7e7;
  padding: 8px 5px 5px 5px;  /*Padding del texto del menú*/
  font-weight: bold;
}

.navbar-default {				/*Colores de fondo de la barra de navegación principal*/
  background-color: #AE0000;	/*El default es f8f8f8*/
  border-color: #e7e7e7;
}

.navbar-inverse {
  background-color: #003366;
  border-color: #003366;
}

.navbar-default .navbar-nav > .dropdown > a .caret {  /*Color de las flechitas drop-down en el menú*/ 
  border-top-color: #e7e7e7;
  border-bottom-color: #e7e7e7;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #e7e7e7;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #003366;
    }
}

.panel-heading {
  padding: 5px 5px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel-primary {
  border-color: #003366;
}

.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #003366;
  border-color: #003366;
}

.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #003366;
}

.panel-primary > .panel-heading > .dropdown .caret {
  border-color: #ffffff transparent;
}

.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #003366;
}

.fotored { border:solid 0px #DDDDDD; border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px;-webkit-border-bottom-right--radius:5px;-webkit-border-bottom-left--radius:5px; -moz-box-shadow: 1px 1px 6px #666666; -webkit-box-shadow:1px 1px 6px #777777; box-shadow:1px 1px 6px #777777;}
.fotored2 { border:solid 0px #DDDDDD; border-radius:0px 0px 0px 0px;-moz-border-radius:0px 0px 0px 0px;-webkit-border-radius:0px;-webkit-border-bottom-right--radius:0px;-webkit-border-bottom-left--radius:0px; -moz-box-shadow: 1px 1px 6px #666666; -webkit-box-shadow:1px 1px 6px #777777; box-shadow:1px 1px 6px #777777;}

.boton-responsive {
  display: block;
  height: auto;
  width: 100%;
}

.fotonot1 {
  float: none;
  max-width: 100%;
  max-heigh: 100%;
  padding: 5px;
}

.fotonot2 {
  float: left;
  max-width: 100%;
  max-heigh: 100%;
  padding: 5px;
}

.fotonotRight {
  float: right;
  max-width: 100%;
  max-heigh: 100%;
  padding: 5px;
  margin-left: 15px;
  margin-bottom: 15px;

}

.banmini {
  float: none;
  margin-left: auto; 
  margin-right: auto;
  padding: 5px 0px 5px 0px;
}

.VLblogs{
  float: none;
  margin-left: auto; 
  margin-right: auto;
  max-width: 100px;
  padding: 5px;
  margin: 5px;
}

.icoredes {
  float: none;
  margin-left: auto; 
  margin-right: auto;
}

/* 
Make the Facebook Like box responsive (fluid width)
https://developers.facebook.com/docs/reference/plugins/like-box/ 
*/

/* 
This element holds injected scripts inside iframes that in 
some cases may stretch layouts. So, we're just hiding it. 
*/

#fb-root {
    display: none;
}

/* To fill the container and nothing else */

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

.form-control {
  display: block;
  width: 100%;
  height: 22px;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 60px; overflow: hidden;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}