@charset "UTF-8";
/* CSS Document */
/* TÍTULO - OSTOS PACHECO ABOGADOS */
/* Creado por LDG Israel García Rivera - sozo.sei.com */
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
@font-face {
font-family: 'Futurama Alien Alphabet One';
font-style: normal;
font-weight: normal;
src: local('Futurama Alien Alphabet One'), url('/css/fr-fal1.woff') format('woff');
}


@font-face {
font-family: 'Futurama Alien Alphabet Two';
font-style: normal;
font-weight: normal;
src: local('Futurama Alien Alphabet Two'), url('/css/fr-fal2.woff') format('woff');
}


@font-face {
font-family: 'Futurama Title Font';
font-style: normal;
font-weight: normal;
src: local('Futurama Title Font'), url('/css/fr-title.woff') format('woff');
}


@font-face {
font-family: 'Futurama Bold Font';
font-style: normal;
font-weight: normal;
src: local('Futurama Bold Font'), url('/css/fr-bold.woff') format('woff');
}
* {margin: 0; padding:0}


img {border:0;}
img a {border:0;}

body,td,th {margin:0 auto;  color: #4d4d4d; font-size: 16px; font-family:Arial, Helvetica, sans-serif ; line-height: 23px;  color: #4d4d4d;}
p a {text-decoration: none; color: #4d4d4d;}
.clear {clear:both;}
.space5 {height:5px; background:none;}
.space10 {height:10px; background:none;}
.space20 {height:20px; background:none;}
.space15 {height:15px; background:none;}
.space30 {height:30px; background:none;}
.center {text-align: center !important;}
.partnersSubTitle {text-align:center; font-weight:bold; font-size:21px; color:#666; margin:20px 0 10px}
#Main {width: 100%; margin: 0 auto;}
#Wrapper {max-width: 100%; margin: 0 auto; }
#Top {width: 100%; margin: 0 auto; background: rgba(255,255,255,0.95); height: 125px; position: fixed; top: 0; left: 0; z-index: 2; box-shadow: #4d4d4d 0px 1px 10px;}
.Top {width:100%; max-width: 950px; margin: 0 auto; height: 125px;}
.Top1 {width: 50%; float: left; text-align: left; padding-top: 30px;}
.Top2 {width: 50%; float: right; padding-top: 30px;}
.Top2A {max-width: 300px; float: left; padding-left: 10%;} 
.Top2 ul {list-style: none; display: block; }
.Top2 ul li {text-transform: uppercase; color: #999; font-size: 15px; font-weight: bold;}
.Top2 ul li a {color: #999; text-decoration: none;  padding-left: 10px;}
.Top2 ul li a:hover {background: url(/images/over-p.jpg)left no-repeat; color: #ff6633}

#Social {max-width: 50px; height: 50px; position: fixed; z-index: 9999999; top:30px; float: right; right:1%;}

#events {padding-top: 125px;}
#equipe {padding-top: 135px;}
#apropos {padding-top: 125px;}
#contact {padding-top: 55px;}
#partners  {padding-top: 125px;}

/* Blog /pages — offset under fixed header */
.blog-banner {
	margin-top: 125px;
	background: linear-gradient(rgba(20,20,20,.55), rgba(20,20,20,.55)), url(/images/back-1.jpg) center/cover no-repeat;
	padding: 60px 20px;
	text-align: center;
}
.blog-banner h1 {
	max-width: 760px !important;
	margin: 0 auto;
	color: #fff;
	font-size: 34px;
	line-height: 1.2;
	padding-top: 0;
	margin-bottom: 0;
	background: none;
	text-shadow: 0 1px 4px rgba(0,0,0,.5);
}
.Content.blog-content { padding-top: 145px; }


/*CCOntenido General*/
h1 {font-size: 28px; text-align: center; color: #000; background:url(/images/down.jpg) bottom repeat-x; padding-bottom: 10px; 
    font-family: "Arial Black", Gadget, sans-serif; padding-top: 35px; margin-bottom: 40px;}
h1.apropos {max-width: 323px !important;}

/*Textura 1*/
.Content {width: 100%; margin: 0 auto; background: url(/images/back-1.jpg)top no-repeat;  top:125px;}
.Content h1 {max-width: 610px; margin: 0 auto; text-align: center;}
.Courses {width: 100%; max-width: 950px; margin:0 auto;}


/*Races Squares*/
.Square {max-width: 305px; background: url(/images/shadow-down.png) bottom no-repeat; width: 100%; margin: 0 auto; float: left; height: 100%; padding-bottom: 25px; padding-right:17px;}
.SquareRight {max-width: 305px; background: url(/images/shadow-down.png) bottom no-repeat; width: 100%; margin: 0 auto; float: left; height: 100%; padding-bottom: 25px; padding-right:0;}
.squarelogo {text-align: center;}
.squaredetails {background: #fff; width: 100%; margin: 0 auto; max-width: 287px; padding: 2%; }
.squaremaininfo {width: 70%; float: left;}
.squaremaininfo p {font-family: "Arial Black", Gadget, sans-serif !important; font-size:16px; line-height: 18px; min-height: 90px;}
.squaremaininfo p span {font-family:Arial, Helvetica, sans-serif ; font-size: 16px; font-style: italic; color: #666;}
.Date {max-width: 70px; max-height: 70px; background: #ccc; text-align: center; float: right; width: 20%; color: #fff;}
.Date p {font-family: "Arial Black", Gadget, sans-serif; font-size: 10px;}
.Date p span {font-size: 35px;}
.Date p em {font-size: 10px; font-style: normal !important;}
.distance1 {width: 40%; float: left;}
.distance2 {width: 50%; float: right; text-align: right}
.distance1muchas {width: 20%; float: left; font-size: 14px;}
.distance2muchas {width: 80%; float: right; text-align: right}
.distance1pocas {width: 60%; float: left;}
.distance2pocas {width: 40%; float: right; text-align: right}
.squaredistances {border-top:1px dashed #e6e6e6; color: #000; font-family:Arial, Helvetica, sans-serif ; font-size: 16px; font-style: italic; border-bottom: 1px dashed #e6e6e6;
  padding-top: 10px; padding-bottom: 10px;}
.Distances {max-height: 25px; max-width: 35px; color: #fff; font-family:Arial, Helvetica, sans-serif ; font-weight: bold; text-align: center; background: #ccc; float: right; width: 90%; margin-left: 1%;}
.squarebuttons {border-bottom:1px dashed #e6e6e6; padding-top: 10px; padding-bottom: 10px; width: 100%; margin: 0 auto;}
.squarebuttons1 {width: 50%; float: left;} 
.squarebuttons2 {width: 48%; float: right; padding-left: 2%;} 


.VertsInfo {color: #006837 !important;}
#VertsSquare {background: #006837 !important;}
#VertsDistance5k {background: #f7931e;}
#VertsDistance10k {background: #57a2da;}

.VeniceInfo {color: #9a8479 !important;}
#Venicequare {background: #9a8479 !important;}
#VeniceDistance5k {background: #f7931e;}
#VeniceDistance10k {background: #57a2da;}

.VergasInfo {color: #ec2028 !important;}
#Vergasquare {background: #ec2028 !important;}
#VergasDistance1k {background: #f7cf19;}
#VergasDistance5k {background: #9acc31;}
#VergasDistance10k {background: #f7931e;}
#VergasDistance15k {background: #ec2028;}
#VergasDistance21k {background: #57a2da;}

.RecInfo {color: #ff6633 !important;}
#Recsquare {background: #ff6633 !important;}
#RecDistance1k {background: #f7cf19;}
#RecDistance5k {background: #9acc31;}
#RecDistance10k {background: #f7931e;}
#RecDistance21k {background: #57a2da;}


.MicroInfo {color: #333399 !important;}
#Microsquare {background: #333399 !important;}
#MicroDistance1k {background: #f7cf19;}
#MicroDistance5k {background: #9acc31;}
#MicroDistance10k {background: #f7931e;}
#MicroDistance21k {background: #57a2da;}
#MicroDistance30k {background: #f94300;}


.GlacesInfo {color: #61b5e6 !important;}
#Glacessquare {background: #61b5e6 !important;}
#GlacesDistance1k {background: #f7cf19;}
#GlacesDistance5k {background: #9acc31;}
#GlacesDistance10k {background: #f7931e;}
#GlacesDistance21k {background: #57a2da;}


.ErablesInfo {color: #4d4d4d !important;}
#Erablessquare {background: #000 !important;}
#ErablesDistance1k {background: #f7cf19;}
#ErablesDistance5k {background: #9acc31;}
#ErablesDistance10k {background: #f7931e;}
#ErablesDistance21k {background: #57a2da;}
#ErablesDistance30k {background: #f94300;}



.VinoInfo {color: #93278f !important;}
#Vinosquare {background: #93278f !important;}
#VinoDistance1k {background: #f7cf19;}
#VinoDistance5k {background: #9acc31;}
#VinoDistance10k {background: #f7931e;}
#VinoDistance21k {background: #57a2da;}
#VinoDistance30k {background: #f94300;}


.VideoSpace {width: 100%; margin: 0 auto; text-align: center; padding-top:35px;}
.Video {float: left; width: 45%; padding-left: 0; }
.Video iframe {background: url(/images/shadow-down.png) bottom no-repeat; padding-bottom: 20px;}
.VideoRight {float: right; width: 45%;}
.VideoRight iframe {background: url(/images/shadow-down.png) bottom no-repeat; padding-bottom: 20px;}
.Video img, .VideoRight img {width: 100%; height: auto;}


/*Textura number ni */
.Content2 {width: 100%; margin: 0 auto; background: url(/images/greenback.jpg)top repeat-x;  height: 315px; }
.Conten2here {max-width: 950px; margin: 0 auto;}
.Conten2A {width: 100%; margin: 0 auto; text-align: center;  padding-top: 60px; margin-left: -150px;}
.Conten2A h2 {font-family: "Arial Black", Gadget, sans-serif; color: #fff; font-size: 20px; text-align: center; text-transform: uppercase; line-height: 25px; text-shadow: 1px 1px #000;}
.Conten2A h2 span {font-family:Arial, Helvetica, sans-serif ; font-size: 23px; text-transform: uppercase;}
.Conten2A h2 em {font-family:Arial, Helvetica, sans-serif ; font-size: 16px; text-transform: none;}
#tshirt {width: 100%; max-width: 320px; text-align: right; background: url(/images/tshirt.png) right no-repeat; height: 370px; z-index: 1; 
    margin-top: -320px; float: right; position: relative; margin-right: 50px;}


/*Textura number san*/
.Content3 {width: 100%; margin: 0 auto; background: url(/images/black-back.png) repeat;  padding-top: 45px; padding-bottom: 25px; }
.Conten3here {max-width: 950px; margin: 0 auto;}
.Conten3here h2 {font-family: "Arial Black", Gadget, sans-serif; color: #fff; font-size: 28px; text-align: center; text-transform: uppercase; line-height: 25px; 
border-bottom: 4px solid #fff; max-width: 125px; margin: 0 auto; padding-bottom: 10px;}
.Content3A {width: 70%; max-width: 640px; float: left}
.Content3A h2 {font-family: "Arial Black", Gadget, sans-serif; color: #fff; font-size: 20px; text-align: left; text-transform: uppercase; line-height: 25px; 
border:none; max-width: 100% !important;}
.Content3A p {font-family:Arial, Helvetica, sans-serif ; font-size: 16px; color: #fff; font-weight: normal !important; text-align: left !important;}
.Content3A p a {text-decoration: none; color: #fff;}
.Content3A p a:hover {text-decoration: underline;;}
.Conten3A h2 span {font-family:Arial, Helvetica, sans-serif ; font-size: 23px; text-transform: uppercase;}
.Content3B {max-width: 225px; width: 30%; float: right; background: url(/images/coursegroupe-pic.png) top no-repeat; height: 240px;}

/*Equipo*/
.Team {width: 100%; margin: 0 auto; max-width: 950px; padding-top: 35px;}
.Team ul {list-style: none;}
.Team ul li {float: left; width: 30%; padding:1%; text-align: center !important;}
.Team ul li img {padding-top: 15px; text-align: center}
.Team ul li h3 {font-size: 21px; color: #fff;font-family: "Arial Black", Gadget, sans-serif; text-align: center; margin-top: 10px; height: 50px;}
.Team ul li p {color: #00b9cb; font-size: 16px; text-align: center; height: 45px;}
.Team ul li p a {font-size: 13px; color: #999999; text-align: center;}

/*COntact*/
.Contact {width: 100%; max-width: 950px; /*border-top: 1px dashed #b3b3b3; padding-top: 30px;*/ padding-bottom: 30px; margin: 0 auto; /*margin-top: 50px*/}
.Contact p {font-size: 24px; color: #b3b3b3; text-align: center; padding-bottom: 15px;}
.Contact p a {color: #fff; font-family: "Arial Black", Gadget, sans-serif; font-size: 19px;}
.Contact p a.email {background: url(/images/mail-icon.png) left no-repeat; padding-left: 60px;}
.Contact p a.phone {background: url(/images/phone-icon.png) left no-repeat; padding-left: 40px; font-size: 28px;}

/*partners*/
.Partners {width: 100%; margin: 0 auto; max-width: 950px; margin-top: 35px;}
.Partners ul {list-style: none;}
.Partners ul li {float: left; width: 19%; padding: 3%; background: url(/images/back-partners.png)top no-repeat; height: 105px; }
.Partners ul li img {margin-top: -30px; margin-left: -20px; text-align: center; padding: 0;}

/*presse*/
.Press {width: 100%; max-width: 580px; margin: 0 auto; height: 50px; background: #ff6633; color: #fff; line-height: 50px; font-family: "Arial Black", Gadget, sans-serif;  text-align: center }
.Press a {text-decoration: none; color: #fff; font-size: 22px;}


.Copy {width: 100%; background: #000; height: 60px;}
.copyhere {max-width: 950px; margin: 0 auto;}
.Copy1 {width: 50%; color: #fff; line-height: 60px; float: left; font-size: 13px;}
.Copy2 {width: 50%; color: #fff; line-height: 60px; float: right; font-size: 12px; text-align: right}
.Copy2 a {text-align: right; padding-right:35px; color: #fff; background: url(/images/mm_logo.jpg)right no-repeat; text-decoration: none;}

/*PRESS*/
.PressContent {display: block; width: 100%; max-width: 960px; margin: 40px auto 20px;}
.PressContent .Left {float: left; width: 45%; margin-top: 10px}
.PressContent .Right {float: right; width: 45%; margin-top: 10px}
.PressContent a {color: #FFF; text-decoration: none;}
.PressContent a:hover {color: #00B9CB;}
.DossierContent h2 {max-width:455px !important } 

/*Extra pendejada*/
.TheWhole {width: 100%; margin: 0 auto;}
.TheWhole img {border:none;}
.TheWhole1 {width: auto; float: left; padding-top: 5px;}
.TheWhole2 {width: 60%; float: right; text-align: justify;}
.TheWhole4 {width: 60%; float: right; text-align: justify;}
.TheWhole3 { width: auto;float: left; text-align: justify;padding-top: 5px;}
.dashextra {width: 100%; border-top:1px solid #ccc; height: 3px;}

/* Iphone and Ipat! */
@media only screen and (max-width : 640px ) {
/*CCOntenido General*/

.TheWhole {width: 100%; margin: 0 auto;}
.TheWhole img {border:none;}
.TheWhole1 {width: 100%; float: none; padding-top: 5px; text-align: center;}
.TheWhole2 {width: 100%; float: none; text-align: center;}
.TheWhole4 {width: 100%; float: none; text-align: center;}
.TheWhole3 { width: 100%;float: none; text-align: center;padding-top: 5px;}

#events {padding-top: 260px;}
#equipe {padding-top: 280px;}
#apropos {padding-top: 250px;}
#contact {padding-top: 120px;}
#partners  {padding-top: 240px;}

h1 {max-width: 360px !important; font-family: "Arial Black", Gadget, sans-serif;}
.Courses {width: 98%; margin:0 auto;}
p.center {font-size: 14px; padding: 1%;}
.Content {background: url(/images/back-1.jpg)top repeat-y;}

#Social {max-width: 50px; height: 50px; position: fixed; z-index: 9999999; top:115px; float: right; right:1%;}

#Top {height: auto;}
.Top {height: auto;}
.Top1 {width: 98%; padding: 1%; float: none; text-align: center; padding-top: 30px; border-bottom: 3px solid #ccc; padding-bottom: 30px; }
.Top1 img {width: 80%; padding-top: 0;}

.Top2 {width: 100%; float:none ; padding-top: 5px; background: #f2f2f2;}
.Top2A {max-width: 640px; float: none; padding-left: 0;} 
.Top2 ul {list-style: none; display: block; }
.Top2 ul li {text-transform: uppercase; color: #999; height: 17px; font-size: 12px; font-weight: bold; width: 100%; padding-top: 0px; padding-bottom: 2px; text-align: center; border-top: 1px solid #fff;}
.Top2 ul li a {color: #999; text-decoration: none;  display: block;  height: 17px; padding-left: 0; font-size: 12px; }
.Top2 ul li a:hover {background: #ff6633; color: #fff;  font-size: 12px;}

/* Blog /pages — taller stacked header on mobile */
.blog-banner { margin-top: 280px; padding: 40px 16px; }
.blog-banner h1 { font-size: 24px; max-width: 100% !important; }
.Content.blog-content { padding-top: 300px; }


/*Races Squares*/
.Square {float:none; padding-right: 0; padding-left: 0;}
.SquareRight {float: none;}

.Video {float: none; width: 100%; padding: 0 !important; }
.Video iframe {background: url(/images/shadow-down.png) bottom no-repeat; padding-bottom: 20px; padding-top: 20px; max-width: 330px !important;}
.VideoRight {float: none; width: 100%;}
.VideoRight iframe {background: url(/images/shadow-down.png) bottom no-repeat; padding-bottom: 20px; padding-top: 20px; max-width: 330px !important;}
.Video img {max-width: 400px; padding-bottom: 10px;}
.VideoRight img {max-width: 400px; padding-bottom: 10px;}

/*Textura number ni */
.Content2 {width: 100%; margin: 0 auto; background: url(/images/greenback.jpg)top repeat;   height: 630px; }
.Conten2here {max-width: 950px; margin: 0 auto;}
.Conten2A {width: 100%; margin: 0 auto; text-align: center;  padding-top: 40px; z-index: 2; }
.Conten2A h2 {font-family: "Arial Black", Gadget, sans-serif; color: #fff; font-size: 20px; text-align: center; text-transform: uppercase; line-height: 25px; text-shadow: 1px 1px #000;}
.Conten2A h2 span {font-family:Arial, Helvetica, sans-serif ; font-size: 23px; text-transform: uppercase;}
.Conten2A h2 em {font-family:Arial, Helvetica, sans-serif ; font-size: 16px; text-transform: none;}
#tshirt {width: 100%; max-width: 640px;  text-align: center; background: url(/images/tshirt.png) top no-repeat; position:absolute; height: 370px; z-index: 1; margin-top: 5px;}

.Content3A {width: 93%; max-width: 640px; float: none; padding: 3%;}
.Content3A h2 {font-family: "Arial Black", Gadget, sans-serif; color: #fff; font-size: 20px; text-align: center; text-transform: uppercase; line-height: 25px; 
border:none; max-width: 100% !important;}
.Content3A p {font-family:Arial, Helvetica, sans-serif ; font-size: 16px; color: #fff; font-weight: normal !important; text-align: center !important;}
.Content3A p a {text-decoration: none; color: #fff;}
.Content3A p a:hover {text-decoration: underline;;}
.Conten3A h2 span {font-family:Arial, Helvetica, sans-serif ; font-size: 23px; text-transform: uppercase;}
.Content3B {width: 100%; float: none; background: url(/images/coursegroupe-pic.png) center no-repeat; height: 240px; max-width: 385px;}


/*Equipo*/
.Team {width: 100%; margin: 0 auto; max-width: 950px; padding-top: 35px;}
.Team ul {list-style: none;}
.Team ul li {float: none; width: 98%; padding:1%; text-align: center !important;}
.Team ul li img {padding-top: 15px; text-align: center}
.Team ul li h3 {font-size: 21px; color: #fff;font-family: "Arial Black", Gadget, sans-serif; text-align: center}
.Team ul li p {color: #00b9cb; font-size: 16px; text-align: center}
.Team ul li p a {font-size: 13px; color: #999999; text-align: center;}


/*COntact*/
.Contact {width: 98%; max-width: 950px; border-top: 1px dashed #b3b3b3; padding-top: 30px; padding-bottom: 30px; margin: 0 auto; margin-top: 50px}
.Contact p a.email {width: 98%; padding:1%; background: none; line-height: 50px;}
.Contact p a.phone {width: 98%; padding:1%; background: none; }

/*partners*/
.Partners ul li {float: none; width: 98%; text-align: center;  padding: 2%; background: url(/images/back-partners.png)top no-repeat;  margin-bottom: 20px;}
.Partners ul li img { text-align: center;  margin-left: 0; margin-top: -20px;}

/*presse*/
.Press {width: 97%; padding: 2%; max-width: 580px; margin: 0 auto; height: auto; background: #ff6633; color: #fff; line-height: 40px; font-family: "Arial Black", Gadget, sans-serif;  text-align: center }
.PressContent .Left, .PressContent .Right {float: none; width: 100%; margin-top: 10px}


.Copy {width: 100%; background: #000; height: auto;}
.Copy1 {width: 100%; color: #fff; line-height: 30px; float: none; text-align: center; font-size: 13px;}
.Copy2 {width: 100%; color: #fff;  float: none; font-size: 12px; text-align: center}
.Copy2 a {text-align: center; padding-bottom:20px; color: #fff; background: url(/images/mm_logo.jpg)bottom no-repeat; text-decoration: none; padding-right: 0;}

    }