#cantainer #panel {
width: 230px;
clear: left;
margin-left: 12px;
margin-right: 15px;
}

.left {
float: left;
}

.contenido {
width: 960px;
float: left;
margin-top: 15px;
}

.mstc {
width: 100%;
float: left;
background: transparent;
}

.main {
width: 960px;
margin: 0 auto;
padding: 0 10px;
}

#cantainer #panel h3#top {
background: linear-gradient(to bottom, rgba(221,221,221,1) 0%,rgba(241,241,241,1) 50%,rgba(246,246,246,1) 51%,rgba(246,246,246,1) 51%,rgba(191,191,191,1) 100%);
width: 222px;
font-size: 20px;
text-align: center;
color: #114D9B;
padding: 7px 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}



#cantainer #panel2 {
width: 180px;
height: 400px;
clear: left;
background: url(../images/oferta.jpg)no-repeat;
}

a.pag {
color: #fff;
float: left;
background: none repeat scroll 0 0 #114D9B;
display: block;
font-size: 12px;
font-weight: 700;
height: 20px;
line-height: 18px;
text-align: center;
width: 20px;
text-decoration: none;	
}
/*	
a.pag:hover , #active {
color: white !important;
background: #9e1b32;
}*/

.tipografia-Pathway {
font-family: 'Open Sans', sans-serif;
}


#cantainer #panel h3#top {
background: linear-gradient(to bottom, rgba(221,221,221,1) 0%,rgba(241,241,241,1) 50%,rgba(246,246,246,1) 51%,rgba(246,246,246,1) 51%,rgba(191,191,191,1) 100%);
width: 222px;

text-align: center;

padding: 7px 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
margin-bottom: 0px;
color: #234E7B;
font-size: 25px;
}

#cssmenu {
background: white;
width: 200px;
height: auto;
padding: 10px;
float: left;
overflow: auto;
overflow-x: hidden;
border: 1px solid #DBDBDB;
margin-bottom: 10px;
z-index: 1;
}

#cssmenu > ul {
display: block;
position: relative;
z-index: 99;
width: 200px;
}

#cssmenu ul {
list-style: none;
margin: 0;
padding: 0;
vertical-align: baseline;
line-height: 1;
}

#cssmenu > ul li {
display: block;
position: relative;
margin: 0;
padding: 0;
width: 100%;
}

#cssmenu > ul li a {
display: block;
position: relative;
margin: 0;
padding: 0.2px 8px 0px 15px;
color: #114D9B;
text-decoration: none;
text-transform: uppercase;
line-height: 22px;
font-size: 11px;
font-weight: normal;
border-bottom: solid 1px #AEAEAE;
}

.tipografia-Pathway {
font-family: 'Open Sans', sans-serif;
}

#cssmenu > ul ul {
background: white;

left: 100%;
top: -2px;
padding: 5px;

width: 200px;
transition: opacity 0.3s ease-in;
}

#cssmenu ul ul li a {
border: 0 !important;
}

#cssmenu > ul li > a:hover, #cssmenu > ul li:hover > a {
color: #FFFFFF;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
background: #114D9B;
}

#cssmenu > ul li:hover > ul {
top: 0px;
opacity: 1;
}


/*-----------------------------------------vista productos---------------------------------------------------------*/

#cantainer #top-list {
margin-top: 30px;
float: left;
clear: left;
}

#cantainer #top-list h3#top {
width: 665px;
font-size: 25px;
text-align: center;
color: #114D9B;
padding: 7px 0;
border-bottom: 2px solid #9e1b32;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}

.productos-top {
width: 100%;
/*padding: 0 0 30px 0;*/
float: left;
clear: left;
}

.vista {
width: 190px;
height: 230px;
margin: 10px;
margin-top: 38px;
margin-right: 8px;
float: left;
overflow: hidden;
position: relative;
text-align: center;
box-shadow: 1px 1px 2px #e6e6e6;
cursor: default;
background: #fff;
border: 1px dashed rgba(0, 73, 95, 0.35);
border-radius: 5px;
}

.vista img {
transition: all 0.2s linear;
}
.vista img {
display: block;
position: relative;
width: 190px;
height: 180px;
top:53px;
}

.vista .mascara {

}
.vista .mascara, .vista .contenido {
width: 190px;
height: 180px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.vista h2 {

}

.vista:hover h2, .vista:hover p, .vista:hover a.informacion {
opacity: 1;
transform: translateY(0px);
}
.vista a.informacion {

}

.vista a.informacion {
display: inline-block;
text-decoration: none;
padding: 7px 14px;
background: rgba(0, 0, 0, 0.42);
color: #fff;
text-transform: uppercase;
box-shadow: 0 0 1px #000;
margin-top: 50px;
margin-left:0px;
}

.vista h2 {
text-transform: uppercase;
color: #fff;
text-align: center;
position: relative;
font-size: 17px;
padding: 10px;
background: #143B66;
margin: 0px 0 0 0;
}

.vista a.informacion {

}

.vista a.informacion {

}
productos.phpmedia="screen"
.vista a.informacion {
display: inline-block;
text-decoration: none;
padding: 7px 14px;
background: #143B66;
color: #fff;
text-transform: uppercase;
box-shadow: 0 0 1px #000;
margin-top: 50px;
}

.vista:hover .mascara {
opacity: 1;
}





/* ------------------------------------------------------ descripcion---------------------------------------------------------------*/


.contenidodesc {
background: #fff;
width: 960px;
float: left;
}

.descript {
margin-left: 16px;
margin-bottom: 40px;
margin-top: 10px;
width: 930px;
float: left;
height: 100%;
}

.descript .principalcatg {
width: 230px;
height: 400px;
float: left;
padding: 4px;
margin: 10px;
}


.descript .principalcatg h3 {
background: linear-gradient(to bottom, rgba(221,221,221,1) 0%,rgba(241,241,241,1) 50%,rgba(246,246,246,1) 51%,rgba(246,246,246,1) 51%,rgba(191,191,191,1) 100%);
font-size: 20px;
text-align: center;
color: #0077AF;
padding: 7px 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;

}





.descript .principal {
width: 630px;
height: auto;
float: left;
margin: 20px 0 20px 20px;
border: 1px solid rgb(230, 230, 230);
border-radius: 10px;
padding-bottom: 30px;
}

.principal .img {
width: 300px;
text-align: center;
height: auto;
border-right: 1px solid rgb(230, 230, 230);
float: left;
}

.pikachoose {
width: 300px;
margin: 0 auto;
padding-top: 16px;
}
.pika-stage {
position: relative;
text-align: center;
height: 250px;
}

.pika-stage, .pika-textnav {
width: 300px;
border-radius: 10px;
}

.pika-stage .caption {
position: absolute;
background: #000;
background: rgba(0,0,0,0.75);
border: 1px solid #141414;
font-size: 11px;
color: #fafafa;
padding: 10px;
text-align: right;
bottom: 50px;
right: 10px;
}

.pika-textnav {
overflow: hidden;
margin: 10px 0 0 0;
bottom: 10px;
position: absolute;
}

.pika-stage, .pika-textnav {
width: 300px;
border-radius: 10px;
}

.pika-loader {
background: url(loading.gif) 3px 3px no-repeat #000;
background-color: rgba(0,0,0,0.9);
color: white;
width: 60px;
font-size: 11px;
padding: 5px 3px;
text-align: right;
position: absolute;
top: 15px;
right: 15px;
}
.pika-thumbs {
padding: 0 16px;
height: 75px;
margin-top: 10px;
}

.pika-tooltip {
font-size: 12px;
position: absolute;
color: white;
padding: 3px;
background-color: rgba(0,0,0,0.7);
border: 3px solid black;
}

.pika-thumbs li {
width: 40px;
height: 40px;
margin: 10px 0 0 17px;
padding: 0;
overflow: hidden;
float: left;
list-style-type: none;
padding: 3px;
margin: 0 5px;
background: #fafafa;
border: 1px solid #e5e5e5;
cursor: pointer;
}

.pika-thumbs li .clip {
position: relative;
height: 100%;
text-align: center;
vertical-align: middle;
overflow: hidden;

}

.principal .detalle-p {
width: 280px;
margin-right: 10px;
margin-left: 10px;
margin-top: 16px;
word-wrap: break-word;
float: left;
}
.detalle-p .detalle-ptotal {
width: 280px;
height: auto;
float: left;
}
.detalle-p .detalle-t {
width: 100%;
padding-left: 30px;
word-wrap: break-word;
margin-bottom: 10px;
}
.detalle-t h2 {
color: black !important;
font-size: 20px !important;
line-height: 20px;
padding: 7px 0 7px 0 !important;
}

.detalle-p .detalle-desc {
border-bottom: 3px solid rgb(221, 220, 220);
background: #fafafa;
color: black;
width: 100%;
padding: 10px 0 10px 30px;
margin-bottom: 10px;
word-wrap: break-word;
}
.detalle-desc p {
color: black !important;
font-size: 12px;
font-family: 'Open Sans', helvetica;
text-align: justify;
padding-right: 10px;
}

.detalle-p .detalle-pre {
background: rgba(0, 110, 159, 0.81);
width: 100%;
padding-left: 30px;
word-wrap: break-word;
border-radius: 5px;
}

.detalle-pre h2 {
color: white !important;
font-size: 16px !important;
line-height: 20px;
padding: 7px 0 7px 0 !important;
}

.detalle-p .detalle-pre {
background: rgba(0, 110, 159, 0.81);
width: 100%;
padding-left: 30px;
word-wrap: break-word;
border-radius: 5px;
}

.detalle-p .detalle-menus {
width: 280px;
height: 30%;
padding-bottom: 10px;
float: left;
}

.detalle-p .detalle-v {
color: black;
width: 320px;
margin-top: 20px;
padding: 10px 0px 10px 0px;
word-wrap: break-word;
float: left;
}

.detalle-v a.volver, table tr td input[type=button] {
float: left;
font-size: 12px;
padding: 5px;
color: #FFFFFF;
background: #000;
text-align: right!important;
transition: all .4s ease;
-ms-transition: all .4s ease;
-moz-transition: all .4s ease;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
width: 88px;
height: 30px;
margin-top: 10px;
margin-left: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
}

.detalle-v a img {
position: absolute;
margin-left: -35px;
}


.detalle-v a.volver, table tr td input[type=button] {
float: left;
font-size: 12px;
padding: 5px;
color: #FFFFFF;
background: #000;
text-align: right!important;
transition: all .4s ease;
-ms-transition: all .4s ease;
-moz-transition: all .4s ease;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
width: 88px;
height: 30px;
margin-top: 10px;
margin-left: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
}

.detalle-p .detalle-v {
color: black;
width: 320px;
margin-top: 20px;
padding: 10px 0px 10px 0px;
word-wrap: break-word;
float: left;
}

.descript {
margin-left: 16px;
margin-bottom: 40px;
margin-top: 10px;
width: 930px;
float: left;
height: auto;
}

.jscarousal-horizontal {
border: 1px solid rgb(233, 233, 233);
background: rgb(252, 252, 252) !important;
width: 690px !important;
}


.tabs input {
position: absolute;
z-index: 1000;
width: 120px;
height: 40px;
left: 0px;
top: 0px;
opacity: 0;
cursor: pointer;
}

input, textarea {
font: 12px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}

.tabs input {
position: absolute;
z-index: 1000;
width: 120px;
height: 40px;
left: 0px;
top: 0px;
opacity: 0;

filter: alpha(opacity=0);
cursor: pointer;
}

.tabs input:checked + label {
background: rgb(252, 252, 252);
z-index: 6;
-webkit-animation: page 0.2s linear;
}

.tabs input:checked + label {
background: rgb(252, 252, 252);
z-index: 6;
-webkit-animation: page 0.2s linear;
}

.tabs label:first-of-type {
z-index: 4;
box-shadow: 2px 0 2px rgba(0,0,0,0.1);
}
.tabs label {

font-size: 12px;
line-height: 40px;
height: 40px;
position: relative;
padding: 0 20px;
float: left;
display: block;
width: 80px;
color: #385c5b;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
border-radius: 3px 3px 0 0;
transition: all linear 0.3s;
}

.tabs input#tab-2 {
left: 120px;
}

.clear-shadow {
clear: both;
}

.content {
background: rgb(252, 252, 252);
position: relative;
width: 100%;
height: 200px;
z-index: 5;
overflow: hidden;
box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
border-radius: 0 3px 3px 3px;
}

/*---------------------------------------------------detalle descarga---------------------------------------------------*/
.tabs input:checked + label {
background: rgb(252, 252, 252);
z-index: 6;
-webkit-animation: page 0.2s linear;
}
.tabs label:first-of-type {
z-index: 4;
box-shadow: 2px 0 2px rgba(0,0,0,0.1);
}

.tabs label {
background: white;
font-size: 12px;
line-height: 40px;
height: 40px;
position: relative;
padding: 0 20px;
float: left;
display: block;
width: 80px;
color: #385c5b;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
border-radius: 3px 3px 0 0;
transition: all linear 0.3s;
}
.tabs {
position: relative;
margin: 40px auto;
width: 892px;
float: left;
}

.tabs input#tab-2 {
left: 120px;
}

.tabs label {
background: white;
font-size: 12px;
line-height: 40px;
height: 40px;
position: relative;
padding: 0 20px;
float: left;
display: block;
width: 80px;
color: #385c5b;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
border-radius: 3px 3px 0 0;
transition: all linear 0.3s;
}

.clear-shadow {
clear: both;
}

.content {
background: rgb(252, 252, 252);
position: relative;
width: 100%;
height: 200px;
z-index: 5;
overflow: hidden;
box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
border-radius: 0 3px 3px 3px;
}

.content div {
position: absolute;
top: 0;
padding: 10px 40px;
z-index: 1;
opacity: 0;
transition: all linear 0.3s;
}

.content div p {
font-size: 11px;
line-height: 22px;
text-align: left;
margin: 0;
color: #777;
padding-left: 15px;
font-family: 'Open Sans', sans-serif;
}

.tabs input {
position: absolute;
z-index: 1000;
width: 120px;
height: 40px;
left: 0px;
top: 0px;
opacity: 0;

filter: alpha(opacity=0);
cursor: pointer;
}

input[type="radios"] {
margin: 3px 3px 0px 5px;
}

input[type="radios"] {
-webkit-appearance: radios;
box-sizing: border-box;
}

input[type="radios"], input[type="checkbox"] {
margin: 3px 0.5ex;
padding: initial;
background-color: initial;
border: initial;
}


input, textarea, keygen, select, button, meter, progress {
-webkit-writing-mode: horizontal-tb;
}

input, textarea, keygen, select, button {
margin: 0em;
font: -webkit-small-control;
color: initial;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: start;
}

input[type="radios"], input[type="checkbox"] {
margin: 3px 0.5ex;
padding: initial;
background-color: initial;
border: initial;
}

input[type="radios"] {
-webkit-appearance: radios;
box-sizing: border-box;
}

input[type="radios"] {
margin: 3px 3px 0px 5px;
}

.tabs input {
position: absolute;
z-index: 1000;
width: 120px;
height: 40px;
left: 0px;
top: 0px;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
cursor: pointer;
}

.tabs input:checked + label {
background: rgb(243, 26, 26);
z-index: 6;
-webkit-animation: page 0.2s linear;
-moz-animation: page 0.2s linear;
-ms-animation: page 0.2s linear;
-o-animation: page 0.2s linear;
animation: page 0.2s linear;
}

<img alt="" src="admin/images/img_db/18_6278.JPG">