/* Plantilla de Estilo págnia oficial ALSA Carpentería de Aluminos - Diseñada y Programada por NorTrafic*/
/* www.alsaaluminios.com - www.nortrafic.com*/


/*///////////////////////////////////////////ALSA CARPINTERIA DE ALUMINO/////////////////////////////////////////////////////////////////*/

/*ESTRUCTURA PRINCIPAL*/

img
{
	border:0px;
}

body
{
	background-color: white;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;

}

#cuerpoweb
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
}

#head
{
	width: 960px;
	height: 100px;
	background-color: #3366FF;
}

#logo
{
	position:relative;
	display:inline-block;
	padding-top:0px;
	margin:0px;
	top:10px;
	left:10px;
}

#texthead
{	
	position:relative;
	display:inline-block;
	font-family: MyCustomFont;
	color:white;
	font-size:x-small;	
	text-align:right;
	top:5px;
	margin-right:10px;
	width:650px;
}

#texthead a
{	
	position:relative;
	display:inline-block;
	font-family: MyCustomFont;
	color:white;
	font-size:x-small;	
	text-align:right;
	text-decoration:none;
}

#footer
{
	width: 960px;
	height: 100px;
	background-color: white;
	position: relative;
	border-top: 1px #C0C0C0 solid;
	padding:0px;
	margin:0px;
}

.linksfooter
{
	background-color:white;
	width:960px;
	height:25px;
	margin:0px;
	padding:0px;
	vertical-align:middle;
}

.linksfooter li /*En esta parte modificamos el estilo de la lista de los enlaces del footer*/
{
	float:left;
	display:block;
	list-style:none;
	position:relative;
	left:10px;
	padding-right:60px;
	line-height:20px;
}

.linksfooter a /*En esta parte modificamos el estilo de los enlaces del footer*/
{
	position:relative;
	display:inline-block;
	font-family: MyCustomFont;
	color:#C0C0C0;
	font-size:small;
	text-decoration:none;
}

.textfooter /*Este es el texto que aparece en el footer*/
{	
	position:relative;
	display:inline-block;
	font-family: MyCustomFont;
	color:#C0C0C0;
	font-size:x-small;	
	text-align:justify;
	text-decoration:none;
	margin:0px 10px 0px 10px;
}

.textfooter a /*Este es el texto que aparece en el footer para el nombre de la empres*/
{
	position: relative;
	display: inline-block;
	font-family: MyCustomFont;
	color: #3366FF;
	font-size: x-small;
	text-align: justify;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
}

/*////////////////////////////////////////////////////////////////BARRA DE MENUS///////////////////////////////////////////////////////////////*/

#menubar
{
	background-color: white;
	width: 960px;
	height: 30px;
	margin:0px;
	padding:0px;
}

.menu
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 960px;
	height: 30px;
	background-color: white;
}

.menu br
{
	display:none;
}

.menu li
{
	display: block;
    float: left; /* la lista se ve horizontal */
    height: 30px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    position: relative;
   	background-color: #C0C0C0;
   	width:140px;
   	margin-right:20px;
   	left:10px;
}

.menu li a
{
	color: white;
	display: block;
	line-height: 20px;
	font-family: MyCustomFont;
	font-size: 15px;
	text-decoration: none;
	text-align:center;
	padding: 0px 8px 0px 8px;
	margin: 5px 0px 5px 0px;
}

 /* efecto hover cambia el color del objeto del menu al pasar el mouse */
.menu li:hover 
{
	background-color: #3366FF;
}

/*Este efecto produce que el menu que tengo activo se quede marcado en azul*/
.menu li.menupulsado
{
	background-color: #3366FF;
}

/*///////////////////////////////////////////////////////////////////FIN DE CSS MENU PRINCIPAL//////////////////////////////////////////////////////////////*/

#menuindex
{
	position:relative;
	display:inline-block;
	margin:10px 0px 0px 0px;
	padding:0px;
	width:960px;
	height:20px;
	font-family: MyCustomFont;
	color:black;
	font-size:small;
	text-align:right;

}

#menuindex a
{
	font-family: MyCustomFont;
	color:black;
	font-size:small;
	text-align:right;
	text-decoration:none;
	padding:0px 10px 0px 0px;

}


#seccion1
{
	position:relative;
	display:inline-block;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:960px;
	height:195px;
	vertical-align:top;
}

#menulat
{
	margin:0px;
	padding:0px;
	position:relative;
	display:inline-block;
	height:195px;
	width:170px;
	vertical-align:top;
}

.lateralmenu
{
	margin:0px;
	padding:0px;
	display:inline-block;
	position:relative;
	background-color:white;
	list-style:none;
	font-family: MyCustomFont;
	font-size:small;
	line-height:24px;
	height:195px;
	width:170px;
}

.lateralmenu a
{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
	text-decoration: none;
	color: black;
	border-bottom: thin #3366FF solid;
	border-left: thick #3366FF solid;
}

.lateralmenu a:hover
{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
	text-decoration: none;
	color: black;
	border-bottom: thin #C0C0C0 solid;
	border-left: thick #C0C0C0 solid;
}

.lateralmenu a.menulatpulsado
{
	border-bottom: thin #3366FF solid;
	border-left: thick #3366FF solid;
	background-color:#3366FF;
	color:white;
}

#banner
{
	position:relative;
	display:inline-block;
	padding:0px;
	margin:0px;
	width:780px;
	height:190px;
	top:5px;
	left:-4px;
}

#fotobanner1
{
	position:relative;
	display:inline-block;
	opacity:1;
	margin:0px;
	padding:0px;
	vertical-align:top;
}

#fotobanner2
{
	position:relative;
	display:inline-block;
	left:0px;
	top:-190px;
	opacity:1;
	margin:0px;
	padding:0px;
	vertical-align:top;
}

#seccion2
{
	position:relative;
	display:inline-block;
	margin:40px 0px 0px 0px;
	padding:0px;
	width:960px;
	height:410px;
	vertical-align:top;
}

/*///////////////////////////////////////////////////////MENU INDEX ICONOS////////////////////////////////////////////////////////*/

.indexiconA
{
	position:relative;
	display:inline-block;
	width:960px;
	height:195px;
	background-image:url('imagenes/indexiconA.png');
}

#iconventanas
{
	position:relative;
	display:inline-block;
	left:9px;
	width:221px;
	height:190px;
}

#iconventanas:hover
{
	background-image:url('imagenes/indexiconAhover.png');
	background-position:-9px 0px;
}

#iconpuertas
{
	position:relative;
	display:inline-block;
	left:24px;
	width:221px;
	height:190px;
}

#iconpuertas:hover
{
	background-image:url('imagenes/indexiconAhover.png');
	background-position:-249px 0px;
}

#iconmamparas
{
	position:relative;
	display:inline-block;
	left:39px;
	width:221px;
	height:190px;
}

#iconmamparas:hover
{
	background-image:url('imagenes/indexiconAhover.png');
	background-position:-489px 0px;
}

#iconmosquiteras
{
	position:relative;
	display:inline-block;
	left:54px;
	width:221px;
	height:190px;
}

#iconmosquiteras:hover
{
	background-image:url('imagenes/indexiconAhover.png');
	background-position:-729px 0px;
}

.indexiconB
{
	position:relative;
	display:inline-block;
	width:960px;
	height:195px;
	background-image:url('imagenes/indexiconB.png');
	top:20px;
}

#iconarmarios
{
	position:relative;
	display:inline-block;
	left:9px;
	width:221px;
	height:190px;
}

#iconarmarios:hover
{
	background-image:url('imagenes/indexiconBhover.png');
	background-position:-9px 0px;
}

#iconcerramientos
{
	position:relative;
	display:inline-block;
	left:24px;
	width:221px;
	height:190px;
}

#iconcerramientos:hover
{
	background-image:url('imagenes/indexiconBhover.png');
	background-position:-249px 0px;
}

#iconpersianas
{
	position:relative;
	display:inline-block;
	left:39px;
	width:221px;
	height:190px;
}

#iconpersianas:hover
{
	background-image:url('imagenes/indexiconBhover.png');
	background-position:-489px 0px;
}

#iconrotura
{
	position:relative;
	display:inline-block;
	left:54px;
	width:221px;
	height:190px;
}

#iconrotura:hover
{
	background-image:url('imagenes/indexiconBhover.png');
	background-position:-729px 0px;
}

/*///////////////////////////////////////////////////////FIN MENU INDEX ICONOS////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////SECCIÓN 3 TRABAJOS DESTACADOS////////////////////////////////////////////////////////*/

#seccion3
{
	position:relative;
	display:inline-block;
	margin:40px 0px 40px 0px;
	width:960px;
	height:195px;
	padding:0px;
}

#tagslist
{
	margin:0px;
	display:inline-block;
	position:relative;
	width:920px;
	height:30px;
	list-style-type:none;
	vertical-align:middle;
	left:10px;
	background-color:white;
}

#tagslist li
{
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	display: inline-block;
	position: relative;
	width: 30px;
	height: 30px;
	background-color:#C0C0C0;
	text-align:center;
	left:-40px;
}
 
#tagslist li#activetag1
{
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	display: inline-block;
	position: relative;
	width: 30px;
	height: 30px;
	background-color:#C0C0C0;
	text-align:center;
	left:-40px;
}

#tagslist li#activetag2
{
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	display: inline-block;
	position: relative;
	width: 30px;
	height: 30px;
	background-color:#C0C0C0;
	text-align:center;
	left:-40px;
}

#tagslist li#activetag3
{
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	display: inline-block;
	position: relative;
	width: 30px;
	height: 30px;
	background-color:#C0C0C0;
	text-align:center;
	left:-40px;
}

#tagslist li#activetag4
{
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	display: inline-block;
	position: relative;
	width: 30px;
	height: 30px;
	background-color:#C0C0C0;
	text-align:center;
	left:-40px;
}

#tagslist li.titletags
{
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 4px 0px 0px 0px;
	display: inline-block;
	position: relative;
	width: 220px;
	height: 26px;
	background-color:#C0C0C0;
	text-align: center;
	color:white;
	font-family: MyCustomFont;
	vertical-align:middle;
}

.tagselector
{
	display: inline-block;
	position: relative;
	margin: 0px;
	padding: 4px 0px 0px 0px;
	color:white;
	text-decoration:none;
	font-family: MyCustomFont;
	vertical-align:middle;
}

#tagcontainer
{
	width:960px;
	height:145px;
	margin-top:20px;
	margin-left:10px;
	opacity:0;
}

#tagworkimage
{
	margin:0px;
	padding:0px;
	position:relative;
	display:inline-block;
	width:193px;
	height:145px;
}

#tagworktext
{
	position:relative;
	display:inline-block;
	left:10px;
	vertical-align:top;
	font-family: MyCustomFont;
	font-size:small;
	width:733px;
	height:120px;
	text-align:justify;
	padding-right:10px;
	line-height:18px;
}

#tagworktext a
{
	text-decoration:none;
	color:#3366FF;
	font-size:x-small;
	display:inline-block;
	position:relative;
	top:-5px;
}

#autortag
{
	position:relative;
	display:inline-block;
	left:26px;
	top:-13px;
	visibility:hidden;
	font-size:xx-small;
	border:thin #CCCCCC solid;
	border-radius:5px;
	background-color:#E4E4E4;
	width:160px;
	height:20px;
	padding-top:4px;
	text-align:center;
	vertical-align:middle;
	font-family: MyCustomFont;
}

/*/////////////////////////////////////////////////////// FIN DE SECCIÓN 3 TRABAJOS DESTACADOS////////////////////////////////////////////////////////*/

#validatorw3
{
	margin-left:auto;
	margin-right:auto;
	position:relative;
	padding-left:775px;

}

#feedRSS
{
	position:relative;
	display:inline-block;
	left:530px;
	margin:1px;
}

/*////////////////////////////////////////////FIN DE LA DEFINICIÓN DE LA ESTRUCTURA PRINCIPAL//////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////INICIO DE LA DEFINICIÓN DE ESTILO DE LA SECCIÓN PRODUCTOS//////////////////////////////////////////////////////////////*/
h1
{
	background-color: #C0C0C0;
	color: white;
	font-family: MyCustomFont;
	font-size: x-large;
	font-weight: normal;
	width:935px;
	margin-left:10px;
	padding:2px 0px 2px 5px;
	margin-top:0px;
}

.textogeneral
{
	font-family: MyCustomFont;
	font-size: 14px;
	font-weight:normal;
	text-align:justify;
	margin-left:10px;
	width:940px;
	line-height:20px;
}

.listageneral
{
	font-family: MyCustomFont;
	font-size: 14px;
	font-weight:normal;
	text-align:justify;
	margin-left:10px;
	width:870px;
	list-style-type:square;
	line-height:20px;
}

#listageneral li
{
	margin-top:5px;
}

.textoremarcado
{
	color: black;
}

.botonazul
{
	font-family: MyCustomFont;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	background-color: #3366FF;
	color:white;
	padding:5px;
	position:relative;
	left:840px;
	top:10px;
}

.botonazul:hover
{
	background-color:#C0C0C0;
}
/*////////////////////////////////////////////FIN DE LA DEFINICIÓN DE ESTILO DE LA SECCIÓN PRODUCTOS//////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////INICIO DE LA DEFINICIÓN DE ESTILO DE LA SECCIÓN CONTACTO//////////////////////////////////////////////////////////////*/
#contactform
{
	position:relative;
	display:inline-block;
	width:700px;
	height:310px;
	left:10px;
}

#textcontact
{
	position:relative;
	display:inline-block;
	width:235px;
	height:290px;
	left:10px;
	margin:0px;
	padding:0px;
	border-left:thin #CCCCCC solid;
	vertical-align:top;
	font-family: MyCustomFont;
	color:black;
	font-size:small;
	padding-left: 10px;
	padding-top:5px;
	line-height:10px;
}

#textcontact a
{
	text-decoration:none;
	color:black;
}

#tablacontacto
{
	position:relative;
	display:inline-block;
	margin:0px;
	padding:0px;
	width:700px;
	height:310px;
	font-family: MyCustomFont;
	color:black;
	font-size:small;
}

#tablacontacto td
{
	height:25px;
}

.celdatitulo
{
	width:120px;
}

.celdainput
{
	width:220px;
}

/*////////////////////////////////////////////FIN DE LA DEFINICIÓN DE ESTILO DE LA SECCIÓN CONTACTO//////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////INICIO DE LA DEFINICIÓN DE ESTILO DE LA SECCIÓN COMPARADOR//////////////////////////////////////////////////////////////*/

#comparadorform
{
	position:relative;
	display:inline-block;
	margin:0px;
	padding:0px;
	width:940px;
	height:310px;
	left:10px;
}

.tablacerramiento
{
	position: relative;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	width: 466px;
	background-color: white;
	font-family: MyCustomFont;
	color: black;
	font-size: 14px;
	border: 1px #3366FF solid;
}

.tablacerramiento tr
{
	border:0px;
	margin:0px;
}

.tablacerramiento tr td
{
	padding-top:15px;
	border:0px;
	margin:0px;
}


.titulocerramiento
{
	text-align:center;
	background-color: #3366FF;
	color: white;
	font-size: medium;
	height: 20px;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

.tituloseleccion
{
	width:200px;
}

.trasnmitancia
{
	padding-bottom:15px;
}

#Uhueco1
{
	text-align:center;
}

#Uhueco2
{
	text-align:center;
}

#comparativa
{
	text-align:center;
	width:60px;
}

.textocerramientos
{
	font-family: MyCustomFont;
	font-size: 14px;
	font-weight:normal;
	text-align:justify;
	margin-left:0px;
	width:940px;
	line-height:20px;
}

.resenya
{
	font-size:small;
	color:black;
}

input[type=button]				/*///////ESTA DEFINICIÓN AFECTA AL COMPARADOR Y AL CONTACTO////////////////////*/
{
	background-color: #3366FF;
	color:white;
	border:0px;
	padding:2px;
	margin-right:2px;
}

input[type=button]:hover	
{
	background-color: #C0C0C0;
	color: white;
	border: 0px;
	padding: 2px;
	margin-right: 2px;
	cursor: pointer;
}

input[type=reset]
{
	background-color: #3366FF;
	color:white;
	border:0px;
	padding:2px;
	margin-right:2px;
}

input[type=reset]:hover
{
	background-color: #C0C0C0;
	color: white;
	border: 0px;
	padding: 2px;
	margin-right: 2px;
	cursor: pointer;
}

input[type=submit]
{
	background-color: #3366FF;
	color:white;
	border:0px;
	padding:2px;
	margin-right:2px;
}

input[type=submit]:hover
{
	background-color: #C0C0C0;
	color: white;
	border: 0px;
	padding: 2px;
	margin-right: 2px;
	cursor: pointer;
}										/*///////ESTA DEFINICIÓN AFECTA AL COMPARADOR Y AL CONTACTO////////////////////*/


/*////////////////////////////////////////////FIN DE LA DEFINICIÓN DE ESTILO DE LA SECCIÓN COMPARADOR//////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////INICIO DE LA DEFINICIÓN DE ESTILO DE LA SECCIÓN GALERIA//////////////////////////////////////////////////////////////*/

#galeriacontainer
{
	position:relative;
	display:inline-block;
	margin:0px;
	padding:0px;
	width:940px;
	height:300px;
	left:10px;
}

#tiragaleria
{
	position:relative;
	display:inline-block;
	margin:0px;
	padding:0px;
	width:930px;
	left:10px;
	padding-left:0px;
	vertical-align:top;
}

.imagenpequena
{
	position: relative;
	display: inline-block;
	width: 128px;
	height: 96px;
	-moz-box-shadow:rgba(0,0,0,0.5)0px 1px 2px 1px;
	-webkit-box-shadow:rgba(0,0,0,0.5)0px 1px 2px;
	box-shadow:rgba(0,0,0,0.5)0px 1px 2px 1px;
}

.imagenpequena:hover
{
	position: relative;
	display: inline-block;
	width: 128px;
	height: 96px;
	-moz-box-shadow:rgba(0,0,0,0.1)0px 1px 2px 1px;
	-webkit-box-shadow:rgba(0,0,0,0.1)0px 1px 2px;
	box-shadow:rgba(0,0,0,0.1)0px 1px 2px 1px;
}

#botoneragaleria
{
	position: relative;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	width: 930px;
	height: 30px;
	left: 10px;
	top: 10px;
	padding-left: 10px;
	text-align:center;
	padding-top:7px;
}

.botongaleria
{
	position:relative;
	display:inline-block;
	background-color:#C0C0C0;
	font-family: MyCustomFont;
	font-size: 14px;
	text-decoration:none;
	width:25px;
	height:20px;
	text-align:center;
	color:white;
	padding-top:4px;
}

.botongaleria:hover
{
	position:relative;
	display:inline-block;
	background-color:#C0C0C0;
	font-family: MyCustomFont;
	color: black;
	font-size: 14px;
	text-decoration:none;
	width:25px;
	height:20px;
	text-align:center;
	padding-top:4px;
}

.botongaleriatitulo
{
	position:relative;
	display:inline-block;
	background-color:#C0C0C0;
	font-family: MyCustomFont;
	font-size: 14px;
	text-decoration:none;
	width:60px;
	height:20px;
	text-align:center;
	color:white;
	padding-top:4px;
}

/*////////////////////////////////////////////FIN DE LA DEFINICIÓN DE ESTILO DE LA SECCIÓN GALERIA//////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////INICIO DE LA DEFINICIÓN DE ESTILO DE LA SECCIÓN LOCALIZACION//////////////////////////////////////////////////////////////*/

#mapa
{
	position:relative;
	display:inline-block;
	margin:0px;
	padding:0px;
	width:700px;
	height:380px;
	left:10px;
	vertical-align:top;
}

#rutacontainer
{
	position:relative;
	display:inline-block;
	margin:0px;
	padding:0px;
	width:245px;
	height:380px;
	vertical-align:top;
}

#selectorruta
{
	position:relative;
	display:inline-block;
	margin:0px;
	padding:0px;
	width:245px;
	height:90px;
	vertical-align:top;	
}

#ruta
{
	position: relative;
	display: inline-block;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	width: 235px;
	height: 290px;
	vertical-align: top;
	font-family: MyCustomFont;
	color: black;
	font-size: x-small;
	overflow:auto;
}

#textruta
{
	position:relative;
	display:inline-block;
	width:235px;
	height:290px;
	left:5px;
	margin:0px;
	padding:0px;
	vertical-align:top;
	font-family: MyCustomFont;
	color:black;
	font-size:small;
	padding-left: 10px;
	padding-top:5px;
	line-height:10px;
}

/*////////////////////////////////////////////FIN DE LA DEFINICIÓN DE ESTILO DE LA SECCIÓN LOCALIZACION//////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////INICIO DE LA DEFINICIÓN DE ESTILO DE LAS PÁGINAS ABIERTAS CON WINDOWS.OPEN/////////////////////////////////////////////*/

.tablalegal
{
	position:relative;
	display:inline-block;
	font-family: MyCustomFont;
	color:black;
	font-size:14px;
	left:10px;
	line-height:20px;
}

.tablalegaltitulo
{
	width: 150px;
	color: black;
	font-weight:bold;
}

.sitemaplist
{
	position:relative;
	display:inline-block;
	font-family: MyCustomFont;
	color:black;
	font-size:14px;
	left:250px;
	line-height:20px;
	list-style-type:square;
}

#seccion2enotraventana
{
	position:relative;
	display:inline-block;
	margin:40px 0px 0px 0px;
	padding:0px;
	width:960px;
	height:800px;
	vertical-align:top;
}