/* Design by Luis Oscar Cruz | Oscarte Creative Center */

html {background:#fafafa url("../pics/background2.jpg") repeat-x;}
body {
	margin:0 auto;
	padding:0;
	background: #f7f9f9 url("../pics/background.jpg") repeat-x;
	font: 14.8px "Trebuchet MS";
	color:#b0b0ad;
	margin-bottom:3em;
	min-width:845px;
	max-width:950px;
}

/* Headings, Links, Lists, Color Swatches -----------------------------------------*/
h1, h2, h3, h4, h5, h6 {margin-bottom:.7em; margin-top:1.5em; color:#93ccdd; font-size: 14.8px;} h4, h5, h6 {margin-bottom:-1em; margin-top:1.5em; line-height:0;}
h1 {font-size:17px; text-transform:uppercase;} h2 {font-size:17px;} h3 {font-size:15.5px; margin:0;}
a:link, a:visited {text-decoration:none; color:inherit;} a:hover {font-weight:bold}
ul {margin:0; padding:0;}
.gris-claro {color:#d3d4d2;} .gris-oscuro {color:#9e9e9e;} .azul{color:#93ccdd;} 
.azul-bold{color:#6bc0e0;}
/* ENDS Headings, Links, Lists, Color Swatches */

/* TOP ------------------------------------------------------------------------------*/
div#top {}
#top ul {list-style:none; height:21px; float:right; padding:0px 29px 0px 0px; margin: 0 0 15px 0px; background:#c7cfd2;}
#top ul li {float:left;color:#f7f9f9; margin-left:1.2em;}
#top ul li.first {padding-left:24px; margin-left:-24px; background: url("../pics/punta-menu.png") no-repeat 0px 0;}
#top ul li p {margin:0; line-height:21px;}
#top ul li a {color:#f7f9f9;} /* for IE */
#top ul li a:hover {color:#aaa;}
#inicio .inicio a, #proyectos .proyectos a, #diseno_web .diseno_web a, #escultura_comercial .escultura_comercial a, #arte_tradicional .arte_tradicional a, #y_mucho_mas .y_mucho_mas a, #arte-store .arte-store a, #contacto .contacto a 
{cursor:default;}
#inicio .inicio p, #proyectos .proyectos p, #diseno_web .diseno_web p, #escultura_comercial .escultura_comercial p, #arte_tradicional .arte_tradicional p, #y_mucho_mas .y_mucho_mas p, #arte-store .arte-store p, #contacto .contacto p 
{color:#afafaf;font-weight:bold;}
#top ul li p, #top ul li p a {float:left;}
#top p#idiomas {float:left; margin: 2px 0 0 30px; color:#acddeb;}
#top p#idiomas a {color:#acddeb;} /* for IE */
#top p#tel{margin:0; margin-right:29px;float:right; font-size:19.75px; color:#fff; line-height: 39.5px; clear:both; width:160px;}
/* ENDS TOP */

/* HEADER ----------------------------------------------------------------------------*/
#header {background: none; clear:both;}
#header #logo {float:left; margin-left:4%; background: url("../pics/logo.png") no-repeat; width:193px; height:194px; text-indent:-9999px;}
#header #logo a {width: 193px; height: 194px; display:block;}
#header #area-flash {background: url("../pics/area-flash.png") no-repeat; width: 654px; height: 207px; float:right; text-indent:-9999px;} .en #header #area-flash {background: url("../pics/flash-area.png") no-repeat; width: 654px; height: 207px;}
#header #area-flash a {width: 654px; height: 207px; display:block;}
/* ENDS HEADER */

/* NAV-BAR ----------------------------------------------------------------------------*/
div#nav-bar {height: 162px; clear:both; padding-top:30px;}
#nav-bar ul#icons {margin:0 auto; list-style:none;}
#nav-bar ul#icons li { text-indent:-9999px; margin-left:6%; float:left;}
#nav-bar ul#icons li a {display:block; height:162px;}
	#nav-bar ul#icons li#diseno_web {width: 183px; background: url("../pics/diseno_web.png") no-repeat;} 
		#nav-bar ul#icons li#diseno_web a {width:183px;}
  .en #nav-bar ul#icons li#diseno_web {background: url("../pics/web_design.png") no-repeat;}
	#nav-bar ul#icons li#escultura_comercial {width: 133px; background: url("../pics/escultura_comercial.jpg") no-repeat;}
		#nav-bar ul#icons li#escultura_comercial a {width:133px;}
  .en #nav-bar ul#icons li#escultura_comercial {width:144px; background: url("../pics/commercial_sculpture.jpg") no-repeat;}
	#nav-bar ul li#arte_tradicional {width: 163px; background: url("../pics/arte_tradicional.gif") no-repeat;}
		#nav-bar ul#icons li#arte_tradicional a {width:163px;}  
  .en #nav-bar ul li#arte_tradicional {background: url("../pics/traditional_art.gif") no-repeat;}

	#nav-bar ul#icons li#y_mucho_mas {width: 163px; background: url("../pics/mucho_mas.gif") no-repeat;}
		#nav-bar ul#icons li#y_mucho_mas a {width:163px;}
  .en #nav-bar ul#icons li#y_mucho_mas {background: url("../pics/much_more.gif") no-repeat;}
/* ENDS NAV-BAR */

/* CONTENIDO --------------------------------------------------------------------------*/
#contenido {margin-top:250px; clear:both;}
#contenido ul {margin-left:2em;}
#inicio #contenido {margin-top:70px;}
#contenido div#main-text {width:478px;line-height:1.7em; margin-left:50px; float:left; text-align:justify;}
#contenido div#sidebar {width:265px; margin-right:33px; float:right;}
/* ENDS CONTENIDO */

/* OPT-IN FORM -----------------------------------------------------------------------*/
#opt-in {float:right; margin-bottom:1.5em;}
fieldset {border: 1px dotted #ddd; width:265px;}
legend {color:#93ccdd;}
input {color:#555; background-color: #fff; border: 1px inset #ccc; font:1em "Trebuchet MS";}
input.txt {}
input#submit {color:#93ccdd; width:auto; float:right; background-color:#f6f6f6; margin-right:1em; margin-top:.6em;}
form div {padding-top: .3em;}
form div label {float:left;	width:35%;}
/* ENDS OPT-IN FORM */

#footer {clear:both; padding-top: 236px;}

/* GALLERY ELEMENTS --------------------------------------------------------------------*/
.youtube {text-align:center; margin:15px;} .youtube h3 {color:#888;}
.slideshows {clear:both;}
.slideshows p, .slideshows h2 {margin-left:20px;}
/* ENDS GALLERY ELEMENTS */