/*GENERALES*/
@import url('menu.css');
@import url('carousel.css');
@import url('red-social.css');
@import url('mk-slider.css');
@import url('global.css');
@import url('portfolio.css');
/*@import url('fotografia.css');*/
body {margin:0; font-family: Arial, Helvetica, sans-serif; color: #838383;}
* {margin:0; padding:0} 
a {outline:none} 

/* Base */
.main-content {width:100%;} 
.content-header {height:115px; width:960px; z-index:10; margin-left:auto; margin-right:auto;} 
.content-carousel {width:935px; height:177px; float:left; margin:10px 0 0 15px; z-index: 1;}
.txt-link {font:normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #FFF; text-decoration:none; margin-left:10px;}
.content-logo {width:154px; height:38px; float:left; margin: 35px 0 0 21px}
.content-menu {width:620px; height:90px; float:left; margin: 12px 0 0 146px}

/* Footer */
.content-footer {background: url(../images/matias-kosznik-bg-footer.jpg) no-repeat center bottom; width:100%; height:200px; float:left;}
.footer-int {width:960px; margin-left:auto; margin-right:auto;} 
.footer-txt {width:610px; height:25px; position:relative; float:left; margin:50px 0 0 20px; font:normal 10px Tahoma, Arial, Helvetica, sans-serif;color:#CCC; text-decoration:none;}
.footer-txt a {font:normal 10px Tahoma, Arial, Helvetica, sans-serif; color:#CCC; text-decoration:none;}
.footer-txt a:hover {color:#c0dc00; text-decoration:none;}
.footer-txt a:visited {color: #CCC;}
.footer-matias {color:#c0dc00;}

/* Mains */
.main-content-home {width:100%; background: #FFF url(../images/matias-kosznik-bg-home.jpg) no-repeat center top;}
.main-content-web-design {width:100%; background: #FFF url(../images/matias-kosznik-bg-web-design.jpg) no-repeat center top;}  
.main-content-mi-perfil {width:100%; background: #FFF url(../images/matias-kosznik-bg-mi-perfil.jpg) no-repeat center top;}
.main-content-portfolio {width:100%; background: #FFF url(../images/matias-kosznik-bg-portfolio.jpg) no-repeat center top;}
.main-content-fotografia {width:100%; background: #FFF url(../images/matias-kosznik-bg-fotografia.jpg) no-repeat center top;}
.main-content-servicios {width:100%; background: #FFF url(../images/matias-kosznik-bg-servicios.jpg) no-repeat center top;}
.main-content-contacto {width:100%; background: #FFF url(../images/matias-kosznik-bg-contacto.jpg) no-repeat center top;}


/* Bodys */
.content-body-home {height:790px; width:960px; margin-left:auto; margin-right:auto;}
.content-body-web-design {height:915px; width:960px; margin-left:auto; margin-right:auto;}
.content-body-mi-perfil {height:930px; width:960px; margin-left:auto; margin-right:auto; font:normal 12px Tahoma, Arial, Helvetica, sans-serif;color:#7d7d7d; text-decoration:none; line-height:18px;}
.content-body-portfolio {height:930px; width:960px; margin-left:auto; margin-right:auto; font:normal 12px Tahoma, Arial, Helvetica, sans-serif;color:#7d7d7d; text-decoration:none; line-height:18px;}
.content-body-fotografia {width:960px; margin-left:auto; margin-right:auto;}
.content-body-servicios {height:600px; width:960px; margin-left:auto; margin-right:auto; font:normal 12px Tahoma, Arial, Helvetica, sans-serif;color:#7d7d7d; text-decoration:none; line-height:18px;}
.content-body-contacto {height:700px; width:960px; margin-left:auto; margin-right:auto; font:normal 12px Tahoma, Arial, Helvetica, sans-serif;color:#7d7d7d; text-decoration:none; line-height:18px;}


/* JQuerry Slider */

#slider-wrapper {
/*    background:url(../images/slider.png) no-repeat;*/
    width:998px;
    height:392px;
    margin:0 auto;
    padding-top:74px;
    margin-top:50px;
}

#slider {
	position:relative;
    width:920px;
    height:381px;
	background:url(../images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.mk-controlNav {
	position:absolute;
	left:413px;
	bottom:-13px;
}
.mk-controlNav a {
	display:block;
	width:25px;
	height:25px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:10px;
	float:left;
}
.mk-controlNav a.active {
	background-position:0 -30px;
}

.mk-directionNav a {
	display:block;
	margin-top:90px;
	width:35px;
	height:60px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.mk-nextNav {
	background-position:-35px 0;
	right:0px;
}
a.mk-prevNav {
	left:0px;
}

.mk-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.mk-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}


/* JQuerry Loader */
.QOverlay {
	background-color: #3a3a3a;
	z-index: 9999;
}

.QLoader {
	background-color: #CCCCCC;
	height: 1px;
}


/* Seleccion de texto */
*::-moz-selection{
   background: #c0dc00;
   color: #000;
}

*::selection {
   background: #c0dc00;
   color: #000;
}


/* Home */
.content-cta {width:920px; height:396px; margin-left:20px; position:relative} 
.content-destacados {width:960px; height:190px; float:left; position:relative} 
.home-tit-porfolio {width:108px; height:17px; margin-left:20px; float:left;} 
.destacado-01 {width:303px; height:184px; margin:2px 0 0 4px; float:left; position:relative}
.destacado-02 {width:320px; height:184px; margin:2px 0 0 4px; float:left; position:relative}
.destacado-tit {width:auto; height:17px; margin-left:19px; position:relative}
.destacado-img {width:303px; height:124px; margin:7px 0 0 0px; position:relative}
.destacado-img-2 {width:294px; height:122px; margin:9px 0 0 12px; position:relative}
.destacado-img-3 {width:294px; height:36px; margin:20px 0 0 20px; position:relative}
.destacado-txt {width:285px; height:62px; margin:13px 0 0 20px; position:relative; font:normal 11px Arial, Helvetica, sans-serif;color:#838383; text-decoration:none;}
.destacado-btn {width:92px; height:32px; margin-left:19px; position:relative}

/* Web Design */
.web-design-title {width:920px; height:79px; margin-left:20px; font:bold 22px Tahoma, Arial, Helvetica, sans-serif;color:#393939; text-decoration:none; padding-top:20px;} 
.web-design-img {width:960px; height:447px; margin-left:-6px; float:left;}
.web-design-detalle {width:680px; height:210px; margin-left:20px; float:left;}
.web-design-detalle-tit {width:87px; height:17px; float:left; margin-top:24px;}
.web-design-detalle-txt {width:670px; height:auto; margin-top:15px; float:left; font:normal 12px Tahoma, Arial, Helvetica, sans-serif;color:#838383; text-decoration:none; line-height:18px;}
.web-design-datos {width:140px; height:210px; float:left;}
.web-design-datos-cliente {width:52px; height:15px; float:left;  margin:25px 0 0 45px;}
.web-design-datos-txt {width:95px; height:30px; float:left; font:bold 12px Tahoma, Arial, Helvetica, sans-serif;color:#393939; text-decoration:none; margin:3px 0 0 45px;} 
.web-design-datos-agencia {width:60px; height:15px; float:left; margin:15px 0 0 45px;}
.web-design-datos-images {width:100px; height:152px;; margin-left:5px; float:left; padding-top:45px;}
.web-design-content-carousel {width:935px; height:157px; float:left; margin:10px 0 0 15px; z-index: 1;}

/* Mi Perfil */
.mi-perfil-title {width:920px; height:69px; margin-left:20px; padding-top:30px;}
.mi-perfil-campo-01 {width:920px; height:164px; margin-left:20px;}
.mi-perfil-campo-02 {width:920px; height:252px; margin-left:20px;} 
.mi-perfil-campo-03 {width:920px; height:178px; margin-left:20px;} 
.mi-perfil-campo-04 {width:920px; height:200px; margin-left:20px;}  
.mi-perfil-campo-tit {width:235px; height:20px; margin-top:5px; float:left;}
.mi-perfil-campo-txts {width:685px; height:auto; float:left;}
.mi-perfil-campo-txt-01 {width:685px; height:69px; float:left;}
.mi-perfil-campo-txt-02 {width:685px; height:146px; float:left;}
.mi-perfil-campo-txt-03 {width:685px; height:69px; float:left;}
.mi-perfil-campo-txt-04 {width:685px; height:69px; float:left;}
.mi-perfil-campo-img-01 {width:160px; height:38px; float:left;}
.mi-perfil-campo-img-marca {width:90px; height:55px; float:left;}
.mi-perfil-campo-img-smiling {width:233px; height:38px; float:left; padding-top:17px;}
.mi-perfil-campo-img-alcama {width:175px; height:48px; float:left; padding-top:7px;}
.mi-perfil-campo-img-fotografia {width:685px; height:137px; float:left; padding-top:7px;}
.mi-perfil-campo-img-copy {width:220px; height:18px; float:left; padding-top:20px; font-weight:bold; }

/* Fotografia */
.fotografia-title {width:920px; height:68px; margin-left:20px; padding-top:25px;} 
.fotografia-reproductor {width:920px; height:623px; margin-left:20px;}
.fotografia-detalle {width:920px; height:33px; margin-left:20px; padding:37px 0 0 0;}
.fotografia-detalle-txt {width:920px; height:124px; margin-left:20px; font:normal 12px Tahoma, Arial, Helvetica, sans-serif;color:#838383; text-decoration:none; line-height:18px; background: url(../images/matias-kosznik-bg-fotografia-detalle.jpg) no-repeat center top;} 
.fotografia-mas-fotografias {width:920px; height:35px; margin-left:20px;} 
.fotografia-iconos {width:930px; height:160px; margin-left:10px;}
.fotografia-icono-ind {width:300px; height:160px; margin-left:10px; float:left;}

/* Servicios */
.servicios-title {width:920px; height:69px; margin-left:20px; padding-top:30px;}
.servicios-campo-01 {width:920px; height:270px; margin-left:20px;}
.servicios-campo-02 {width:920px; height:200px; margin:40px 0 0 20px;} 
.servicios-campo-dest {width:235px; height:245px; margin-top:5px; float:left;}
.servicios-campo-txts {width:685px; height:auto; float:left;}
.servicios-campo-txt-01 {width:685px; height:270px; float:left;}
.servicios-campo-txt-02 {width:685px; height:200px; float:left; margin-left:235px; font-weight:bold;}

/* Portfolio */
.portfolio-tit {width:920px; height:59px; margin:30px 0 0 20px;}
.portfolio-bajada {width:920px; height:120px; margin:15px 0 0 20px;}
.portfolio-bajada-img {width:235px; height:110px; float:left;}
.portfolio-bajada-txt {width:685px; height:110px; float:left; margin-top:-3px;}


/* Contacto */
.contacto-title {width:920px; height:69px; margin-left:20px; padding-top:30px;}
.contacto-campo-01 {width:920px; height:580px; margin-left:20px;}
.contacto-campo-02 {width:920px; height:200px; margin:40px 0 0 20px;} 
.contacto-campo-dest {width:235px; height:517px; margin-top:5px; float:left;}
.contacto-campo-txts {width:685px; height:auto; float:left;}
.contacto-campo-txts-02 {width:685px; height:50px; float:left; margin:45px 0 0 0; font-weight:bold;}
.contacto-campo-txts-02 a {color:#7d7d7d; text-decoration:none;}
.contacto-campo-txts-02 a:hover {color:#c0dc00; text-decoration:none;}
.contacto-campo-txts-02 a:visited {color:#c0dc00; text-decoration:none;}
.contacto-campo-txt-01 {width:685px; height:270px; float:left;}
.contacto-tit-txt {height:45px; width:685px; margin:5px 0 0 0px; float:left;}
.contacto-txt {height:25px; width:180px; margin:10px 0 0 20px; font-weight:bold; float:left;}
.contacto-txt-gen {height:25px; width:180px; margin:10px 0 0 20px; font-weight:bold; float:left;}
.contacto-txt-gen-coment {height:20px; width:280px; margin:10px 0 0 215px; float:left; font:normal 12px Tahoma, Arial, Helvetica, sans-serif; color: #1d1b1f; text-decoration:none; line-height:20px;}
.contacto-txt-imput {height:25px; width:360px; margin:10px 0 0 15px; float:left;}
.contacto-txt-imput-gen {height:25px; width:360px; margin:10px 0 0 15px; float:left;}
.contacto-txt-imput-coment {height:100px; width:360px; margin:10px 0 0 15px; float:left;}
.contacto-inmput { background-color:#fff; border: 1px solid #b2b2b2; width:270px; font:normal 14px Tahoma, Arial, Helvetica, sans-serif; color: #1d1b1f; text-decoration:none; line-height:20px; padding-left:5px;}
.contacto-btn {height:30px; width:104px; margin:10px 0 0 390px; float:left;}
.contacto-btn-img {height:30px; width:104px; background-image:url(../images/matias-kosznik-contacto-enviar.jpg); border: 0px; cursor:pointer;}
.contacto-datos-tit-txt {height:25px; width:290px; margin:31px 0 0 110px; float:left;}
.contacto-datos-txt {height:100px; width:300px; margin:27px 0 0 110px; float:left; font:normal 13px Tahoma, Arial, Helvetica, sans-serif; color: #1d1b1f; text-decoration:none; line-height:20px;}
.contacto-datos-txt a {font:normal 13px Tahoma, Arial, Helvetica, sans-serif; color: #1d1b1f; text-decoration:none; line-height:20px;}
.contacto-datos-txt a:hover {font:normal 13px Tahoma, Arial, Helvetica, sans-serif; color: #1d1b1f; text-decoration:none; line-height:20px; text-decoration:underline;}
.contacto-datos-txt a:visited {font:normal 13px Tahoma, Arial, Helvetica, sans-serif; color: #1d1b1f; text-decoration:none; line-height:20px;}