@charset "utf-8";
body { margin:0; padding:0; width:100%; background:url(images/footer_bg.gif) }
html { padding:0; margin:0; }
/* container */
.container { width:100%; padding:0; margin:0 auto; background:url(images/footer_bg00.gif)}
/* main */
.main { width:100%; padding:0; margin:0 auto; background:#FFF}
/* main2 */
.main2 { width:100%; padding:0; margin:0 auto; background:#FFF}
/* main3 */
.main3 { width:100%; padding:0; margin:0 auto; background:#FFF}
/* cita */
.cita { margin:0; padding:0;width:820px; margin:0 auto; padding:10px 0; font:normal ; text-decoration:none; }

.cita h2 { font:normal 24px "Futura Bk BT"; color:#600; padding:15px 5px; margin:0; }
.cita h3 { font:normal 16px Georgia, "Times New Roman", Times, serif; color:#600; padding:15px 5px; margin:0; }
.cita span { font: normal 13px Tahoma, Geneva, sans-serif; color:#600;}
.cita_ p {
	font:normal 15px "Futura Bk BT";
	color:#600;
	padding:5px;
	margin:0;
	line-height:1.8em;}
.cita img.floated { float:left; margin:10px 15px 20px 0px; padding:0; }	

/* citaE */
.citaE { margin:0; padding:0;width:600px; margin:0 auto; padding:10px 0; font:normal ; text-decoration:none; }

.citaE h2 { font:normal 24px "Futura Bk BT"; color:#600; padding:15px 5px; margin:0; }
.citaE h3 { font:normal 16px Georgia, "Times New Roman", Times, serif; color:#600; padding:15px 5px; margin:0; }
.citaE span { font: normal 13px Tahoma, Geneva, sans-serif; color:#600;}
.citaE_ p {
	font:normal 15px "Futura Bk BT";
	color:#600;
	padding:5px;
	margin:0;
	line-height:1.8em;}
.citaE img.floated { float:left; margin:10px 15px 20px 0px; padding:0; }	

/* cita2 */
.cita2 { margin:0; padding:0;width:700px; margin:0 auto; padding:10px 0; font:normal ; text-decoration:none; }

.cita2 h2 { font:normal 24px "Futura Bk BT"; color:#600; padding:15px 5px; margin:0; }
.cita2 h3 { font:normal 16px Georgia, "Times New Roman", Times, serif; color:#600; padding:15px 5px; margin:0; }
.cita2 span { font: normal 15px "Futura Bk BT"; color:#600;}
.cita2_ p {
	font:normal 15px "Futura Bk BT";
	color:#600;
	padding:5px;
	margin:0;
	line-height:1.8em;}
.cita2 img.floated { float:left; margin:10px 15px 20px 0px; padding:0; }

/* cita2E */
.cita2E { margin:0; padding:0;width:810px; margin:0 auto; padding:10px 0; font:normal ; text-decoration:none; }

.cita2E h2 { font:normal 24px "Futura Bk BT"; color:#600; padding:15px 5px; margin:0; }
.cita2E h3 { font:normal 16px Georgia, "Times New Roman", Times, serif; color:#600; padding:15px 5px; margin:0; }
.cita2E span { font: normal 15px "Futura Bk BT"; color:#600;}
.cita2E_ p {
	font:normal 15px "Futura Bk BT";
	color:#600;
	padding:5px;
	margin:0;
	line-height:1.8em;}
.cita2E img.floated { float:left; margin:10px 15px 20px 0px; padding:0; }

/* cita3 */
.cita3 { margin:0; padding:0;width:1000px; margin:0 auto; padding:10px 0; font:normal ; text-decoration:none; }

.cita3 h2 { font:normal 24px "Futura Bk BT"; color:#600; padding:15px 5px; margin:0; }
.cita3 h3 { font:normal 16px Georgia, "Times New Roman", Times, serif; color:#600; padding:15px 5px; margin:0; }
.cita3 span { font: normal 15px "Futura Bk BT"; color:#600;}
.cita3_ p {
	font:normal 15px "Futura Bk BT";
	color:#600;
	padding:5px;
	margin:0;
	line-height:1.8em;}
.cita3 img.floated { float:left; margin:10px 15px 20px 0px; padding:0; }

/* cita3E */
.cita3E { margin:0; padding:0;width:1200px; margin:0 auto; padding:10px 0; font:normal ; text-decoration:none; }

.cita3E h2 { font:normal 24px "Futura Bk BT"; color:#600; padding:15px 5px; margin:0; }
.cita3E h3 { font:normal 16px Georgia, "Times New Roman", Times, serif; color:#600; padding:15px 5px; margin:0; }
.cita3E span { font: normal 15px "Futura Bk BT"; color:#600;}
.cita3E_ p {
	font:normal 15px "Futura Bk BT";
	color:#600;
	padding:5px;
	margin:0;
	line-height:1.8em;}
.cita3E img.floated { float:left; margin:10px 15px 20px 0px; padding:0; }


/* body */
.body_resize p span { font: bold 15px "Futura Bk BT"; color:#600;}
.body_resize p.testim { font:normal 15px "Futura Bk BT"; color:#600; padding:15px 10px; margin:0; line-height:1.8em; }
.body_resize img { margin:10px auto; padding:0; box-shadow: 2px 5px 15px #999;}
.body_resize img.floated { float:left; margin:10px 15px 20px 0px; padding:0; }
/********** header **********/
.header { background: url(images/header_bg2.gif) top repeat-x; padding:0; margin:0 auto;border-bottom:3px solid #FC0;}
.block_header { margin:0 auto; width:960px; padding:0; border:none; }
/* logo */
.logo { float:left; padding:0; margin:0; width:194px; }
.rss { float:right; width:210px; margin:0; padding:55px 0 0 0;}
.rss p {font:normal 15px "Futura Bk BT"; color: #FC3;  padding:3px 0 0 0; margin:0;}
.rss img { float:right; margin:3px; padding:0;}
.rss2 { float:right; width:280px; margin:0; padding:48px 0 0 20px;}
.rss2 p {font:normal 15px "Futura Bk BT"; color:#FFF;  padding:3px 0 0 0; margin:0;}
.rss2 a { font:normal; text-decoration:none; color: #FFF;}
/* menu */	
.menu_resize { float:left; padding:0; margin:0; height:43px;}
.menu { float:left; padding:1px 0 0 7px; margin:0; width:580px; height:43px; }
.menu ul { text-align: left; padding:0; margin:0; list-style:none; }
.menu ul li { float:left; margin:0; padding:0; border-right :0px solid #FC3; }

.menu ul li a { float:left; margin:0; padding:13px 0; color: #FFF; font:normal 16px  "Futura Bk BT"; text-decoration:none;}
.menu ul li a span { padding:10px 10px; background:none; }
.menu ul li a:hover {  background: url(images/r_menu2.gif) no-repeat right;;text-decoration: none;color: #600; display:inline; }
.menu ul li a:hover span {  background: url(images/l_menu2.gif) no-repeat right;text-decoration: none;color:#600 }
.menu ul li a.active {  background: url(images/r_menu2.gif) no-repeat right;;text-decoration: none;color: #600}
.menu ul li a.active span {  background: url(images/l_menu2.gif) no-repeat right;text-decoration: none;color:#600; }
/* menu servicios*/	
.menu2_resize { float:left;background:url(images/menu_resize8.gif) top no-repeat; padding:0; margin:0; height:43px;}
.menu2{
/*estilo de nuestra lista*/
 float:left; padding:1px 0 0 7px; margin:0; width:580px; height:43px;
display:block;
position:relative;
}
/*para posicionar la lista a la izq*/
.menu2 ul { text-align: left;
 padding:0;
 margin:0;
 list-style:none; }
.menu2 li{
/*estilo a cada uno de los elementos(li) de nuestro menu*/
float:left;/* propiedad importante para que nuestro menu tome la forma horizontal*/
display:block;
position:relative;
}
.menu2 li a{
/*estilo de los enlaces */
color:#fff;
text-decoration:none;
font-family: "Futura Bk BT";
font-size:16px;
line-height:1.3em;
 margin:0;
padding:13px 10px;
display:block;
}
.menu2 li ul{
/*estilo de los submenus*/
width:80px;
background:#00F;
width:auto;
border:none;
display:none; /*importante para que los submenus no estén visibles*/
position:absolute;
z-index:999;
margin-top:0px;
}
.menu2 li ul li{
/*estilo a cada uno de los elementos(li) de nuestro submenu*/
width:105%;
background:#FC3;
list-style:none;
display:block;
}21759b
#menu li ul li a{
/*estilo a cada uno de los enlaces de nuestro submenu*/
color:#FFF;
font-size:16px;
line-height:1.3em;
display:block;
font-weight:normal;
padding:8px
}
.menu2 li ul li a:hover{
/*un poco de decoracion a los enlaces de nuestro submenu al estar el cursor sobre ellos con ayuda de el selector :hover */
color:#444;
text-decoration:none;
}
.menu2 li:hover ul{
/*con este selector definimos que cuando el cursor este sobre un elemento(li) que contenga un elemento(ul) dentro le asigne la propiedad display:block; para que este a su vez pase de invisible a visible*/
display:block;
}
/* sombra de servicios*/	
.menu2 ul li a:hover {  background: url(images/r_menu2.gif)no-repeat center;text-decoration: none;color: #600; }
.menu2 ul li a:hover span {text-decoration: none;color:#600;   }
.menu2 ul li a.active {  background: url(images/r_menu2.gif) no-repeat right;;text-decoration: none;color: #600; }
.menu2 ul li a.active span {  background: url(images/l_menu2.gif) no-repeat right;text-decoration: none;color:#600;  }




/********** block index **********/
.body { margin:0; padding:0;}
.body_resize { width:960px; margin:0 auto; padding:10px 0; font:normal ; text-decoration:none;}
.body_resize h2 { font:normal 24px "Futura Bk BT"; color:#600; padding:15px 5px; margin:0; }
.body_resize h3 { font:normal 16px Georgia, "Times New Roman", Times, serif; color:#600; padding:15px 5px; margin:0; }
.body_resize span { font: normal 15px "Futura Bk BT"; color:#600;}
.body_resize p {
	font:normal 15px "Futura Bk BT";
	color:#600;
	padding:5px;
	margin:0;
	line-height:1.8em;
	

}
.body_resize p span { font: bold 15px "Futura Bk BT"; color:#600;}
.body_resize p.testim { font:normal 15px "Futura Bk BT"; color:#600; padding:15px 10px; margin:0; line-height:1.8em; }
.body_resize img { margin:10px auto; padding:0; box-shadow: 2px 5px 15px #999;}
.body_resize img.floated { float:left; margin:10px 15px 20px 0px; padding:0; }
.right {border:none; background:none; width:280px; float:right; margin:0 0 15px 0; padding:10px 15px;}

.right a { font:normal; text-decoration:none; color: #600;}
.left {border:none solid ; background:none; width:605px; float:left; margin:0; padding:10px 15px; }
.port { width:275px; float:left; margin:0 0 15px 0; padding:10px 15px;}
.portB { width:290px; float:left; margin:0 auto; padding:0px 15px 0px 15px; }
.port2 { width:275px; float:left; margin:0 17px 15px 0; padding:10px 15px; }
.port2B { width:290px; float:left; margin:0 auto; padding:0px 15px 0px 15px; }
.port p {
	font:normal 16px "Futura Bk BT";
	color:#600;
	padding:5px;
	margin:0;
	line-height:1.8em;
	
}
.port2 p { 
    font:normal 16px "Futura Bk BT";
	color:#600;
	padding:5px;
	margin:0;
	line-height:1.8em; }
.port3 { width:605px; float:right; margin:0 0 15px 0; padding:10px 15px;}
.port3 p { font:normal 16px "Futura Bk BT"; color:#600; padding:5px; margin:0; line-height:1.8em; }
.port3 a { font:normal; text-decoration:none; color: #600;}

/********** cita **********/
.cita { alignment-adjust:central}
/********** contact form **********/
.form { float:left; width:550px; margin:5px auto; padding:20px 0 0 0; background:#f7faf9; border:1px solid #e8e6e6; }
/********** contact form **********/
#contactform { margin:0; padding:5px 10px; }
#contactform * { color:#F00; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; }
#contactform li.buttons {float: left; margin:0px 0 5px 0; }
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:normal 15px "Futura Bk BT"; color:#2f2f2f; text-transform:capitalize; }
#contactform label span { font:normal 16px "Futura Bk BT"; }
#contactform input.text { width:420px; border:1px solid #e9e9e9; margin:5px 0; padding:5px 2px; height:15px; background:#fff; }
#contactform textarea { width:420px; border:1px solid #e9e9e9; margin:10px 0; padding:2px; background:#fff; height:150px; }
#contactform li.buttons input { padding:3px 0; margin:0 0 0 420px; border:0; color:#FFF; }
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto; }
/*************footer**********/
.footer_resize {  margin:0 auto; padding:10px 0; }
.footer { background: url(images/footer_bg.gif); border-top:3px solid #FC3; position:relative; 
bottom: 0%;  width:100%;  height:80px;padding:0 0 20px 0; margin:0; }
.footer p { font:normal 15px "Futura Bk BT"; color:#FFF; }
.footer a { font:normal 15px "Futura Bk BT"; color:#FFF; text-decoration:none; padding:5px; margin:0; }
.footer p.leftt { text-align:left; width:50%; margin:0; padding:5px 0 0 0; float:left; }
.footer p.rightt {
	text-align: center;
	width:100%;
	margin:0;
	padding:10px 0 0 0;
	float:right;
	color: #FFF;
}
.copy { font:normal 13px "Futura Bk BT"; color:#FFF;margin:0 auto; padding:10px 0; }
.copy p { font:normal 13px "Futura Bk BT"; color:#FFF; }
.copy a { font:normal 13px "Futura Bk BT"; color:#FFF; text-decoration:none; padding:5px; margin:0; }
	
/*************footer2**********/
.footer2_resize {  margin:0 auto; padding:10px 0; }
.footer2 { background: url(images/footer_bg.gif); border-top:3px solid #FC3;position:fixed; 
bottom: 0%;  width:100%; height:80px; padding:0 0 20px 0; margin:0;  box-shadow: 2px 5px 15px 10px #999;}
.footer2 p { font:normal 15px "Futura Bk BT"; color:#FFF; }
.footer2 a { font:normal 15px "Futura Bk BT"; color:#FFF; text-decoration:none; padding:5px; margin:0; }
.footer2 p.leftt { text-align:left; width:50%; margin:0; padding:5px 0 0 0; float:left; }
.footer2 p.rightt {
	text-align: center;
	width:100%;
	margin:0;
	padding:10px 0 0 0;
	float:right;
	color: #FFF;
}
.copy { font:normal 13px "Futura Bk BT"; color:#FFF;margin:0 auto; padding:10px 0; }
.copy p { font:normal 13px "Futura Bk BT"; color:#FFF; }
.copy a { font:normal 13px "Futura Bk BT"; color:#FFF; text-decoration:none; padding:5px; margin:0; }
p.clr,.clr { clear:both; padding:0; margin:0; background:none; }
/* Slieder Tabs */
.slider_resize {margin:0 auto; padding:15px 0 0 0; width:960px;}
.slider_resize_bg { background:#fff; border:1px solid #e4e4e4;}
.slider_resize p { font:bold 15px "Futura Bk BT"; color:#7e7e7e; padding:10px 20px; margin:0;}
.slider {  width:960px; padding:10px 0 0 0; margin:0 auto;}
.slider ul.tabs { background:#fff; border:1px solid #e4e4e4; margin:10px auto; padding:10px; width:938px; list-style:none; height:15px;}
.slider ul.tabs li { margin:2px 5px; padding:0; width:13px; height:13px; float:right; background: url(images/tabs_2.gif) no-repeat;}
.slider ul.tabs li img { float:right; margin:0; padding:0;box-shadow: 2px 5px 15px #999;}
.slider ul.tabs li.tabs-selected { background: url(images/tabs_1.gif) no-repeat;}
.slider ul.tabs li.text { font:normal 15px "Futura Bk BT"; color:#7e7e7e; background:none; width:400px; float:left; padding:0; margin:0;}
.tabs-hide { display:none;}

a:active {text-decoration: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;color:#FC3}

/* Menu Interior Puertas */
.menu2 li a.menuinterior{
	padding-top:7px;
	padding-bottom:7px;
}
/* Fuente */
@font-face {
    font-family: 'Futura Bk BT';
    src: url(fonts/Futura_Book_BT.ttf);
	
	}