/* Diseñado por Alan Jofre Khoury, 2011. Todos los derechos reservados.
http://www.alanjofre.com.ar */

/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}

/* general */
body { }
#wrap {width: 86%; margin: 0 auto; }
img { background-repeat: no-repeat; background: url(images/load.gif) 50% 50% }
	/* text */

	h1, h2, h3, h4, h5, h6, a:link { color: #333; font-weight: normal; 	font-family: Georgia, "Times New Roman", Times, serif; }

	/* fin text */


/* fin general */

/* head */
#header {position: relative; margin-bottom: 3em; margin-top: -0.5em;  width: 200px }
#header h2 { color: #bbb}

#menu  {   float:right; margin-right: 1em;   }
#menu ul { position: relative ; margin-top: 0.5em;}
#menu li { display:inline; padding: 2em 0.5em 0.25em 0.5em; border-bottom: 2px solid #999;  margin-right: 0.25em;
}

#menu a:link, #menu a:visited {color: #aaa;  text-decoration: none;}
#menu li:hover { background: #eee; border-bottom: 2px solid black; }

/* intro */
#intro { height:400px; margin: 2em auto 2em auto; overflow-x: hidden; position: relative}
 #intro h3 { color: #ccc; font-size: 2.5em; }
 #intro h3.subheader { color: #ccc; font-size: 1.5em; }
#intro img { background-repeat: no-repeat; background: url(images/loader.gif) 50% 50%}
#r, #l { position: absolute; margin: 1em; background: #333; background: rgba(3,3,3,0.7); padding: 0.5em; -webkit-box-shadow: rgba(0,0,0,0.8) 0px 4px 15px;
 -moz-box-shadow: rgba(0,0,0,0.8) 0px 4px 15px;
 box-shadow: rgba(0,0,0,0.8) 0px 4px 15px;}
#r {margin-right: 5em; right: 0%; top: 50%;}
#l {margin-left: 5em; left: 0%; top: 50%;}

#r, #l, a:link {text-decoration: none; color: white;}
#r, #l, a:visited { text-decoration: none; color: gray;}

#intro .container { width: 800px; height:400px; overflow:hidden; position:relative; cursor:pointer; }
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:800px; display:none; }

/* fin intro */

/* fin head */

/* body */
.container h5 {font-size: 1.5em; padding-left: 3em; padding-bottom: 0.25em; margin-bottom: 1em; margin-top: -1.5em; color: #d00; border-bottom: 1px solid #eee;  }

#container { margin: 0 auto;  width: 96%; margin-top: -2em; }
#content  {   width: 66%;  ;}
#content  h3 { margin: 1em; padding: 1em; }
#content  h4 { margin: 1em; padding: 1em; border-bottom: 1px solid #eee; }
#content img { background-repeat: no-repeat; background: url(images/loader.gif) 50% 50%}
h4 span {color: #00f;}
#content  p {  font-family: Georgia, "Times New Roman", Times, serif;  padding: 2em; line-height: 1.5em; color: #333; text-align: justify; margin-top: 2em;}
#content p.comment { text-align: right; color: blue;}
#contact { color: #555}

.button { background: #fff url(images/footbg.png) repeat-x 0 10px; 
 padding: 1em; text-decoration: none; color: gray; }

/* begin portfolio */
#noticia { border: 1px solid #dd8888; padding: 1.5em; color: #222;position: relative}
#noticia a:link { color: red;}
.cerrar { color: white; background-color: #ee4444; padding: 0.5em; position: absolute; top: -1em; right: 1em;}
#portfolio { margin-top: -6em; padding-bottom: 2em;}
#portfolio h1 { color: #dd4444; font-size: 1.25em; border-bottom: 1px solid #eee; padding-bottom: .5em; margin-bottom: .5em;}
.portfolio { width: 43%; float: left; margin-right: 1em; padding: 1em; }
	.portfolio h5 {padding-bottom: 1em}
	.portfolio img {border: 1px solid #ddd;  
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 3px 5px;
 -moz-box-shadow: rgba(0,0,0,0.2) 0px 3px 5px;
 box-shadow: rgba(0,0,0,0.2) 0px 3px 5px;}
 	.portfolio a:link { text-decoration: none; color: #c00;}
.portfolio:hover { background-color: #eee;  
filter:alpha(opacity=75);
        -moz-opacity:0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7; -webkit-box-shadow: rgba(0,0,0,0.2) 0px 3px 5px;
 -moz-box-shadow: rgba(0,0,0,0.2) 0px 3px 5px;
 box-shadow: rgba(0,0,0,0.2) 0px 3px 5px;}
 .portfolio p { font-family: Georgia, "Times New Roman", Times, serif; padding: .5em; color: #444; line-height: 1.25em}
        .portfolio .rating li { text-align: center}
.star5 { background: url(images/star.gif) repeat-x; width: 100px; height: 18px; margin: 1em 0 1em 0;}
.star4 { background: url(images/star.gif) repeat-x; width: 80px; height: 18px; margin: 1em 0 1em 0;}
.star3 { background: url(images/star.gif) repeat-x; width: 60px; height: 18px; margin: 1em 0 1em 0;}
.notice { color: #aa3333; line-height: 1.25em; }

/* end portfolio */

/* begin services */

#services {}
.services {margin-left: 7em; width: 33em; padding: 1em; float: left; color:  #990000; text-align: left}
.services li { color: #333; font-size: .90em; padding-bottom: .25em; }
.services li span { color: #666; display: none;}

/* end services */


/* begin more */

#more { width: 91%; margin: 0 auto }
.more  { float: left; padding: 0em; width: 32%;margin-bottom: 2em; margin-right: .25em; text-align: center; color: #ccc;   }
.more a:link { color: #cc3333; text-decoration: none; margin: 1em }
.more a:visited { color: #6699cc; text-decoration: none; margin: 1em }
.more a:hover { text-shadow: 0px 0px 15px #9999aa }
.more img { border: 0.5em solid #eee;  
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 3px 5px;
 -moz-box-shadow: rgba(0,0,0,0.2) 0px 3px 5px;
 box-shadow: rgba(0,0,0,0.2) 0px 3px 5px;
}
.more img:hover { 
background-color: black;  
filter:alpha(opacity=75);
        -moz-opacity:0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7;}
        
/* end more */

/* id */
#contacto { margin-top: -3em;}
#contacto h3 { margin-left: 0.75em;}
#id { width: 66%; background-color: #f6f6f6; margin-top: -2.5em; color: #444;
-webkit-box-shadow: rgba(0,0,0,0.8) 0px 4px 15px;
 -moz-box-shadow: rgba(0,0,0,0.8) 0px 4px 15px;
 box-shadow: rgba(0,0,0,0.8) 0px 4px 15px; font-size: 1.5em;
}

#face { border-left: 1px solid #ccc; float: right; padding: 1em; margin: 1em ; padding-left: 1.75em; }

/* fin id */


.clear {clear: both; }


/* fin body */

/* footer */
#footer  { font-style: italic; padding: 1em;  color: #888; text-align: center; font-size: 0.9em; }
#footer a:link { color: #555; text-shadow: none}
#footer a:visited { color: #333; text-shadow: none}
/* footer */

/* effects */ 

#r, #l, .button, #id, .portfolio, #noticia, .cerrar  {-moz-border-radius: 5px 5px;
	-webkit-border-radius: 5px 5px;
	border-radius: 5px 5px;}

/* --- Diseño y desarrollo por Alan Jofre, 2011. Todos los derechos reservados. http://www.alanjofre.com.ar --- */