@import url("../webfonts/stylesheet.css");
* { margin:0; padding:0; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object {
	border: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
		}
ul, ol {list-style-type:none}
body {
	background: url('../img/bg-repeat.jpg') repeat-x;
	padding: 0px 0 0;
	font: normal 11px 'Verdana';
	color: #303537;
}
p {line-height: 1.9em;padding: 0 0 25px 0;}

/* LINKS ---------------------------------------------------------------------------------------------------------- */
a {color: #c41477;text-decoration: underline;}
a:link {color: #c41477;}
a:focus {color: #c41477; outline: 0}
a:visited {color: #c41477}
a:hover {color: #000;text-decoration: none;}
a.more {padding-right: 12px; background: url('../img/arrow.gif') no-repeat 100% 55%;}
a.button {background: url('../img/button-start.gif') no-repeat;display: inline-block;text-decoration: none;color: #fff;font-weight: bold;}
a.button span {display: inline-block;height: 33px;line-height: 33px;padding: 0 20px;color: #fff;font-weight: bold;background: url('../img/button-end.gif') no-repeat 100% 0}

/* H1 - H5 -------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin:15px 0 15px 0; }
h1 { font-size: 2.4em;font-weight: normal; margin: 5px 0 10px 0; color: #303537;font-family: "Presa ANTIPIXEL.COM.AR";}
h2 { font-size: 16px; margin: 0 0 20px; color: #3399CC; font-weight: normal;font-family: "Aero Matics Display";}
h3 { font-size:1.2em;text-transform: uppercase;margin: 10px 0 15px;color: #303436;padding: 0 0 5px;}
h4 { font-size:1.0em; color: #005e7c }
h5 { font-size:1.0em; }

/* LAYOUT --------------------------------------------------------------------------------------------------------- */
.wrap {width: 875px;margin: 0 auto;position: relative}
.contact {
	position: absolute;
	width: 450px;
	height: 160px;
	top: 600px;
	left: 241px;
}
.text1 {
	position: absolute;
	width: 550px;
	height: 70px;
	left: 40px;
	top: -60px;
	}
.text2 {
	position: absolute;
	width: 550px;
	height: 70px;
	left: 327px;
	top: 42px;
	}
.text3 {
	position: absolute;
	width: 550px;
	height: 70px;
	left: 40px;
	top: 193px;
	}
.text4 {
	position: absolute;
	width: 550px;
	height: 70px;
	left: 325px;
	top: 381px;
}
.text5 {
	position: absolute;
	width: 650px;
	height: 70px;
	left: 131px;
	top: 120px;
	}
.text6 {
	position: absolute;
	width: 600px;
	height: 70px;
	left: 248px;
	top: 223px;
	}
.text7 {
	position: absolute;
	width: 550px;
	height: 70px;
	left: 700px;
	top: 380px;
	}
.text8 {
	position: absolute;
	width: 550px;
	height: 70px;
	left: 326px;
	top: 123px;
	}
    /* HEADER ----------------------------------------------------------------------------------------------------- */
    #header {background: url('../img/bg-header.jpg') no-repeat 0 50%;height: 99px;width: 100%;position: absolute;top: 0;left: 0}
        /* logo */
        a#logo {font-size: 2.5em;color: #fff;font-style: italic;padding: 0 10px;position: relative;top: 30px;text-decoration: none}
		
        /* navigation */
        ul#nav {position: relative;top: 30px;float: right;}
            ul#nav li {float:left;}
                ul#nav li a { padding: 0 15px;height: 32px; line-height: 32px;font-size: 14px;display: block;;float: left;font-weight: bold;color: #fff;text-decoration: none;font-family: "Aero Matics Display"; }
                ul#nav li:hover {background: url('../img/nav-start.jpg') no-repeat;}
                ul#nav li.active { color: #fff;font-size: 12px;background: url('../img/nav-start.jpg') no-repeat}
                ul#nav li:hover a {
	background: url('../img/nav-end.jpg') no-repeat 100% 0;
	font-size: 14px;
}
                ul#nav li.active a {background: url('../img/nav-end.jpg') no-repeat 100% 0}
				ul#nav2 {position: relative;top: -30px;width: 500px;height: 100px;left: -365px}
		ul#nav2 a {height: 100px; line-height: 100px;display: block;text-decoration: none }

    #intro {background: url('../img/bg-intro.jpg') repeat-x bottom;padding: 30px 0;width: 100%}
    #intro .floatRight {width: 545px}
	#intro .acc {
	width: 450px;
	height: 300px;
}
   /* #intro .photo {background: url('../img/macbook.jpg') no-repeat;width: 294px;height: 250px;float: left}*/
    #intro .photo iframe {position: absolute;top: 170px;left:500px;}
	#intro .photo small {
	position: absolute;
	left: 500px;
	top: 520px;
	width: 83px;
}
    #intro p {font-size: 1.2em;padding-bottom: 20px;}
    
    /* COLS ----------------------------------------------------------------------------------------------------------- */
    ul.cols {margin: 25px 0 35px;background: url('../img/cols-bg.gif') repeat-y 50% 0;}
        ul.cols li {
	float: left;
	width: 240px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
	ul.cols li p {font-size: 13px;font-family: "Verdana, Geneva, sans-serif;";}
            ul.cols li.center {margin: 0 70px;text-align: left;}
                ul.cols li h2 {margin-bottom: 10px;text-transform: capitalize;font-size: 16px;font-weight: bold;color: #3399CC;background: url('../img/arrow-down.gif') no-repeat 0 50%;padding: 0 0 0 25px}
                ul.cols li p {padding: 0 0 10px 0}

    .title {color: #8c959c; display: block;background: url('../img/dot.gif') repeat-x 0 50%;padding: 0 10px;margin:10px 0 25px}
    .title span {padding: 0 10px;background: #fff}
		
    
  	/* FOOTER ----------------------------------------------------------------------------------------------------- */
    .footer {background: #e9e9e9; 
	height: 58px; 
	line-height: 58px;
	 padding: 0 20px; 
	font-size: 0.9em; 
	margin: 0 auto 20px; 
	width: 100%;
	clear: both; 
	overflow: hidden;}
	
        .footer span {color: #87898a;display: block; font-size:10px;}
        .footer a {color: #87898a;font-size:11px;}
        .footer a.tempixo {display: inline-block;position: relative;width: 110px; height: 28px;line-height: 28px;margin-right: 20px;}
        .footer a.tempixo span {width: 110px; height: 28px;display: inline-block;cursor: pointer; background: url('../img/tempixo-com.gif') no-repeat;position: absolute; top: 0; left: 0}
		
		#page_bottom { clear: both; background: #003b62; border: none; text-align: left; }

/*jquery*/
.slider-wrapper { 
	width: 100%; 
	margin: 69px auto;
}
.slidercon {position: absolute;width: 450px;height: 300px;top: 600px;left: 200px;}

/* OTHER ----------------------------------------------------------------------------------------------------- */
hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;}
.clear { clear:both; display: block; height:0;line-height:0;font-size:0; width: 100%;}
.noscreen { display:none; }
.floatLeft {float: left;}
.floatRight {float: right;}
img.floatLeft {margin-right: 20px}
img.floatRight {margin-left: 20px}

.bold {font-weight: bold;}
.center {text-align: center;}
.noborder {border: 0;}
/* clearfix */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block;}
/* hidden for ie mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}