body 
{
 
}


.Titulo1
{
    color: #3366cc;
    font-size: 17px;
    font-family: Arial
}


#cabecera 
{
    background-image: url('../imagenes/cabecera/cabecera-cortinas.jpg');
    height:150px;
    margin-bottom:10px;
    
}

#textocabecera
{
    float:left;
    width:300px;
    height:15px;
    border:2px;
    margin-bottom : 20px;
}
.menu_lateral
{
    clear:both;
    border:1px solid grey;
}
  
.menu_lateral2
{
    clear:both;
    margin-top:80px;
    border:1px solid grey;
}  

.menu_pie
{
    clear:both;
    text-decoration:none;
    list-style:none;    
    
}

.menuanos
{
    clear:both;
    text-decoration:none;
    list-style:none;    
    
}
			
.importante{
    font-size:1em;
}


.Titulo1
{
    color: #3366cc;
    font-size: 17px;
    font-family: Arial;
    margin-bottom:10px;
    
}
.texto_normal
{
    margin-top:0px;
    margin-bottom:0px;
    text-align:justify;
   
}

.texto_normal_i
{
    margin-top:0px;
    margin-bottom:0px;
    text-align:left;
}

.seccion_toda_la_pagina
{
 	width: 100%;
}
    
.container {
		width:996px;
		margin:0px auto;
		font-size:1em;
		font-family:Calibri;
    height: 885px;
}
	section,aside {
		padding: 10px;
		/* background:#ccc; */
		-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;
		margin-top:10px;
	}
	section {
		float: left;
		width: 80%;
	}
	aside {
		float: right;
		width: 15%;
	}
	nav {
		overflow: hidden;
	}
	nav ul {
		list-style-type:none;
		float:left;
		padding:0px;
		margin-top:0px;
		margin-bottom:0px;
	}
	nav ul li {
		float:left;
		padding:3px 10px;
		margin:1px;
		background:gray;
		-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;
	}
    
    nav ul li:hover 
    {
        background:black;
    }
    
    .actual
    {
         background:black;
    }
	nav ul li a {
	    text-decoration:none;
	    color:White
	}
	
	/* Contenedor de cuadros */
	.Contenedor_Cabezal
	{
	    border-bottom-style: solid; 
	    border-bottom-width: 1px; 
	    border-bottom-color: #C0C0C0; 
	    height: 118px
	}
	.cuadros_contenedor
	{
	    width:100%;
	    height:auto;
	    margin-top:10px;
	}
	
	.cuadros_izquierdo
	{
	    float:left;
	    width:385px;
	    height:232px;
	}
	
	.cuadros_derecho
	{
	    float:right;
	    width:385px;
	    height:232px;
	}
	
	.cuadros_cortina_izquierda
	{
	    float:left;
	    margin-right:1px;
	    border:1px solid #C0C0C0;
	    width:180px;
	    height:auto;
	    padding:2px;
	}
	.cuadros_cortina_derecha
	{
	    float:right;
	    margin-right:1px;
	    border:1px solid #C0C0C0;
	    width:180px;
	    height:auto;
	    padding:2px;
	    
	}
	
	.cuadros_titulo
	{
	    position:relative;
	    top: -10px;
	    border-style:none;
	    text-align:center;
	    width:85%;
	    margin:0 auto;
	    z-index:3;
	    background-color: #FFFFFF;
	    color: #3366CC;
	    font-weight:bold;
	}
	
	.cuadros_imagenytexto
	{
	    height:160px;
	    width:100%;
	}
	.cuadros_imagen
	{
	    float:left;
	    height:160px;
	    width:27%;
	    margin:0 auto;
	    text-align:center;
	}
	.cuadros_texto
	{
	    float:right;
	    height:160px;
	    width:68%;  
	}
	
	.cuadros_solo_texto
	{
	   height:160px;
	   width:100%;  
	}
	.cuadros_boton
	{
	    width:50%;
	    margin:0 auto;
	    background-color: #C0C0C0;
	    font-size: 15px; 
	    color: #FFFFFF; 
	    text-align: center;
	    margin-top:10px;
	    margin-bottom:10px;
	}
	
	.cuadros_enlace
	{
	    text-decoration:none;
	}
	
	.cuadros_imagen_cortina
	{
	    vertical-align:middle;
    height: 149px;
    width: 35px;
}
	
	.central
	{
	    width:100%;
	}
	
	.parrafo
	{
	    width:100%;
	}
	.parrafo3
	{
	    width:100%;
	    clear:both;
	}
	
	.parrafo_imagen
	{
	    width:25%;
	    float:right;
	    text-align:center;
	    height:374px;
	    margin-bottom:30px;  
	    box-shadow: 2px 2px 5px #999;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
    }
	.parrafo_texto
	{
	    width:71%;
	    float:left;    
	}
	
	.parrafo_imagen_album
	{
	    margin:0 auto;
	    text-align:center;
	    margin-bottom:30px;
	    float:left;
	    width:60%;
	    box-shadow: 2px 2px 5px #999;
	}
	
	.parrafo_imagen_montaje
	{
	    margin:0 auto;
	    text-align:center;
	    margin-bottom:30px;
	    margin-right:15px;
	    float:left;
	    width:auto;
	    box-shadow: 2px 2px 5px #999;
	}
	
	.parrafo_texto_album
	{
	    float:right;
	    width:auto;
	}
		
	.parrafo_texto_album
	{
	    float:right;
	}
	.parrafo_comentarios
	{
	    width:100%;
	    clear:both;
	    margin-bottom:20px;
	}
	    
	
	footer {
		margin:10px;
		text-align:center;
		clear:both;
		border: 1px solid grey;
	}
	
	
	/* Estilos para los modelos de cortinas */
	
   .cortinas_modelo{
        margin-right:1px; 
        float:left; 
        width: 300px; 
        height: 190px; 
        z-index:2;
        border-left:1px solid black; 
        padding-left:5px;
   }
   .cortinas_contenedor{
        border : 1px solid #C0C0C0;
        padding: 2px;
        width: 100%; 
        height: 192px; 
        z-index:2
   }    
	
   .cortinas_imagen{
        height: 150px; 
        float:left; 
        width:47px;
        text-align:center;
   }
   
    .cortinas_imagen_70{
        height: 150px; 
        float:left; 
        width:70px;
        text-align:center;
   }
   
   .cortinas_imagen_90{
        height: 150px; 
        float:left; 
        width:90px;
        text-align:center;
   }
   .cortinas_numero
   {
       height: 38px; 
       float:left; 
       width:47px; 
       text-align:center; 
       font-weight: bold
   }
   
    .cortinas_numero_70
   {
       height: 38px; 
       float:left; 
       width:70px; 
       text-align:center; 
       font-weight: bold
   }
   
     .cortinas_numero_90
   {
       height: 38px; 
       float:left; 
       width:90px; 
       text-align:center; 
       font-weight: bold
   }
   .cortinas_cortina_montada
   {
       margin-right:1px; 
       margin:0 auto;
       float:left; 
       width: 19%; 
       height: 190px; 
       text-align: center;
       border-left:1px solid black; 
   }
    .cortinas_cortina_montada_montantes
   {
       margin-right:1px; 
       margin:0 auto;
       float:left; 
       width: 19%; 
       height: 190px; 
       text-align: center;
       border-left:1px solid black; 
   }
   .cortinas_montantes
   {
       margin-right:1px; 
       float:left;
       width: 19%; 
       height: 190px; 
       z-index:2; 
       text-align: center;
   }
   .cortinas_datos
   {
       padding: 2px; 
       margin-right:1px; 
       float:left; 
       width: 300px; 
       height: 190px; 
       z-index:2;
      
   } 
   .cortinas_datos_modelo
   {
       margin: 0px; 
       padding: 0px; 
       border-color: #000000; 
       border-width: 1px; 
       float:left; 
       width:90px; 
       background-color: #C0C0C0; 
       text-align: center; 
       height: 58px;
   }  
   .cortina_datos_precio
   {
       font-size:25px; 
       color: maroon;
       padding: 0px; 
       margin: 0px;
   }
   .cortinas_datos_botones
   {
       float:right; 
       width:190px; 
       height:58px;
       margin:0 auto;
   }
   .cortinas_datos_botones_boton
   {
       width: 178px;
       height:30px;
   }
   .cortinas_datos_datos
   {
    padding-top: 10px; 
    float: left;
   }
   .cortinas_datos_precio_parte_1
   {
        float:left; 
   }
   .cortinas_datos_precio_parte_2
   {
        float:left; 
        margin-top:10px;
   }
   .cortinas_datos_precio_parte_3
   {
        float:left; 
        margin-top:17px;
        margin-left:12px;
    width: 86px;
}

 .cortinas_boton_pedir
   {
        background:gray;
		-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;
		 color:White;
		 Height:34px;
		 Width:165px;
		 
   }
    
   
   
   
   /* Mosquiteras */
   
   .cuadros_texto_mosquiteras
	{
	    height:66px;
	    width:100%;  
	}
	
	 .cuadros_texto_mosquiteras_2
	{
	     
	    width:100%;  
	    display:block;
	    
	}
   
    .cuadros_imagen_mosquiteras
	{
	    height:105px;
	    width:120px;
	    margin:0 auto;
	    text-align:center;
	}
   
   
   .parrafo_imagen_mosquitera
	{
	    width:25%;
	    float:right;
	    text-align:center;
	    height:450px;
	    margin-bottom:30px;  
	    margin-left: 10px;
        margin-right: auto;
        margin-top: 0;
    }
   
   .imagen_datos_enrollable
   {
    float:left;
    height:240px;
    width:auto;
    margin-right:10px;
   }
   
   .texto_datos_enrollable
   {
    float:left;
    height:auto;
    width:auto;
   }
   
   .Boton_Mosquitera
   {
       margin-top:10px;
   }
   
   .mosquitera_detalle
   {
        float:left;
        height:295px;
        width:auto;
        margin-right:10px;
        margin-top:20px;
        border:1px solid grey;
        text-align:center;
   }
    .mosquitera_detalle_foto
   {
        height:235px;
        width:185px;
        margin-right:5px;
        text-align:center;
   }
    .mosquitera_detalle_texto
   {
        height:22px;
        width:185px;
        text-align:center;
   }
    .mosquitera_detalle_boton
   {
        height:36px;
        width:185px;
        text-align:center;
   }
   
   .mosquitera_detalle_boton_Precio
   {
        height:20px;
        width:179px;
        margin-top:5px;
   }
   
   
   .mosquitera_titulo_catalogo
   {    clear:both; 
        margin-top: 40px; 
        background-color: #C0C0C0;
   }
  
     .mosquiteras_imagen_muestra{
        height: 95px; 
        float:left; 
        width:89px;
        text-align:center;
   }
   
   .mosquiteras_boton_volver
   {
        background:gray;
		-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;
		 color:White;
   }
   
    .mosquiteras_boton_precio_muestra
   {
        background:gray;
		-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;
		 color:White;
		 margin-top: 20px;
		 width: 130px;
		 height: 30px;
   }
   
   .mosquiteras_parrafo_texto_foto
	{
	    width:100%;
	}
	
	.msoquiteras_parrafo_imagen
	{
	    width:20%;
	    float:left;
	    margin-top:20px;    
	    margin-bottom:20px;
	}
	
	.msoquiteras_parrafo_texto
	{
	   float:left;    
	}
   
   /* Álbum Fotográfio */
    .album_contenedor_Fotografia{
        border : 1px solid #C0C0C0;
        padding: 2px;
        width: 100%; 
        height: 110px; 
        z-index:2;
        margin-bottom: 10px;
   }    
   
    .album_quien
    {
        width: 296px; 
        height: 110px; 
        float: left; 
        margin-right: 20px; 
        border-right-color: #C0C0C0; border-right-style: solid; border-right-width: thin;
    }
    
    .album_texto
    {
        float: left; 
        width: 70px; 
        height: 110px;
    }
    
    .album_datos
    {
        float: left; 
        width: 115px; 
        height: 110px; 
        border-right-style: solid; border-right-width: thin; border-right-color: #C0C0C0;
    }
    
    
    .album_foto
    {
         float: right; 
         width: 84px; 
         height: 110px; 
         margin-right: 10px; 
         margin-left: 10px;
    }
    
    .album_foto_detalle
    {
        text-align: center; 
         margin:0 auto;
         clear:both;
         margin-bottom:20px;
    }
    
    .album_comentarios
    {
        height: 110px; 
        margin-left: 10px;
    }
    
	/* Estilos para detalle de tiras */
    
    .cortinas_detalle_texto_T1
    {
       
        width: 300px; 
        float:left; 
        height: 100px; 
        display:table;
    }
    
     .cortinas_detalle_texto_T2
    {
       
        width: 300px; 
        float:left; 
        height: 71px; 
        display:table;
    }
    
     
     .cortinas_detalle_texto_T3
    {
       
        width: 300px; 
        float:left; 
        height: 50px; 
        display:table;
        border:1px;
    }
    
    .cortinas_detalle_texto_normal_T1
    {
        display: table-cell; 
        vertical-align:middle;
    }
	.cortinas_detalle_texto_resaltado_T1
	{
	 
	    color: #800000;
        font-size:1.3em;
        font-weight: bold;
        
	}
	
	.cortinas_detalle_imagen_T1
	{

	    width: 500px; 
	    float:left;
	 
	}
    
    /* Estilos para detalle de las cortinas  */
    .cortinas_detalle_cortinas
    {
          margin:0 auto;
          text-align: center; 
          
    }
    
     
     .cortinas_montadas_imagen
     {
         float:right;
         width:300px;
     }
     
      .cortinas_montadas_selectores
      {
          float:left;
          width:300px;
          margin-right:15px;
          margin-bottom:15px;
      }
      
      .cortinas_montadas_selectores_Texto
      {
          float:left;
          width:140px;
      }
      .cortinas_montadas_selectores_combos
      {
          float:right;
          width:150px;
      }
     
     
     
       
	/* para 980px o menos */
	@media screen and (max-width:980px) {
		.container {
			width:98%;
		}
		section {
			width:73%;
		}
		.cuadros_derecho
	    {
	        float:none;
	    }
	    .menu_lateral2
        {
        margin-top:20px;
        } 
        .cortinas_cortina_montada
        {
            display:none;
        }
		
	}


    /* para 870px o menos */
	@media screen and (max-width:870px) {
		.cortinas_cortina_montada,.cortinas_cortina_montada_montantes
        {
            display:none;
        }
             .cortinas_detalle_texto_T1
        {
            width: auto; 
            height: auto;
            margin-top: 20px;
        }
		
	}



	/* para 715px o menos */
	@media screen and (max-width:715px) {
		aside,section {
			float:none;
			width:96%;
		}
		nav, section {
			font-size:1em;
		}
		aside {
			margin-top:5px;
		}
		nav ul {
			float:none;
			clear:both;
		}
		{
        margin-top:20px;
        } 
      
	}

     /* para 650px o menos */
	@media screen and (max-width:650px) {
		.cortinas_datos
        {
          border-top:3px solid black;
          padding-top:5px;
        }
          .cortinas_modelo
        {
           border-left:none; 
        }
         .cortinas_contenedor
        {
          border:none;
        }
        
        nav, section {
			font-size:1em;
		}
		
	}


	/* para 480px o menos */
	@media screen and (max-width:480px) {
		
		nav, section {
			font-size:0.9em;
			font-family:Arial;
		}
		section {
			width:94%;
		}
		nav ul {
			float:left;
			clear:none;
			width:50%;
		}
		nav ul li {
			float:none;
			height: 26px;
		}
		.cuadros_izquierdo, .cuadros_derecho, .cuadros_imagen, .cuadros_texto, .cuadros_solo_texto
	    {
	        height:auto;
	    }
	
	
	    .cuadros_izquierdo, .cuadros_derecho
	    {
	    	    width:376px;
	    }
	
	    .cuadros_imagenytexto
	    {
	        height:180px;
	    }
	    .parrafo_texto
	    {
	        float:none;
	        width:100%
	    }
	    .parrafo_imagen
	    {
	        display:none;
	    }
	    nav ul li {
		     margin-bottom:5px;
	    }
	    
	     .album_comentarios
	     {
	         display:none;
	     }
	     
	     #Panel1_Datos_Izquierda 
	     {
	         border:1px solid gray;
	         padding:5px;
	     }
         #Panel_Pedidos_Titulo_Texto
        {
            border-bottom:1px solid gray;
        }
           
        #Panel_Pedidos_Titulo_Foto
        {
            border-bottom:1px solid gray;
        }
       
	}