@charset "utf-8";
/* Estilos CSS Casa Sáastun
Diseño: Iván Álvarez Medrano, ivanhoealvarez@gmail.com*/


/**********************************************************************Composición****************************************************/

body {
	text-align:center;
	background-image:url(images/body_fondo.jpg);
	background-color:#1A1A1A;
	background-position:center top;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	}
	
#contenedor {
	background-color:#0A0A0A;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	width:800px;
	min-height:800px;
	}
	
#encabezado {
	height:100px;
	background-color:# ;
	margin:0px;
	padding:0px;
	background-image:url(images/banner_top.jpg);
	background-repeat:no-repeat;
}


#menu_principal {
	border-bottom:2px solid #444;
	margin:0px;
	padding:0px;
	margin-top:15px;
	width:auto;
	height:30px;
	background-color:#0A0A0A;
	color:#FFF;
	}

#nav_i {
       width:150px;
       float:left;
       padding:0px;
	   margin:0px;
	   margin-top:20px;
	   background-color:# ;
	   text-align:left;

}
#contenido {
	width:625px;
	height:auto;
	background-color:# ;
	   text-align:left;
	   padding:10px;
	   margin-top:0px;
	   float:right;
	   min-height:450px;
	}
	
	#contenido_portafolio{
	width:780px;
       height:auto;
	   background-color:# ;
	   text-align:left;
	   padding:10px;
	   margin-top:0px;
	   float:right;
	   min-height:450px;
	}


	
#pie {width:790px; clear:both; padding:5px; margin-top: 10px; border-top:1px solid #333; color:#777; font:10px Verdana, Geneva, sans-serif;}
/********************************************Navegación**************************************************************/

#menu_principal span { display:none;	}
	
#menu_principal h5 {
 display: none;

}

#menu_principal ul {
 margin:0px;
 padding:0px;
 font-size:12px;
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}

#menu_principal ul li {
 list-style: none;
 margin:10px;
 padding:0px 0px 0px 0px;
 display: inline;
	}
	

#menu_principal ul li a {
 display:inline-block;
 line-height:30px;
 padding:0px 5px 0px 5px; 
 margin:0px; 
 text-decoration: none;
 color:#FFF;
 -webkit-border-top-left-radius:10px;
 -webkit-border-top-right-radius:10px;
 -moz-border-radius-topleft:10px;
  -moz-border-radius-topright:10px;
}
#menu_principal ul li a:link {
 color: #FFF;
}
#menu_principal ul li a:visited {
 color: #FFF;
}
#menu_principal ul li a:link:hover {
 color: #eee;
 background-color: #777;
}

#menu_principal ul li a:visited:hover {
	color:#eee;
	background-color: #777;
}

#menu_principal ul li a#actual {
 background:#444; 
}

#menu_principal ul li a#actual:hover {
 background:#444;
 color:#CCC;
}


#nav_i ul {
	font:12px Arial, Helvetica, sans-serif;
	padding:10px 0px 10px 0px;
	margin:0px 10px 10px 10px;
	background-color:#444;
	/* -webkit-border-radius:10px;
	-moz-border-radius:10px;*/
	border:#777 solid 1px;
	}

#nav_i ul li {text-decoration:none; color:#aaa; padding:0; line-height:12px; list-style:none;}
#nav_i ul li a {text-decoration:none; color:#aaa; display:block; padding:5px; line-height:12px;}
#nav_i ul li a:hover { color:#eee; background-color:#666;}
#nav_i .submenu_titulo {font-weight:bold; border-bottom:#777 1px solid; color:#19B19A;  font-size:13px; padding:10px 5px 5px 5px;}

#tabHeaderActive span, #tabHeaderActive a {color:#fff; font-weight:bold}


/*******************************************************************texto**********************************************/



#encabezado h1 {margin:0px; padding:20px; font:46px  Helvetica, sans-serif; color:#ccc; display:none;}
#subencabezado p {margin:0px; padding-right:20px; padding-top:5px; font:12px  Helvetica, sans-serif; text-align:right;}

/*textos contenido*/
#contenido {margin-top:10px;}
@font-face {
      font-family:'Nilland-Black'; src:url(http://www.casasaastun.com.mx/saastun_website/type/Nilland-Black.ttf);
}
#contenido p {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:100;
padding:10px;
margin:0px;
color:#bbb;
font-size:13px;
line-height:26px;
letter-spacing:0px;
word-spacing:normal;
text-align:justify;
}

@font-face {
      font-family:'OFLGoudyStM'; src:url(http://www.casasaastun.com.mx/saastun_website/type/OFLGoudyStM.otf);
}
#contenido h1 {font-family: 'OFLGoudyStM';
padding:0px;
padding-top:5px;
padding-left:10px;
padding-bottom:10px;
margin:0px;
font-size:28px;
color:#19B19A;
}

#contenido h2 { font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
padding:0px;
padding-left:10px;
padding-top:10px;
margin:0px;
font-size:20px;
color:#fff;}



#contenido h3{font-family:"Trebuchet MS", Helvetica, sans-serif, Arial;
text-align:justify;
padding-left:10px;
padding-top:10px;
margin:0px;
color:#0F8271;
font-size:18px;
text-align:left;
font-weight:bold;
-moz-column-count:0;
-webkit-column-count:0;
}

#contenido h4{font-family:"Trebuchet MS", Helvetica, sans-serif, Arial;
text-align:justify;
padding:0px;
margin:0px;
padding-left:20px;
padding-bottom:10px;
color:#999;
font-size:15px;
text-align:left;
-moz-column-count:0;
-webkit-column-count:0;
}
#contenido hr {color:#666; border:solid 1px;}
#contenido ul, ol {margin-top:0; padding-top:0;}

#contenido ul li, ol li{font-family:"Trebuchet MS", Helvetica, sans-serif, Arial;
text-align:left;
padding:0;
margin:5px;
color:#bbb;
font-size:14px;
text-align:left;
-moz-column-count:0;
-webkit-column-count:0;
}

#contenido form p{
-moz-column-count:0;
-webkit-column-count:0;
}

#contenido td {border:solid 1px #CCC;}
#contenido table {border:none;}

#contenido .myBox{background-color:#444; 
/*-moz-border-radius: 10px;
-webkit-border-radius: 10px;*/
	border:#777 solid 2px; height:auto; }
	
	#contenido .mygal{background-color:#444; 

	border:#777 solid 2px; height:auto; width:100%; }
	
	#contenido .mygal a:link{color:#CCC; text-decoration:none; margin-left:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:10px;}
	#contenido .mygal a:visited{color:#CCC; text-decoration:none; margin-left:20px;}

#contenido_portafolio .myBox{background-color:#444; 
/*-moz-border-radius: 10px;
-webkit-border-radius: 10px;*/
	border:#777 solid 2px; clear:both; float:left;}
	
#contenido_portafolio h1 {font-family: 'OFLGoudyStM';
padding:0px;
padding-top:5px;
padding-left:0px;
padding-bottom:0px;
margin:0px;
font-size:28px;
color:#19B19A;
text-align:center;
}

#contenido_portafolio hr {color:#666; border:solid 1px;
}

/*Estilos formulario de contacto*/
#message  {width:240px; height:350px; background-color:#CCC;  overflow:none;}
#name, #email {background-color:#CCC; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; border:solid 1px #CCC; color:#444;width:240px;}
#formulario { width:200px;}
#formulario label, .warning {font-weight:bold;}
#formulario input, textarea { }
#Comments { background-color:#ccc; color:#444; cursor:pointer;}
#Comments:hover{ background-color:#fff; color:#444; cursor:pointer;}

.warning {color:#F00;}

.imagen {margin: 20px; padding:10px; background-color:#222;  -moz-border-radius: 10px;
-webkit-border-radius: 10px;
	border:#777 solid 1px; float:right;  }

.imagen img {border:#FFF 1px solid; clear:both; }


#menu_portafolio {position:absolute; width:780px; height:520px; background-image:url(images/fondotransparente.png); border:#777 2px solid; /*-webkit-border-radius:10px;
  -moz-border-radius:10px;*/  z-index:2}

.portafoliomainmenu {color:#FFF; text-decoration:none; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
  
#menu_portafolio .menu { text-align:center; width:170px; height:140px; border:#777 2px solid; background-color:#444; float:left; margin:10px 42px 10px 42px;
	}
	
	#menu_portafolio img {border:#f0f0f0 2px solid; margin-top:10px; width:150px; height:100px;
	}
	
.menu a:link  { text-decoration:none; color:#CCC; font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

}


/*portafolio*/
.pieza{
	height:auto;
width:720px;
color:#878787;
font-family:Verdana, sans-serif;
font-size:11px;
margin:10px 20px 20px 20px;
border-bottom:1px dotted #999999;
padding-bottom:10px;
z-index:1;
display:block;
float:left;
padding:10px;
}
.pieza .foto{
background-color:#e9e9e9;
float:left;


}
.pieza .foto img{padding:10px; border:#fff solid 2px; background-color:#111;



}
.pieza .descripcion {
margin-left:10px;
float:left;
width:auto;
}

#tabsContent .pieza .descripcion h1 {
color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; margin:0px; padding:0px; text-align:left;
}

#tabsContent .pieza .descripcion p {
	margin-left:0;
}

.precio{
font-size:12px;
color:#FBB03B;
}
/*fin portafolio*/

.imagenes {margin:10px; padding:10px; background-color:#222; border:#ccc 1px solid;}
.galeria {text-align:center;}
.galeria a  {width:100px; display:inline-block; margin:5px; vertical-align:middle;}
.galeria a:link img { border:0; margin:auto; padding:3px; background-color:#FFF;}
.galeria a:visited img { border:0; margin:auto; padding:3px; background-color:#FFF;}
.galeria_seccion {border-bottom:1px dotted #ccc ; margin:10px;}
.seccion_catalogo { background-color:#444; 
	border:#777 solid 2px; 	height:auto;
	width:100%; float:left;}
  
.articulo_catalogo {border-bottom:1px dotted #ccc ; margin:10px; width:590px; }
.articulo_catalogo a:link { margin:10px; border:2px #fff; color:#FFF; text-decoration:none;}
.articulo_catalogo a img{ margin:10px; border:2px #fff; color:#FFF;}
#contenido .articulo_catalogo th {text-align:left; padding:5px; height:auto; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:12px; font-size:12px;}
#contenido .articulo_catalogo th strong{ color:#999;}
#contenido .articulo_catalogo td { color:#eee; border:0px; padding:5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;}
#contenido .articulo_catalogo th .articulonombre{ width:250px;}
.articulo_individual{ width:145px;}