/* OBRA
----------------------------------------------- */

#obra {	
	/*background-image: linear-gradient(bottom, rgb(250,250,250) 2%, rgb(255,255,255) 51%);
	background-image: -o-linear-gradient(bottom, rgb(250,250,250) 2%, rgb(255,255,255) 51%);
	background-image: -moz-linear-gradient(bottom, rgb(250,250,250) 2%, rgb(255,255,255) 51%);
	background-image: -webkit-linear-gradient(bottom, rgb(250,250,250) 2%, rgb(255,255,255) 51%);
	background-image: -ms-linear-gradient(bottom, rgb(250,250,250) 2%, rgb(255,255,255) 51%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.02, rgb(250,250,250)), color-stop(0.51, rgb(255,255,255)));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FAFAFA');*/
}

#obra .wp20 h4 {
        line-height: 21px;
}

#obra .primario-nav li.zoom, .primario-nav li.izq, .primario-nav li.der  {
	float: left;
}

#obra .primario-nav  li a:hover{
	color: #C00058 !important;
	text-decoration: none;
}

#obra .primario-nav a.left {
	background: transparent url(/img/icons/favorite.png) left center no-repeat;
	padding: 15px 15px 15px 30px;
	color: #888;
        margin-left: 23px;
}

#obra .primario-nav a.left:hover {
	background: transparent url(/img/icons/favorite-hover.png) left center no-repeat;
	color: #C00058;
	text-decoration: none;
}

#obra .primario-nav .right a.zoom {
	background: transparent url(/img/icons/zoom.png) center center no-repeat;
	padding: 15px;
	width: 18px;
	height: 18px;
	float: left;
}

#obra .primario-nav .right a.zoom:hover {
	background: transparent url(/img/icons/zoom-hover.png) center center no-repeat;
}

#obra .primario-nav .right a.izq {
	background: transparent url(/img/icons/left.png) center center no-repeat;
	padding: 15px;
	width: 16px;
	height: 18px;
	float: left;
}

#obra .primario-nav .right a.izq:hover {
	background: transparent url(/img/icons/left-hover.png) center center no-repeat;
}

#obra .primario-nav .right a.der {
	background: transparent url(/img/icons/right.png) center center no-repeat;
	padding: 15px;
	width: 18px;
	height: 18px;
	float: left;
}

#obra .primario-nav .right a.der:hover {
	background: transparent url(/img/icons/right-hover.png) center center no-repeat;
}

.obra {
	background: transparent;
	display: block;
	overflow: hidden;
}

.obra-imagen {
        display: block;
}

.obra-imagen img {
        padding: 9px 0;
}

.obra-imagen a:hover {
	color: #444;
}
.obra-imagen h1 {
    display: block;
    font-weight: 700;
    color: black;
    font-size: 15px;
    line-height: 45px;
    padding-right: 18px;
    padding-top: 9px;
}

.obra-extras {
    display: block;
    padding: 18px 0;
}

.obra a.autor-enlace {
    float: left;
    clear: both;
}

.obra a.inapropiado-enlace {
    float: left;
    clear: both;
    margin-top: 18px;
    padding-left: 18px;
    background: transparent url(img/icons/inapropiado_icon.png) left 4px no-repeat;
    font-size: 11px;
}

.obra .inapropiado-mensaje {
    float: left;
    width: 633px;
    margin-top: 18px;
}

.obra .inapropiado-mensaje textarea {
    max-width: 581px;
    min-height: 100px;
    width: 581px;
    display: block;
}

.obra .inapropiado-mensaje-interior {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    background: #F9F9F9;
    padding: 18px;
}

.obra .inapropiado-mensaje-interior-title h4 {
    color: #C00058;
    font-weight: bold;
    font-size: 16px;
}

.obra .inapropiado-mensaje-interior p {
    display: block;
    padding: 9px 0;
}

.obra .inapropiado-mensaje-enviar {
    width: 125px;
    display: block;
    margin-top: 18px;
}

#obra .primario .datos-obra {
	border: 1px solid #EBEBEB;
        margin-bottom: 72px;
	border-right: 0;
	border-left: 0;
	float: left;
}

#obra .primario .datos-obra .fichatags {
	width: 624px;
	padding: 18px;
	clear: left;
	float: left;
}

#obra .primario .datos-obra .fichatags ul li {
	line-height: 21px;
}

.comprar {
    margin-top: 46px;
    float: left;
    width: 299px;
}

.comprar h2 {
    display: block;
    height: 45px;
    font-weight: 700;
    color: black;
    font-size: 16px;
    line-height: 45px;
}

.comprar span.texto-pais {
    padding-left: 5px;
    color: #CCC;
    height: 18px;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;    
}

.comprar span.texto-vendida {
    font-weight: bold;
    color: #FF0000;
}

.comprar .soporte {
    display: block;
    height: 18px;
    margin-bottom: 9px;
}

#obra .error_soporte {
    color: #ED493C;
    font-weight: bold;
    padding: 8px 0 12px 0;
    float: left;
}

.obra-seccion {
    float: left;
    width: 299px;
}

ul.obras-lista {
    float: left;
    margin-left: -27px;
    margin-bottom: 18px;
}

ul.obras-lista li {
    float: left;
    margin-left: 27px;
    margin-bottom: 18px;
}

ul.obras-lista li img {
	background: transparent url(/img/sombra-04.png) center bottom no-repeat;
	float: left;
	padding-bottom: 9px;
	-webkit-transition-duration: 0.15s, 0.15s;
	-webkit-transition-property: opacity;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-duration: 0.15s, 0.15s;
	-moz-transition-property: opacity;
	-moz-transition-timing-function: linear, ease-in;
	transition-duration: 0.15s, 0.15s;
	transition-property: opacity;
	transition-timing-function: linear, ease-in;    
}

ul.obras-lista li img:hover {
    	opacity: 0.8;
	filter: alpha(opacity=80);
}

ul.obras-lista li a {
        float: left; 
}

.caja-social-obra {
	padding: 23px 0;
	margin: 23px 0;
        width: 299px;
        border-top: 1px solid #EBEBEB;
        border-bottom: 1px solid #EBEBEB; 
        float: left;
}

/* FIN
----------------------------------------------- */

/* OPCIONES REPRODUCCIONES
----------------------------------------------- */

.opciones-repro {
    padding: 23px;
}

.opciones_repro .resultados1 {
    float: left;
    text-align: right;
    width: 220px;
}

span.repro_min {
    float: left;
    clear: left;
    font-size: 11px;
    color: #000;
    padding-top: 4px;
    line-height: 18px;
}

span.repro_max {
    float: right;
    clear: right;
    color: #000;
    font-size: 11px;   
    padding-top: 4px;
    line-height: 18px;
}

span.repro_min2 {
    background: transparent url(img/icons/cerrar.png) center left no-repeat;
    float: left;
    clear: left;
    color: #000;
    height: 18px;
    padding-top: 4px;
}

span.repro_max2 {
    background: transparent url(img/icons/cerrar.png) center right no-repeat;
    float: right;
    clear: right;
    color: #000;
    height: 18px;  
    padding-top: 4px;
}

span.repro_min3 {
    position: absolute;
    top: -27px;
    left: 0;
    font-size: 11px;
    color: #000;
    padding-top: 4px;
    line-height: 18px;
}

span.repro_max3 {
    position: absolute;
    top: -27px;
    right: 0;
    color: #000;
    font-size: 11px;   
    padding-top: 4px;
    line-height: 18px;
}

table.tabla-repros {
    width: 454px;
    text-align: right;
}

table.tabla-repros tr td {
    border: 1px solid #EBEBEB;
    padding: 15px;
}

.opciones-repro .usuario-guardar {
    width: auto;
    margin-top: 9px;
    display: block;
    min-height: 30px;
}

.opciones-repro h4 {
    color: #C00058;
    line-height: 23px;
}

.opciones-repro h3 {
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 8px;
}

.opciones-repro-interior {
    display: block;
    margin-bottom: 18px;
}

.opciones-repro-medidas {
    display: block;
}

.opciones-repro-deslizador {
    display: block;
    padding-bottom: 15px;
    margin-bottom: 10px;
    color: #666;
}

.opciones-repro-deslizador-slider {
    display: block;
}


.opciones-repro-medidas ul.left li a {
    font-size: 11px;
    color: #666;
    border: 1px solid #EBEBEB;
    padding: 7px 15px;
    background: #FFF;
    float: left;
    margin-right: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;    
}

.opciones-repro-medidas ul.left li a:hover {
    background: #EEE;
    text-decoration: none;
}

.opc_elegida {
    background: #F9F9F9 url(img/icons/icon_motivos2.png) 9px center no-repeat;
    padding: 9px 9px 9px 27px;
    border: 1px solid #D9D9D9;
    color: #444 !important;
    font-weight: bold;
}

.opciones-repro-deslizador2 {
    display: block;
    padding-bottom: 15px;
    margin-bottom: 10px;
    color: #666;
}

/* FIN
----------------------------------------------- */

/* VERSIÓN 2
----------------------------------------------- */

#obra a.obra-titulo {
    display: block;
    font-weight: 700;
    color: black;
    font-size: 15px;
    line-height: 45px;
}

#obra .comprar .productos {
    display: block;
    color: #666;
    font-size: 12px;
    margin-bottom: 3px;
    padding: 9px;
    height: 18px;
    background: #F2F1ED;
}

#obra .comprar .productos p {
    float: left;
    color: black;
    font-weight: 700;    
}

#obra .comprar .productos span {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    float: right;
}

#obra .ivi {
    display: block;
    height: 30px;
    margin-bottom: 9px;
}

#obra .ivi span {
    width: 100px;
    height: 30px;
    float: left;
}

#obra .ivi span p {
    text-align: left;
    padding-right: 9px;
    height: 18px;
    color: black;
    font-weight: 700;
    font-size: 13px;
    line-height: 30px;
    height: 30px;
}

#obra .ivi select {
    width: 160px;
    height: 30px;
    float: left;
}

#obra .ivi select option {
    padding: 9px;
}

#obra .ivi-total {
    display: block;
    margin-bottom: 9px;
    padding: 18px 0;
    height: 60px;
}

#obra .ivi-total span {
    width: 299px;
    height: 30px;
    float: left;
}

#obra .ivi-total .final_price p {
    text-align: right;
    padding: 9px 39px 9px 0; 
    height: 18px;
    color: black;
    font-weight: 700;
    font-size: 13px;
    line-height: 30px;
    height: 30px;
    font-size: 18px;
}

#obra .ivi .button-naranja {
    float: left;
    padding: 3px;
    width: 154px;
    margin-left: 100px;
    border: 0;
    cursor: hand;
    cursor: pointer;
    background: #FF8132;
    background-image: linear-gradient(bottom, #FF8132 100%);
    background-image: -o-linear-gradient(bottom, #FF8132 100%);
    background-image: -moz-linear-gradient(bottom, #FF8132 100%);
    background-image: -webkit-linear-gradient(bottom, #FF8132 100%);
    background-image: -ms-linear-gradient(bottom, #FF8132 100%);
    text-shadow: none;
}

#obra .ivi .button-naranja:hover {
    background: #d65200;
    background-image: linear-gradient(bottom, #d65200 100%);
    background-image: -o-linear-gradient(bottom, #d65200 100%);
    background-image: -moz-linear-gradient(bottom, #d65200 100%);
    background-image: -webkit-linear-gradient(bottom, #d65200 100%);
    background-image: -ms-linear-gradient(bottom, #d65200 100%);
}

#obra .ivi .button-amarillo {
    float: left;
    padding: 3px;
    width: 154px;
    margin-left: 100px;
    border: 0;
    cursor: hand;
    cursor: pointer;
    background: #fcff00;
    background-image: linear-gradient(bottom, #fcff00 100%);
    background-image: -o-linear-gradient(bottom, #fcff00 100%);
    background-image: -moz-linear-gradient(bottom, #fcff00 100%);
    background-image: -webkit-linear-gradient(bottom, #fcff00 100%);
    background-image: -ms-linear-gradient(bottom, #fcff00 100%);
    text-shadow: none;
}

#obra .ivi .button-amarillo:hover {
    background: #eaed00;
    background-image: linear-gradient(bottom, #eaed00 100%);
    background-image: -o-linear-gradient(bottom, #eaed00 100%);
    background-image: -moz-linear-gradient(bottom, #eaed00 100%);
    background-image: -webkit-linear-gradient(bottom, #eaed00 100%);
    background-image: -ms-linear-gradient(bottom, #eaed00 100%);
}

#obra .ivi .button-verde {
    float: left;
    padding: 3px;
    width: 154px;
    margin-left: 100px;
    border: 0;
    cursor: hand;
    cursor: pointer;
    background: #1FBF00;
    background-image: linear-gradient(bottom, #1FBF00 100%);
    background-image: -o-linear-gradient(bottom, #1FBF00 100%);
    background-image: -moz-linear-gradient(bottom, #1FBF00 100%);
    background-image: -webkit-linear-gradient(bottom, #1FBF00 100%);
    background-image: -ms-linear-gradient(bottom, #1FBF00 100%);
    text-shadow: none;
}

#obra .ivi .button-verde:hover {
    background: #19A500;
    background-image: linear-gradient(bottom, #19A500 100%);
    background-image: -o-linear-gradient(bottom, #19A500 100%);
    background-image: -moz-linear-gradient(bottom, #19A500 100%);
    background-image: -webkit-linear-gradient(bottom, #19A500 100%);
    background-image: -ms-linear-gradient(bottom, #19A500 100%);
}

#obra .ivi .button-fucsia {
    float: left;
    padding: 3px;
    width: 154px;
    margin-left: 100px;
    border: 0;
    cursor: hand;
    cursor: pointer;
    background: #C00058;
    background-image: linear-gradient(bottom, #C00058 100%);
    background-image: -o-linear-gradient(bottom, #C00058 100%);
    background-image: -moz-linear-gradient(bottom, #C00058 100%);
    background-image: -webkit-linear-gradient(bottom, #C00058 100%);
    background-image: -ms-linear-gradient(bottom, #C00058 100%);
    text-shadow: none;
}

#obra .ivi .button-fucsia:hover {
    background: #AA0350;
    background-image: linear-gradient(bottom, #AA0350 100%);
    background-image: -o-linear-gradient(bottom, #AA0350 100%);
    background-image: -moz-linear-gradient(bottom, #AA0350 100%);
    background-image: -webkit-linear-gradient(bottom, #AA0350 100%);
    background-image: -ms-linear-gradient(bottom, #AA0350 100%);
}

#obra .ivi .button-rojo {
    float: left;
    padding: 3px;
    width: 154px;
    margin-left: 100px;
    border: 0;
    cursor: hand;
    cursor: pointer;
    background: #DD0000;
    background-image: linear-gradient(bottom, #DD0000 100%);
    background-image: -o-linear-gradient(bottom, #DD0000 100%);
    background-image: -moz-linear-gradient(bottom, #DD0000 100%);
    background-image: -webkit-linear-gradient(bottom, #DD0000 100%);
    background-image: -ms-linear-gradient(bottom, #DD0000 100%);
    text-shadow: none;
}

#obra .ivi .button-rojo:hover {
    background: #AD0000;
    background-image: linear-gradient(bottom, #AD0000 100%);
    background-image: -o-linear-gradient(bottom, #AD0000 100%);
    background-image: -moz-linear-gradient(bottom, #AD0000 100%);
    background-image: -webkit-linear-gradient(bottom, #AD0000 100%);
    background-image: -ms-linear-gradient(bottom, #AD0000 100%);
}

#obra .ivi .button-negro {
    float: left;
    padding: 3px;
    width: 154px;
    margin-left: 100px;
    border: 0;
    cursor: hand;
    cursor: pointer;
    background: #404040;
    background-image: linear-gradient(bottom, #404040 100%);
    background-image: -o-linear-gradient(bottom, #404040 100%);
    background-image: -moz-linear-gradient(bottom, #404040 100%);
    background-image: -webkit-linear-gradient(bottom, #404040 100%);
    background-image: -ms-linear-gradient(bottom, #404040 100%);
    text-shadow: none;
}

#obra .ivi .button-negro:hover {
    background: #000000;
    background-image: linear-gradient(bottom, #000000 100%);
    background-image: -o-linear-gradient(bottom, #000000 100%);
    background-image: -moz-linear-gradient(bottom, #000000 100%);
    background-image: -webkit-linear-gradient(bottom, #000000 100%);
    background-image: -ms-linear-gradient(bottom, #000000 100%);
}

#obra .ivi .button-azul {
    float: left;
    padding: 3px;
    width: 154px;
    margin-left: 100px;
    border: 0;
    cursor: hand;
    cursor: pointer;
    background: #4591DD;
    background-image: linear-gradient(bottom, #4591DD 100%);
    background-image: -o-linear-gradient(bottom, #4591DD 100%);
    background-image: -moz-linear-gradient(bottom, #4591DD 100%);
    background-image: -webkit-linear-gradient(bottom, #4591DD 100%);
    background-image: -ms-linear-gradient(bottom, #4591DD 100%);
    text-shadow: none;
}

#obra .ivi .button-azul:hover {
    background: #1C4FAD;
    background-image: linear-gradient(bottom, #1C4FAD 100%);
    background-image: -o-linear-gradient(bottom, #1C4FAD 100%);
    background-image: -moz-linear-gradient(bottom, #1C4FAD 100%);
    background-image: -webkit-linear-gradient(bottom, #1C4FAD 100%);
    background-image: -ms-linear-gradient(bottom, #1C4FAD 100%);
}

#obra .ivi a.button {
    float: left;
    padding: 3px;
    width: 154px;
    margin-left: 100px;
    border: 0;
    cursor: hand;
    cursor: pointer;
    background: #ABABAB;
    color: #FFF;
    background-image: linear-gradient(bottom, #ABABAB 100%);
    background-image: -o-linear-gradient(bottom, #ABABAB 100%);
    background-image: -moz-linear-gradient(bottom, #ABABAB 100%);
    background-image: -webkit-linear-gradient(bottom, #ABABAB 100%);
    background-image: -ms-linear-gradient(bottom, #ABABAB 100%);
    text-shadow: none;
}

#obra .ivi a.button:hover {
    background: #666666;
    background-image: linear-gradient(bottom, #666666 100%);
    background-image: -o-linear-gradient(bottom, #666666 100%);
    background-image: -moz-linear-gradient(bottom, #666666 100%);
    background-image: -webkit-linear-gradient(bottom, #666666 100%);
    background-image: -ms-linear-gradient(bottom, #666666 100%);
}

#tabs .ui-tabs-nav {
	background:transparent
}