/* Version responsive
1.0
Miguel Moro Vallina
Agosto 2015
*/

.slicknav_menu { display:none; }
#mobile-menu { display:none; }
#materias-mobile { display: none; }
.banners-mobile { display: none; }
.listado_materias img.banner-movil { display: none; }
#viewerCanvas { width: 925px; height: 500px; }
.comprar-movil { display: none; }
ul.slicknav_nav li { margin-bottom: 0; }

@media all and (max-width: 776px) and (min-width: 601px) {
  body { background: #fff; }
  .topmenu { display: none; }
  .headsite { padding-left: 20px; padding-right: 20px; box-sizing: border-box; }
  .headsite .centrar { width: 100%; }
  .headsite .headlanguage { display: none; }
  .menu_lateral { width: 27%; }
  .seccion_content { width: 100%; margin: 20px; }
  .centersite { width: 100%; }
  .contentsite { background-image: none; }
  .i_contenido { width: 70%; padding-right: 15px; box-sizing: border-box; }
  .slicknav_menu { display:block; }
  .i_banner { display: none; }
  .i_caja { margin: 0; width: 95%; }
  .contentsite_top { display: none; }
  .listado_resultados { width: 63%; float: left; }
  .ayuda_listado { width: 94%; margin-left: 3%; }
  .migas_pan { width: 100%; margin: 0; padding-left: 20px; }
  .i_caja .ContenidoCaja .RowCCaja { float: none; }
  .i_caja .ContenidoCaja .ItemCaja { height: 195px; margin-left: 20px; }
  .headsite_col1 { width: 100%; float: none; }
  .headsite_col2 { width: 100%; float: none; }
  .footersite { padding-right: 30px; padding-left: 30px; box-sizing: border-box; }
  .ficha_1 { border: 0; background-image: none; width: 100%; float: none; }
  .ficha_1 .col1 { margin-left: 15px; width: 30%; }
  .ficha_1 .col2 { width: 55%; margin-left: 5%; }
  .ficha_1 .col3 { float: left; width: 40%; text-align: center; margin-right: 0; margin-left: 2%; }
  .ficha_banner { float: left; width: 45%; margin-left: 5%; margin-top: 50px; }
  #ab_full_widget_container { width: 96% !important; }
  #ab_full_question { width: 90% !important; }
  .ficha_3 { width: 100%; }
  .ficha_3 .contenido_ficha .more { width: 100%; }
  .seccion { width: 100%; }
  div.puntos-venta-contenedor { width: 98%; }
  #viewerCanvas { width: 100%; height: 350px; }
  div.puntos-venta-mapa-contenedor { width: 51%; float: left; margin-left: 1%; }
  div.puntos-venta-listado-contenedor { width: 45%; }
  .proceso-compra #header ul li img { height: 32px; }
  .proceso-compra #header ul { margin-left: 5px; }
  .proceso-compra div.pie_tabla { display: none; }
  .proceso-compra table.carrito { width: 98%; background-image: none; }
  .proceso-compra table.carrito thead { border-bottom: 1px solid #ddd; }
  .proceso-compra table.carrito tbody { border-bottom: 1px solid #ddd; }
  .proceso-compra .step .content_left { width: 54%; margin-left: 2%; }
  .proceso-compra .step .content_right { width: 34%; border: 0; margin-left: 6%; margin-top: 30px; }
  .proceso-compra #wrapper { width: 100%; }
  .proceso-compra .button_holder { width: 96%; }
  .proceso-compra #footer { padding-left: 20px; padding-right: 20px; box-sizing: border-box; }
  .proceso-compra .step .content_right.no_border { width: 40%; padding-right: 20px; margin-left: 0; box-sizing: border-box; }
  .proceso-compra .step .content p { padding: 15px; }
  .proceso-compra .contentsite { padding-right: 30px; box-sizing: border-box; }
  .listado_materias { width: 100%; box-sizing: border-box; }
  .banner-escritorio { width: 100% !important; }
  .listado_materias ul { margin: 30px 0; }
  .proceso-compra .step .content .heading { text-align: center; }
  .proceso-compra .step .content .widget { float: none; margin: 10px auto; }
  .ficha_1 .col3 { clear: both; }
  .proceso-compra .supermessage.success { margin-left: 10px; margin-right: 10px; }
  #ctl00_ProcesoCompraPlaceHolder_QuieresFacturaPanel { padding: 0 15px; box-sizing: border-box; }
  .menu_lateral .banners_lat { margin-left: 0; }
  .menu_lateral ul { width: 100%; margin-left: 5px; }
  .ficha_2 { width: 100%; }
  .ficha_1 .col2 { width: 55%; }
}

@media all and (max-width: 600px) {
  * { word-wrap: break-word; }
  body { background: #fff; }
  .topmenu { display: none; }
  .headsite .headlanguage { display: none; }
  .centersite { width: 100%; }
  .menu_lateral { display: none; }
  .contentsite { background-image: none; }
  .seccion_content { width: 100%; margin: 30px 0; }
  .i_banner { display: none; }
  .headsite .centrar { width: 100%; }
  .headsite_col1 { width: 100%; }
  .logo_paraninfo { float: none; margin-left: auto; margin-right: auto; }
  .headsite_col1 .searchform { float: none; width: 90%; margin-left: auto; margin-right: auto; text-align: center }
  .headsite_col1 .head_buscador { float: none; width: 60%; padding: 4px 7px; font-size: 13px; border: 1px solid #ccc; border-radius: 4px; }
  .headsite_col2 { float: none; text-align: center; width: 100%; z-index: 9999; }
  .boton_form { border-radius: 4px; padding-top: 4px; padding-bottom: 4px; }
  .i_contenido { width: 100%; }
  .i_caja { width: 96%; margin-left: 2%; margin-top: 5px; }
  .i_caja .ContenidoCaja .ItemCaja { height: 195px; margin-left: 20px; }
  .contentsite_bottom { display: none; }
  .footersite .footer-company { font-size: 15px; text-align: center; }
  .footersite .footer-company a { font-size: 14px; }
  .footersite .footer-company a.gris { color: #666; }
  .footersite .footer-company p { font-size: 14px; }
  .footersite .footer-company ul.social { text-align: left; width: 115px; margin: 0 auto; margin-top: 30px; }
  .footersite .footer-links { width: 100%; text-align: center; border: 0; margin-left: 0; padding: 0; }
  .footersite .footer-links ul { padding: 0; }
  .footersite .footer-links ul li { display: inline; margin-right: 10px; }
  .slicknav_menu { display:block; }
  #materias-mobile { display: block; float: left; margin-left: 2%; margin-top: 30px; }
  #materias-mobile ul li { list-style-type: none; border-bottom: 1px dotted #aaa; padding-bottom: 4px; margin-bottom: 4px; }
  #materias-mobile ul li:last-child { border: 0; }
  #materias-mobile .mas { margin-top: 20px; text-align: center; }
  #materias-mobile .mas a { padding: 5px; background: #eee; border-radius: 3px; border: 1px solid #ccc; }
  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background-color: #eee; }
  .ui-accordion .ui-accordion-header { padding-top: 4px; padding-bottom: 4px; }
  .ui-state-active .ui-icon { background-image: none; }
  .ui-icon { text-indent: 0; font-size: 11px; margin-left: 4px; }
  .ui-state-default .ui-icon { background-image: none; }
  .triangulo-inactivo:before { content: 'â–¶'; color: #ccc; }
  .triangulo-activo:before { content: 'â–¼'; color: #ccc; }
  .banners-mobile { display: block; margin-top: 20px; text-align: center; }
  .banners-mobile .banner-mobile { margin-bottom: 15px; }
  .logo_paraninfo { position: relative; height: auto; width: 160px; cursor: pointer; background: url(../Images/system/paraninfo.jpg) no-repeat; height: 25px; line-height: 25px; overflow: hidden; text-indent: -9999px; margin-top: 10px; }
  a.logo_paraninfo { display: block; float: none; }
  .contentsite_top { background-image: none; }
  .migas_pan { width: 92%; margin-top: 30px; margin-left: 10px; background: #eee; padding: 10px; box-sizing: border-box; }
  .ficha_1 { width: 100%; background-image: none; border: 0; }
  .ficha_1 .col1 { float: none; margin: 20px auto; width: 100%; padding: 0 10px; box-sizing: border-box; }
  .ficha_1 .col2 { float: none; width: 90%; margin: 20px auto; }
  .headsite_col2 li { display: block; margin-left: 0; }
  .listado_resultados { width: 100%; box-sizing: border-box; }
  .listado_resultados .item .descripcion { width: 60%; float: right; margin-bottom: 20px; }
  .ayuda_listado { width: 100%; box-sizing: border-box; }
  .listado_materias { width: 100%; float: none; box-sizing: border-box; }
  .listado_materias img.banner-escritorio { display: none; }
  .listado_materias img.banner-movil { display: block; width: 100%; }
  .listado_materias ul { margin: 30px 0 0 0; }
  .ficha_3 .contenido_ficha ul { margin: 10px; }
  .ficha_3 .contenido_ficha li { width: 48%; margin: 0; height: 200px; }
  .ficha_3 .contenido_ficha li p.pvp { margin-bottom: 5px; }
  a#ctl00_Contenido_LNK_ListadoPorColeccion { width: 100%; display: block; clear: both; }
  .ficha_1 .col1 .portada { width: 125px; }
  .ficha_1 .col1 .descargable { float: right; width: 50%; }
  .ficha_1 .col1 ul.redes-sociales { display: none; }
  .ficha_1 #ctl00_Contenido_DescuentoPanel { left: 100px; }
  .ficha_1 .col1 #ctl00_Contenido_PNL_Caracteristicas { float: right; width: 50%; }
  .ficha_banner { width: 100%; padding: 0 30px; box-sizing: border-box; min-height: 0; }
  .ficha_1 .col3 { width: 100%; padding: 0 60px; box-sizing: border-box; text-align: center; margin: 0; display: none; }
  .ficha_2 { width: 100%; padding: 0 10px; box-sizing: border-box; }
  #ctl00_Contenido_PNL_RecursosAdicionalesProfesores table { width: 100%; }
  #ctl00_Contenido_PNL_RecursosAdicionalesProfesores table .boton_form { background-image: none; border: 0; color: #999; }
  .ficha_2 ul.tabs { diaplay: table-row; height: 51px; }
  .ficha_2 ul.tabs li { max-width: 85px; display: table-cell; text-align: center; vertical-align: middle; height: 48px; line-height: 13px; padding-top: 3px; float: none; }
  .ficha_2 ul.tabs li a { padding: 0 6px; font-size: 1em; }
  .ficha_2 ul.tabs li.active a:hover { border: 0; }
  .ficha_3 { width: 100%; padding: 0 15px; box-sizing: border-box; }
  div.puntos-venta-contenedor { width: 100%; padding: 15px; box-sizing: border-box; }
  div.puntos-venta-mapa-contenedor { width: 100%; padding: 15px; box-sizing: border-box; }
  .seccion { width: 100%; }
  #ab_full_widget_container { width: 100% !important; }
  #ab_full_question { width: 90% !important; }
  .ficha_3 .contenido_ficha .more { width: 100%; }
  #PNL_BannerPuntosVenta { text-align: center; }
  #viewerCanvas { width: 100%; height: 350px; }
  .proceso-compra { min-width: 0; }
  .proceso-compra #wrapper { width: 100%; padding: 10px; box-sizing: border-box; }
  .proceso-compra #header h1 { text-align: center; }
  .proceso-compra #header ul { display: none; }
  .proceso-compra .pie_tabla { display: none; }
  .proceso-compra table.carrito { background: transparent; }
  .proceso-compra table.carrito thead tr { position: absolute; top: -9999px; left: -9999px; }
  .proceso-compra table.carrito tr.cabecera { position: absolute; top: -9999px; left: -9999px; }
  .proceso-compra .supermessage { padding-left: 15px; }
  .proceso-compra .step .content_left { width: 100%; padding-right: 15px; box-sizing: border-box; }
  .proceso-compra .button_holder { margin: 15px 0; }
  .proceso-compra table.carrito, .proceso-compra table.carrito thead, .proceso-compra table.carrito tbody, .proceso-compra table.carrito th, .proceso-compra table.carrito td, .proceso-compra table.carrito tr { display: block; }
  .proceso-compra table.carrito tbody td { display: block; position: relative; padding-left: 40%; border: 0; height: 30px; }
  .proceso-compra table.carrito tfoot td { display: none; }
  .proceso-compra table.carrito td.separa { border: 0; height: 30px; }
  .proceso-compra table.carrito td:before { position: absolute; top: 3px; left: 6px; width: 35%; padding-right: 10px; white-space: nowrap; font-weight: bold; }
  .proceso-compra table.carrito td:last-child { border-bottom: 1px solid #ccc; }
  .proceso-compra table.carrito tr.fila { padding-top: 10px; }
  .proceso-compra table.carrito td:nth-of-type(2) { height: auto; }
  .proceso-compra table.carrito td:nth-of-type(1) { display: none; }
  .proceso-compra table.carrito td:nth-of-type(2):before { content: "Título"; }
  .proceso-compra table.carrito td:nth-of-type(3):before { content: "Precio"; }
  .proceso-compra table.carrito td:nth-of-type(4):before { content: "Cantidad"; }
  .proceso-compra table.carrito td:nth-of-type(5):before { content: "Subtotal"; }
  .proceso-compra table.carrito td span.nombre { font-size: 16px; }
  .proceso-compra table.carrito td span.identificador { font-size: 14px; display: inline-block; padding-bottom: 7px; }
  .proceso-compra table.carrito td.separa br:nth-of-type(3) { display: none; }
  .proceso-compra table.carrito td a.eliminar { font-size: 13px; }
  .proceso-compra table.carrito td span.precio { font-size: 13px; margin: 0; }
  .qs_contenido #li_col1 { border: 0; margin-bottom: 40px; }
  .qs_contenido { width: 100%; box-sizing: border-box; }
  ul.menu_superior2 { margin-left: 0; padding-bottom: 10px; }
  ul.menu_superior2 li { margin-bottom: 0; }
  .proceso-compra .form .button_holder { padding: 0; margin-bottom: 30px; float: right; }
  .proceso-compra .supermessage.success { background-image: none; }
  #ctl00_Contenido_DIV_PuntosDeVenta { display: none; }
  .ficha_1 .col3.comprar-movil { display: block; float: right; padding: 0; width: 50%; }
  .ficha_1 .col3.comprar-movil .border_b { border: 0; }
  #PNL_BannerPuntosVenta { display: none; }
  .i_caja .ContenidoCaja .RowCCaja { float: none; }
  .i_caja .ContenidoCaja .VerTodo { clear: both; }
}