@charset "utf-8";
/* CSS Document */
/*	Inicio menu aside*/
aside {
	float:left;
	width:1000px;
	/*	background-image: url(../img/sub-menu3.jpg);*/
	background-repeat: no-repeat;
	background-position: 135px 0px;
	background-color: #FFF;
	height: 500px;

	}
/*	-------------------------*/
	/*	Aside Isquerda*/
.aside-izqerda{
	float: left;
	height: 500px;
	width: 130px;
	background-image: url(../img/oficinas.png);
}

.aside-smail-izqerda{
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	background-image: url(../img/canto-i.png);
	background-repeat: no-repeat;
	text-align: center;
	float: right;
	height: 50px;
	width: 140px;
	border-radius:7px 0px 0px 25px;
	padding-top: 12px;
	cursor:pointer;
	font-size: 15px;
		}
		
.aside-izqerda p{
	text-align:center;
	background-color: #FFF;
	height: auto;
	width: 130px;
	float:right;
	border-radius:5px 5px 5px 5px;
	box-shadow:0px 10px 20px #000;
		}
.aside-izqerda-menu1{	

	height:50px;
	width: 140px;
	margin-top: 50px;
    outline: none;
	overflow: hidden;
	float:right;
	transition: height 2s;
	-webkit-transition: height 2s;
	-moz-transition: height 2s;
	-ms-transition: height  2s;
	-o-transition: height 2s;
	cursor: default;
	}
.aside-izqerda-menu1:focus{
	height:270px;
	}
.aside-izqerda-menu2{

	height: 50px;
	width: 140px;
	margin-top: 30px;
	outline: none;
	overflow: hidden;
	float:right;
	transition: height 2s;
	-webkit-transition: height 2s;
	-moz-transition: height 2s;
	-ms-transition: height  2s;
	-o-transition: height 2s;
	cursor: default;
	}
.aside-izqerda-menu2:focus{
	height:270px;
	}
.aside-izqerda-menu3{
	height: 50px;
	width: 140px;
	margin-top: 30px;
	outline: none;
	overflow: hidden;
	float:right;
	transition: height 2s;
	-webkit-transition: height 2s;
	-moz-transition: height 2s;
	-ms-transition: height  2s;
	-o-transition: height 2s;
	cursor: default;
	}
.aside-izqerda-menu3:focus{
	height:270px;
	}		
/*   -------------------------*/	

/*	aside Derecha*/	
.aside-derecha{
	height: 500px;
	width: 130px;
	float: left;
	background-image: url(../img/oficinas2.png);
	}
.aside-derecha p{
	text-align:center;
	background-color: #FFF;
	height: auto;
	width: 130px;
	float: left;
	border-radius:5px 5px 5px 5px;
	box-shadow:0px 10px 20px #000;
		}
.telefonoDecontacto{
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #F00;
	}			
.aside-smail-derecha{
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: #FFF;
	background-image: url(../img/canto-d.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 5px;
	float: left;
	height: 50px;
	width: 140px;
	border-radius:0px 7px 25px 0px;
	padding-top: 12px;
	cursor:pointer;
	font-size: 15px;
		}	
.aside-derecha-menu1{
	height: 50px;
	width: 140px;
	margin-top: 50px;
	overflow: hidden;
	outline: none;
	float: left;
	transition: height 2s;
	-webkit-transition: height 2s;
	-moz-transition: height 2s;
	-ms-transition: height  2s;
	-o-transition: height 2s;
	cursor: default;
	}
.aside-derecha-menu1:focus{
	height:300px;
	}
.aside-derecha-menu2{
	height: 50px;
	width: 140px;
	margin-top: 30px;
	overflow: hidden;
	outline: none;
	float: left;
	transition: height 2s;
	-webkit-transition: height 2s;
	-moz-transition: height 2s;
	-ms-transition: height  2s;
	-o-transition: height 2s;
	cursor: default;
	}
.aside-derecha-menu2:focus{
	height:270px;
	}
.aside-derecha-menu3{
	height: 50px;
	width: 140px;
	margin-top: 30px;
	overflow: hidden;
	outline: none;
	float: left;
	transition: height 2s;
	-webkit-transition: height 2s;
	-moz-transition: height 2s;
	-ms-transition: height  2s;
	-o-transition: height 2s;
	cursor: default;
	}
.aside-derecha-menu3:focus{
	height:270px;
	}		
	
/*	--------------------------*/
/*	Aside Isquerda*/	
.aside-centre{
	float: left;
	height: 500px;
	width: 740px;
	
	}	
aside h3{
    margin-top:9px;
/*	margin-left:10px;*/
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #000;
	}	

/*Sub menu Inicio*/
.menu-pley{
	/*	350*/
	height: 400px;
	width: 700px;
	/*	padding-right: 25px;
	padding-left: 25px;*/
	border-radius:10px 10px 0px 0px;
	background-color: #FFF;
	padding-top: 10px;
	box-shadow:0px 10px 20px #000;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	}
	
/*Inicio menu slaid*/
#slaid{
	margin-left:50px;
	margin-top:-10px;
	
	height: 330px;
	width: 600px;
	border-radius:5px 5px 5px 5px;
	background-color: #000;
	
	}

			

/*	Inicio Slicitud presupuesto*/
.solicitud{
	height:50px;
	width: 700px;
	text-align:center;
	background-color: #FFF;
	border-radius:0px 0px 10px 10px;
	margin-top:auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	box-shadow:0px 10px 20px #000;
	padding-top:10px;
	}			
aside ul.solicitud-menu{
	margin-top:10px;
	list-style:none;	
	}
aside ul.solicitud-menu li{
/*	margin-top:30px;*/
		}
aside ul.solicitud-menu li a{
	margin-right:40px;
	/*	text-align:center;*/
	text-decoration:none;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
		}
/*Formularo div Flotante	*/
#formulario {
	height: 544px;
	width: 700px;
	position: absolute;
	top: 140px;
    left: 50%;
    margin-left: -350px;
	
	
	box-shadow:0px 8px 5px #000;
	border-radius:5px 5px 5px 5px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #D6D6D6;
	/*FireFox Opera*/
	opacity: .95;
	visibility: hidden;
	filter: Alpha(Opacity=90);
}
#formulario p{
	padding-top: center center;
	font-size: 18px;
	font-weight: bold;
	text-transform: capitalize;
	color: #F00;
	}
#derecha{
	margin: 10px;
	float: right;	
	}

#formulario a:link {
	color: #FFF;
	text-decoration:none;
	font-weight: bold;
	text-transform: capitalize;
}




		
		
		
article, aside, div, dt, figcaption, footer, form, header, hgroup, html, nav, section {
    display: block;
}
address, address[dir], article, article[dir], aside, aside[dir], blockquote, blockquote[dir], body, body[dir], caption, caption[dir], center, center[dir], col, col[dir], colgroup, colgroup[dir], dd, dd[dir], dir, dir[dir], div, div[dir], dl, dl[dir], dt, dt[dir], fieldset, fieldset[dir], figcaption, figcaption[dir], figure, figure[dir], footer, footer[dir], form, form[dir], h1, h1[dir], h2, h2[dir], h3, h3[dir], h4, h4[dir], h5, h5[dir], h6, h6[dir], header, header[dir], hgroup, hgroup[dir], hr, hr[dir], html, html[dir], legend, legend[dir], li, li[dir], listing, listing[dir], marquee, marquee[dir], menu, menu[dir], nav, nav[dir], noframes, noframes[dir], ol, ol[dir], p, p[dir], plaintext, plaintext[dir], pre, pre[dir], section, section[dir], summary, summary[dir], table, table[dir], tbody, tbody[dir], td, td[dir], tfoot, tfoot[dir], th, th[dir], thead, thead[dir], tr, tr[dir], ul, ul[dir], xmp, xmp[dir] {
    unicode-bidi: -moz-isolate;
}
address, address[dir], article, article[dir], aside, aside[dir], blockquote, blockquote[dir], body, body[dir], caption, caption[dir], center, center[dir], col, col[dir], colgroup, colgroup[dir], dd, dd[dir], dir, dir[dir], div, div[dir], dl, dl[dir], dt, dt[dir], fieldset, fieldset[dir], figcaption, figcaption[dir], figure, figure[dir], footer, footer[dir], form, form[dir], h1, h1[dir], h2, h2[dir], h3, h3[dir], h4, h4[dir], h5, h5[dir], h6, h6[dir], header, header[dir], hgroup, hgroup[dir], hr, hr[dir], html, html[dir], legend, legend[dir], li, li[dir], listing, listing[dir], marquee, marquee[dir], menu, menu[dir], nav, nav[dir], noframes, noframes[dir], ol, ol[dir], p, p[dir], plaintext, plaintext[dir], pre, pre[dir], section, section[dir], summary, summary[dir], table, table[dir], tbody, tbody[dir], td, td[dir], tfoot, tfoot[dir], th, th[dir], thead, thead[dir], tr, tr[dir], ul, ul[dir], xmp, xmp[dir] {
    unicode-bidi: -o-isolate;
}
address, address[dir], article, article[dir], aside, aside[dir], blockquote, blockquote[dir], body, body[dir], caption, caption[dir], center, center[dir], col, col[dir], colgroup, colgroup[dir], dd, dd[dir], dir, dir[dir], div, div[dir], dl, dl[dir], dt, dt[dir], fieldset, fieldset[dir], figcaption, figcaption[dir], figure, figure[dir], footer, footer[dir], form, form[dir], h1, h1[dir], h2, h2[dir], h3, h3[dir], h4, h4[dir], h5, h5[dir], h6, h6[dir], header, header[dir], hgroup, hgroup[dir], hr, hr[dir], html, html[dir], legend, legend[dir], li, li[dir], listing, listing[dir], marquee, marquee[dir], menu, menu[dir], nav, nav[dir], noframes, noframes[dir], ol, ol[dir], p, p[dir], plaintext, plaintext[dir], pre, pre[dir], section, section[dir], summary, summary[dir], table, table[dir], tbody, tbody[dir], td, td[dir], tfoot, tfoot[dir], th, th[dir], thead, thead[dir], tr, tr[dir], ul, ul[dir], xmp, xmp[dir] {
    unicode-bidi: -webkit-isolate;
}
address, address[dir], article, article[dir], aside, aside[dir], blockquote, blockquote[dir], body, body[dir], caption, caption[dir], center, center[dir], col, col[dir], colgroup, colgroup[dir], dd, dd[dir], dir, dir[dir], div, div[dir], dl, dl[dir], dt, dt[dir], fieldset, fieldset[dir], figcaption, figcaption[dir], figure, figure[dir], footer, footer[dir], form, form[dir], h1, h1[dir], h2, h2[dir], h3, h3[dir], h4, h4[dir], h5, h5[dir], h6, h6[dir], header, header[dir], hgroup, hgroup[dir], hr, hr[dir], html, html[dir], legend, legend[dir], li, li[dir], listing, listing[dir], marquee, marquee[dir], menu, menu[dir], nav, nav[dir], noframes, noframes[dir], ol, ol[dir], p, p[dir], plaintext, plaintext[dir], pre, pre[dir], section, section[dir], summary, summary[dir], table, table[dir], tbody, tbody[dir], td, td[dir], tfoot, tfoot[dir], th, th[dir], thead, thead[dir], tr, tr[dir], ul, ul[dir], xmp, xmp[dir] {
    unicode-bidi: -ms-isolate;
}