@charset "ISO-8859-1";
/* CSS Document */

body { background-color: #000; margin: 0px; padding: 0px; font-size: 12px; font-family: "Lucida Console", Monaco, monospace;}
* { margin: 0px; padding: 0px;}

/* Layout General - Fondo Web */

#page { background: #FFF url(images/fondo-web.png) repeat-x 0 0;}
#bottom_container {}

#page_container { width: 1000px; margin: 0px auto; padding: 0px;  background: url(images/) no-repeat bottom left; padding-bottom: 50px;}
#footer_container { min-height: 100px; border-top: 3px solid #FF9900;}
#top_container { height: 520px; background: Transparent url(images/fondo-top2.jpg) no-repeat 0 0; margin: 0px auto;}


/* Etiquetas HTML */

p { line-height: 1.5em; text-align: justify; text-indent: 50px;}
strong { color: #F90;}
h2 { text-align: right; font-size: 32px; font-weight: bold; font-variant: small-caps; letter-spacing: -1px; color: #F90; position: relative; top: -25px;}

/* Elementos Prinicipales */

#header { height: 40px; line-height: 48px; color: #F90; font-variant: normal; text-align: right; font-size: 10px;}
#logo { float:left; position: relative; top: 20px; left: 100px; z-index: 10;}
#portafolio_container { height: 400px; position: relative;}
#info_container { height: auto;}
#photoblog_container { }
#left_info { width: 300px; float:left; margin-right: 40px; margin-top: 120px;}
#right_info { float: left; width: 400px; margin-top: 60px;}

#main_servicios { }

#footer_container p { color: white; text-align: center; line-height: 100px;}

/* Clases Comunes */

.container { margin: 20px;}
.clean { clear: both;}

.lW { float: left; clear: left; height: 15px;}
.rW { float: right; clear: right; height: 15px;}

.txtShape { text-align: justify;}

/* Enlaces */

.enlace_header { color: #FFF; text-decoration: none; float: left; font-size: 18px; display: none;}


/* Botonera */

#menu_container { 
	background-color: white;
	height: 100px;
	position: relative;
	padding-top: 20px;
}

#menu {
	position: relative;
	float: right;
	margin-top: 10px;
}
 
#menu .item_menu {
	float: left;
	display: block;
	margin: 0px 10px;
	width: 140px;
	font-size: 16px;
	height: 50px;
	letter-spacing: 0px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
	font-family: Tahoma, Geneva, sans-serif;
	background: url(images/icon-circulo.gif) no-repeat 0 0;
	background-position: center left;
}

#menu .item_menu a {color: #333; font-weight: bold; text-decoration: none;}
 
#menu_trabajos {}
#menu_servicios {}
#menu_blog a {color: #F90 !important;}

/* Submenu SERVICIOS */

#idList { margin: 0px; padding: 0px; list-style-type: none; width: 300px;}
 
#idList li {
	display: block;
	margin: 5px 0px;
	padding: 0px 5px;
	background: #FFF url(images/fnd-esquina.gif) no-repeat bottom right;
	color: #888;
	height: 40px;
	line-height: 45px;
	cursor: pointer;
	font-size: 24px;
	letter-spacing: -1px;
	font-variant: small-caps;
	font-family: "Arial Black", Gadget, sans-serif;
}

#idList li span { color: #FFF; font-size: 12px; float: right; margin-right: 5px; margin-top: -8px;}


/* Tool-Tips */


/* Submenu TRABAJOS */

#portafolio_menubar { margin: 0px;}
#portafolio_menubar ul { margin: 20px 0px; height: 18px !important; margin-left: 280px;}

#portafolio_menubar ul li { display: block; float:left; margin: 0px; line-height: 16px; padding: 0px 0px 0px 12px;}
#portafolio_menubar ul li a { text-decoration: none; color: #666; padding: 0px 12px 0px 0px; display: block; line-height: 16px; float:left;}

#portafolio_menubar ul li:hover { background: url(images/fnd-menu-portfolio-izq.gif) no-repeat top left;}
#portafolio_menubar ul li:hover a { background: url(images/fnd-menu-portfolio-der.gif) no-repeat top right;}
#portafolio_menubar ul li:hover a:hover { color: #F90;}

#portafolio_menubar ul li.active { background: url(images/fnd-menu-portfolio-izq.gif) no-repeat top left;}
#portafolio_menubar ul li.active a { background: url(images/fnd-menu-portfolio-der.gif) no-repeat top right; color:#333;}
#portafolio_menubar ul li.active a:hover { color: #333; cursor: default;}

#portafolio_menubar ul img { margin: 0px 10px 0px 16px; float: left;}


/* Carousel del PORTAFOLIO */

.infiniteCarousel {
  width: 1000px;
  position: relative;
}

.infiniteCarousel .wrapper {
  width: 920px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 10em;
  margin: 0 40px;
  position: absolute;
  top: 0;
  height: 370px;
}

.infiniteCarousel ul a img {
  border: 5px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.infiniteCarousel .wrapper ul {
  width: 19999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 350px;
  width: 900px;
}

.infiniteCarousel ul li .portafolio_item {
  display:block;
  margin: 0px;
}

.infiniteCarousel ul li .portafolio_item .item_image { float: left; margin: 40px 0px 0px 100px;; width: 450px;}
.infiniteCarousel ul li .portafolio_item .item_info { float: left; margin: 80px 0px 0px; width: 300px;}

.portafolio_item .item_info h1 { text-align: left; font-size: 26px; font-family: Tahoma, Geneva, sans-serif; font-variant: normal; color: #3A3B35; text-shadow: 0 0 0.2em #E0E1D4, 0 0 0.2em #666, 0 0 0.2em #666;}
.portafolio_item .item_info h2 { text-align: left; font-size: 11px; font-weight: normal; text-transform: uppercase; letter-spacing: -1px; color: #F90; top: auto !important;}
.year { color: #333 !important; text-align: right !important; margin-top: 30px; margin-bottom: 10px;}
.portafolio_item .item_info p { color: #4D585C; font-family: Arial, Helvetica, sans-serif; text-indent: 0px;}
.portafolio_item a { color: #F90; text-decoration: none;}
.portafolio_item a:hover { color: inherit; text-decoration: underline !important;}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(images/arrow-thd.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 37px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
  top: 10px;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
  top: 10px;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}

-->