/*
Theme Name: OTM sistemas
Version: 1.0.0
Date: 10/05/2017;
Author: Paralelo 43
Description: Versión do tema básico de Paralelo43
*/

/*fonte base*/ 
/*@import url(https://fonts.googleapis.com/css?family=PT+Sans);
@import 'https://fonts.googleapis.com/css?family=Lusitana|Quattrocento|Rosario';
@import 'https://fonts.googleapis.com/css?family=Comfortaa';*/
@import url(http://fonts.googleapis.com/css?family=Lato);
@charset "UTF-8";

/*@font-face
{
   font-family: "Lusitana";
   src: url("assets/ATClassicRoman.ttf");

}*/

/* follas de estilos */


/* reset basada en esta http://html5doctor.com/html-5-reset-stylesheet (pode non ser necesaria) */

@import 'reset.css';

/* basica: estilos básicos(?) da web, defínese o tipo de letra e tamaño da web */

@import 'basico.css';

/* pe da páxina*/

@import 'footer.css';

/* contacto e googlemaps*/

@import 'contacto.css';

/* estilos home*/
 
@import 'home.css';

/* estilos sliders*/

@import 'slider.css';

/* estilos header*/

@import 'header.css';

/* estilos main principal 

@import 'mais.css';*/

/* estilos main principal */

/*@import 'elastic.css';*/

/*fancybox.css*/

@import 'fancybox.css';

/*Media queries*/


@media screen and (max-width:1160px) {
 


    .canalones,.tubos, .accesorios, .cubiertas, .continuo, .herramientas,.flejes
    {
       border: 1px solid #002e52;
       float: left;
       width: 40%;
       margin: 10px 10px 10px 10px;
    }

    .menu_inicial .txt

    {
        width: 58%;
        float: left;
        background-color: #002e52;
        color: #fff;
        text-align: center;
        height: 113px;
        vertical-align: middle;
    }

    .tarifas
    {
       border: 1px solid #002e52;
       float: left;
       width: 83%;
       margin: 10px 10px 10px 10px;
    }

}/* 1160px */

@media screen and (max-width:1077px) {

    .menu_inicial
    {
      width: 50%;
      float:left;
    }
  
      .rslides
    {
        /*width: 50%;*/
    }
    /*
    a.rslides_nav.rslides1_nav.prev 
    {
      left: 5%;
    }
    a.rslides_nav.rslides1_nav.next {
      right: 15%;
    }*/

    .contenedor_obras div.manucanalones li {
        color: #002e52;
        font-size: 0.6em;
        line-height: 0.7px;
        letter-spacing: 1px;
        margin-top:5px;
        margin-bottom:10px;
        text-transform: none;
        margin-right: 8px;
    }
    .menu_inicial .txt
    {
        width: 58%;
        float: left;
        background-color: #002e52;
        color: #fff;
        text-align: center;
        height: 90px;
        vertical-align: middle;
    }

}/*1077px*/

@media screen and (max-width:1010px) {

.descargacatalogo .txt
{
    background-color: #002e52;
    color: #fff;
    font-size: 0.65em;
    line-height: 0.9em;
    padding: 10px;
    text-transform: uppercase;
    float: left;
    width: 50%;
    position:relative;
}
}

@media screen and (max-width:1002px) {

    .menu-item-35
    {
        vertical-align: middle;
        line-height:  1.4em;
    }

    .canalones  .txt span,.tubos  .txt span, .accesorios  .txt span, .cubiertas .txt span, .continuo .txt span, .herramientas .txt span,.flejes .txt span,.tarifas  .txt span
    {
            font-size: 0.8em;
    }
}/*1002px*/






@media screen and (max-width:920px) {

    .menu-menuproductos-container .menu-image-title, .menurelacionados h5
    {
      font-size: 0.7em;

    }

    h1, h2.productos
    {
        font-size: 1.3em;
    }
    h1.outrotitulo
    {

        font-size: 1.3em;
    }

}/*920px*/

@media screen and (max-width:913px) {

    .menutubos {
        border: 1px solid #002e52;
        margin: 10px 10px 10px 10px;
        float:left;
        width: 30%;
    }
    .menucubiertas, .menufachadas, .menucontinuo, .menumaquinaria, .menuflejes
    {
        width: 30%;
    }

}/*913px*/





@media screen and (max-width:900px) {

    .canalones  .txt span,.tubos  .txt span, .accesorios  .txt span, .cubiertas .txt span, .continuo .txt span, .herramientas .txt span,.flejes .txt span,.tarifas  .txt span
    {
            font-size: 0.7em;
            line-height: 0.7em;
    }
}/*900px*/
@media screen and (max-width:848px) {
    .descargacatalogo .txt
    {
        font-size: 0.55em;
      
    }


}/*848*/

@media screen and (max-width:830px) {

    .canalones  .txt span,.tubos  .txt span, .accesorios  .txt span, .cubiertas .txt span, .continuo .txt span, .herramientas .txt span,.flejes .txt span,.tarifas  .txt span
    {
            font-size: 0.7em;
            line-height: 0.7em;
    }


    .menu-menuproductos-container .menu-image-title, .menurelacionados h5
    {
      font-size: 0.6em;

    }
    .menu-image-title {
      font-size: 0.7em;

    }

    .manucanalones
    {
        
        margin: 10px 10px 10px 10px;
        float:left;
        width: 30%;
    }

    .canalones .txt span
    {
        top:10%;
    }
    .tubos .txt span
    {
        top:10%;
    }
    .accesorios  .txt span
    {
        top:10%;
    }

    .cubiertas  .txt span
    {
        top:10%;
    }
    .continuo  .txt span
    {
        top:25%;
    }
    .herramientas  .txt span
    {
        top:10%;
    }
    .flejes  .txt span
    {
        top:10%;
    }
    .tarifas  .txt span
    {
        top:25%;
    }

    h1,  h2.productos
    {
        font-size: 1.1em;
    }
    h1.outrotitulo
    {

        font-size: 1.1em;
    }
    



}/*830px*/

@media screen and (max-width:824px) {

    .menutubos {
        border: 1px solid #002e52;
        margin: 10px 10px 10px 10px;
        float:left;
        width: 45%;
    }
    .menucubiertas, .menufachadas, .menucontinuo, .menumaquinaria, .menuflejes
    {
        width: 45%;
    }


}/*824px*/


@media (max-width:741px) {
  
    .logo
    {
        float: none;
        text-align: center;
        width: auto;
    }
    .logo img
    {
        height: auto;
        width: auto;
        margin:0;
        position: static;
        top: 0;
    }

    header .right-logo
    {
        width: 100%;
        z-index: 0;
        float: none;
        background-image: url('_imagenes/fondo_menu.png') ;
        height: 71px;
    }

   
    div#toggle 
    {
        display:block;
        text-align: center;
        background: transparent;
        height:100%;	
    }

    div#toggle a.open-menu-navegacion 
    {
        display: block;
    }

    #toggle span 
    {
        color: #fff;
        text-transform: uppercase;
        position: relative;
        font-size: 1.3em;
        top:-10px;
    }

    header ul li
    {
        width: 100%;
        border-bottom: solid 2px #FFA94F;
    }
       
    #foo
    {
        display: none;
        margin-right: 0px;
        margin-top:30px;
        margin-bottom: 10px;
    }
        

        
    header ul
    {
        display: block;
    }

    #menu-menusuperior .menu-item
    {
        width: 100%;
    }

    #menu-menusuperior li
    {
        float: none;
    	
    }

    header#header_principal nav 
    {
        width:80%;
        float: right;
        margin-top: 20px;
    } 

    header#header_principal nav
    {
        height:100%;
        width:100%;

    }

    header#header_principal nav li a
    {
       letter-spacing:1.5px;
        color:#002E52;
        background:transparent;
    }

    header#header_principal nav li a:hover
    {
            letter-spacing:1.5px;
            color:#FFA94F;
    }


     img.size-full
    {
    		width:50%;
    		height:50%;
    }

    .menu-item-40 , .menu-item-39 , .menu-item-38 , .menu-item-37 , .menu-item-35 , .menu-item-34, .menu-item-36
    {
           line-height: 2.0em;
    }

    .menu_inicial
    {
      width: 95%;
      float:left;
    }
    .rslides
    {
        width: 325px;
    }

    .canalones img,.tubos img, .accesorios img, .cubiertas img, .continuo img, .herramientas img,.flejes img
    {
        width: 75%;
        height: 75%;
    }

    a.rslides_nav.rslides1_nav.prev 
    {
      left: 25%;

    }
    a.rslides_nav.rslides1_nav.next {
      right: 25%;

    }

 .columnaesquerda
{

       width: 99%;
       margin-bottom: 30px;
    }

   /* .menu-menuproductos-container 
    {
       background-color: #002E52;
       float: left;
       width: 99%;
       margin-bottom: 30px;
    }*/


    .contenedor_obras
    {
        /*rder-top: thick solid #1a1b5e;
        border-bottom: thick solid #1a1b5e;*/
        margin-top: -10px;
        margin-bottom:20px;
        float: right;
        width: 100%;
        text-align: left;
        margin-left: 10px;
    }



    .menu-menuproductos-container li
    {
        font-size: 1em;
        line-height: 1em;
        box-shadow: 0px 5px 0px 0px rgba(245,151,0,1);
        padding: 10px 10px;
    }


    .menu-menuproductos-container span.menu-image-title
    {
        
    }

   h1, h2.productos
    {
       width: 100%;
       float: left;
        font-size: 1em;
    }
    h1.outrotitulo
    {
        width: 80%;
        float: left;
        margin-left: 30px;
        font-size: 0.8em;
    }


    .menutubos
    {
        border: 1px solid #002e52;
        margin: 10px 10px 10px 10px;
        float:left;
        width: 30%;
    }
    .menucubiertas, .menufachadas, .menucontinuo, .menuflejes
    {
        width: 30%;
    }


    .menurelacionados
    {
        float: left;
        width: 99%;
        text-align: center;
        margin-bottom: 10px;
    }
    .descargacatalogo
    {
        width: 99%;
    }
    footer
    {
        text-align: left;
    }

    footer  ul#menu-menuinferioruno
    {
        width: 60%;
        display: block;
        list-style-type: none;
        list-style-position: inside;
        float: left;
        text-align: left;
    }
    footer  ul#menu-menuinferiordos
    {
        width: 40%;
        display: inline-block;
        list-style-type: none;
        list-style-position: inside;
    }

    footer ul#menu-menuinferioruno li
    {
        list-style-type: none;
        text-transform: none;
        float: left;
        width: 50%;
    }

    footer ul#menu-menuinferiordos li
    {
        list-style-type: none;
        text-transform: none;
         width: 99%;
    }
    footer .main-content
    {
         margin-left: 145px;
    }

    

.descargacatalogo .txt
    {
        width: 45%;
      
    }
    

.bannerinicio
{
    margin: 0 auto;
    float: none;
    width: 100%;
    display:none;
}
.banner
{
    margin: 0 auto;
    float: none;
    width: 100%;
}


#contacto_container
{
  width: 100%;
  float: none;
}

.right
{
    float:none;
    width:100%;
    
}
}/*741px*/


@media (max-width:689px) {
     .menutubos
    {
        border: 1px solid #002e52;
        margin: 10px 10px 10px 10px;
        float:left;
        width: 45%;
    }
    .menucubiertas, .menufachadas, .menucontinuo, .menuflejes
    {
        width: 45%;
    }
}/*689px*/


@media (max-width:629px) {
    .manucanalones
    {
        
        margin: 10px 10px 10px 10px;
        float:left;
        width: 45%;
    }

}
@media (max-width:500px) {

    a.rslides_nav.rslides1_nav.prev 
    {
        display: none;
    }

    a.rslides_nav.rslides1_nav.next {
     display: none;
    }


}

@media (max-width:469px) {
     .menutubos
    {
        border: 1px solid #002e52;
        margin: 10px 10px 10px 10px;
        float:left;
        width: 85%;
    }
    .menucubiertas, .menufachadas, .menucontinuo, .menumaquinaria, .menuflejes
    {
        width: 85%;
    }
    
}





@media (max-width:429px) {
    .manucanalones
    {
        
        margin: 10px 10px 10px 10px;
        float:left;
        width: 95%;
    }
    .contenedor_obras div.manucanalones li {
  
    font-size: 1.1em;

    }
}