/* Website definitions */

body
{
margin:10px 0 0 0;
padding:0 0 10px 0;
font:14px Arial, Arial, Helvetica, sans-serif;
background:#999;
}

/* Website Container ------------------------------------------- */

div#container
{
width:980px;
min-height:700px;
margin:0 auto;
padding:0;
border:2px solid #000;
background:#666;
}

/* Index Menu - Logo: ------------------------------------------ */
div#git-logo-index
{
position:absolute;
padding:0;
margin:20px 0 0 20px;
}

/* Index Menu - Gregintech Sa de CV ---------------------------- */

div#gregintech p
{
position: absolute;
margin: 55px 0 0 265px;
width: 300px;
height: 65px;
padding: 0;
font: 55px Arial, Arial, Helvetica, sans-serif;
color: #FFE600;
font-weight: bold;
font-style: italic;
}

div#sadecv p
{
    position: absolute;
 	margin: 110px 0 0 395px;
    width: 150px;
    height: 30px;
    padding: 0;
	font: 20px Arial, Arial, Helvetica, sans-serif;
    color: #FFE600;
    font-weight: bold;
    font-style: italic;
    text-decoration: overline;
}

/* Index Menu - Sistemas profesionales de Visualizacion: ------- */

div#gregintech-es1 p
{
    position:absolute;
	margin: 30px 0 0 640px;
    padding: 0;
	font: 16px Arial, Arial, Helvetica, sans-serif;
    color: #EEE;
    font-weight:bold;
}

div#gregintech-en2 p
{
    position: absolute;
	margin: 65px 0 0 620px;
    padding: 0;
	font: 16px Arial, Arial, Helvetica, sans-serif;
    color: #EEE;
    font-weight:bold;
}

div#gregintech-fr3 p
{
    position: absolute;
	margin: 100px 0 0 600px;
    padding: 0;
	font: 16px Arial, Arial, Helvetica, sans-serif;
    color: #EEE;
    font-weight:bold;
}

div#gregintech-pt4 p
{
    position: absolute;
	margin: 135px 0 0 580px;
    padding: 0;
	font: 16px Arial, Arial, Helvetica, sans-serif;
    color: #EEE;
    font-weight:bold;
}

/* Index Menu - Textos ----------------------------------------- */

div#index-es1 p
{
    position: absolute;
	margin: 210px 0 0 30px;
    padding: 4px 6px 4px 6px;
    width: 250px;
    height: 70px;
    overflow:hidden;
    text-align:justify;
	font: 11px Arial, Arial, Helvetica, sans-serif;
    color: #EEE;
    border: 1px solid #AAA;
}

div#index-en2 p
{
    position: absolute;
	margin: 298px 0 0 30px;
    padding: 4px 6px 4px 6px;
    width: 250px;
    height: 70px;
    overflow:hidden;
    text-align:justify;
	font: 11px Arial, Arial, Helvetica, sans-serif;
    color: #EEE;
    border: 1px solid #AAA;
}

div#index-fr3 p
{
    position: absolute;
	margin: 386px 0 0 30px;
    padding: 4px 6px 4px 6px;
    width: 250px;
    height: 70px;
    overflow:hidden;
    text-align:justify;
	font: 11px Arial, Arial, Helvetica, sans-serif;
    color: #EEE;
    border: 1px solid #AAA;
}

div#index-pt4 p
{
    position: absolute;
	margin: 474px 0 0 30px;
    padding: 4px 6px 4px 6px;
    width: 250px;
    height: 70px;
    overflow:hidden;
    text-align:justify;
	font: 11px Arial, Arial, Helvetica, sans-serif;
    color: #EEE;
    border: 1px solid #AAA;
}

/* Index Menu - Language Selection: ---------------------------- */

div#language
{
    position: absolute;
    margin: 220px 0 0 365px;
	padding: 0;
	width: 250px;
}

div#language ul
{
    padding: 0;
    margin: 0;
    list-style-type: none;
}

div#language li
{
	text-align: center;
    padding: 0;
}

div#language li a
{
	padding: 0;
    margin: 25px 0 0 0; /* espace entre celules menu haut dpeuis la gauche */
    display: block;
	width: 250px; /* largeur celule menu haut */
	font-size: 18px; /* taille texte menu haut */
	font-weight: bold;
	line-height: 35px;
    background: #000;
    color: #FFE600;
    text-decoration: none;
}

div#language li a:link
{
    background: #000;
    color: #FFE600;
    padding: 0;
}

div#language li a:hover
{
	background: #FFE600;
   	color: #000;
    padding: 0;
}

div#language li a:active
{
	background: #FFE600;
   	color: #000;
    padding: 0;
}

div#git-mapa-index
{
    position: absolute;
    margin: 185px 0 0 670px;
    padding: 0;
}

/* Index Menu - Moteur Google: --------------------------------- */

div#BUSCGIT1
{
    position:absolute;
	margin: 505px 0 0 650px;
    padding: 0;
}

Input#B1A
{
    width: 200px;
    margin: 5px;
	font: 11px Arial, Arial, Helvetica, sans-serif;
}

input#B1B
{
    width: 30px;
    height: 20px;
	font: 11px Arial, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFE600;
    background-color: #222;
}

#B1B:hover
{
    
    color: #000;
    background-color: #FFE600;
}

legend#L1
{
    margin: 0;
    padding: 0;
	font: 11px Arial, Arial, Helvetica, sans-serif;
    color: #EEE;
}

div#AD1
{
    position:absolute;
	margin: 595px 0 0 120px;
    padding: 0;
}

div#cumulus
{
    position: absolute;
    margin: 230px 0 0 710px;
    padding: 0;
}

/* Pages - Logo: ----------------------------------------------- */
div#git-logo
{
    position: absolute;
    margin: 10px 0 0 10px;
    padding: 0;
}

/* Guide link -------------------------------------------------- */

p#guide
{
    position: absolute;
    margin: 48px 0 0 95px;
    font: 12px Arial, Arial, Helvetica, sans-serif;
    color: #FFE600;
    text-decoration: none;
}

p#guide a
{
    text-decoration: none;
    font-style:italic;
    color: #FFE600;
}

p#guide a:hover
{
    color: #000;
}

/* Language link ----------------------------------------------- */

p#language-link
{
    float: right;
    margin: 48px 20px 0 0;
    font: 12px Arial, Arial, Helvetica, sans-serif;
    color: #FFE600;
}

p#language-link a
{
    text-decoration: none;
    font-style:italic;
    color: #FFE600;
}

p#language-link a:hover
{
    color: #000;
}

/* All Pages */

/* MENU 2 (Horizontal) ----------------------------------------- */

div#menu2
{
    position: absolute;
    width:900px; /* largeur fenêtre totale menu haut */
	margin: 15px 0 0 80px; /* espace entre bordure haute site et menu haut */
	padding: 0;
}

div#menu2 ul
{
    padding: 0;
    margin: 0;
    list-style-type: none;
}

div#menu2 li
{
    float: left;
	text-align: center;
    padding: 0;
}

div#menu2 li a
{
	padding: 0;
    margin: 0 0 0 15px; /* espace entre celules menu haut dpeuis la gauche */
    display: block;
	width: 162px; /* largeur celule menu haut */
	font-size: 18px; /* taille texte menu haut */
	font-weight: bold;
	line-height: 30px;
    padding: 0px;
    background: #000;
    color: #FFE600;
    text-decoration: none;
}

div#menu2 li a:link
{
    padding: 0;
    background: #000;
    color: #FFE600;
}

div#menu2 li a:hover
{
    padding: 0;
    background: #FFE600;
   	color: #000;
}

div#menu2 #current2 a
{
    padding: 0;
	background: #FFE600;
   	color: #000;
}

/* MENU 2 END */

/* MENU 3 (Vertical) ------------------------------------------- */

div#menu3
{
    position: absolute;
    width: 155px; /* largeur fenêtre totale menu haut */
	margin: 100px 0 0 10px; /* espace entre bordure haute site et menu haut */
	padding: 0;
}

div#menu3 ul
{
    padding: 0;
    margin: 0;
    list-style-type: none;
}

div#menu3 li
{
    float: left;
	text-align: left;
    padding: 0 0 0 3px;
}

div#menu3 li a
{
	padding: 0;
    margin: 0 0 1px 0; /* espace entre celules */
    display: block;
	width: 155px; /* largeur celule menu haut */
	font-size: 12px; /* taille texte menu haut */
	line-height: 20px;
    text-indent: 5px;
    padding: 0;
    background: #000;
    color: #FFE600;
    text-decoration: none;
}

div#menu3 li a:link
{
    padding: 0;
    background: #000;
    color: #FFE600;
}

div#menu3 li a:hover
{
    padding: 0;
    background: #FFE600;
   	color: #000;
   	font-weight: bold;
}

div#menu3 #current3 a
{
    padding: 0;
	background: #FFE600;
   	color: #000;
	font-weight: bold;
}

/* MENU 3 END */

div#text /* text intro ----------------------------------------- */
{
	margin: 90px 0 0 0;
    padding: 0;
   	font: 16px Arial, Arial, Helvetica, sans-serif;
 	color: #FFE600;
}

div#text p
{
	margin: 0;
	padding: 10px 10px 10px 10px;
	font: 16px Arial, Arial, Helvetica, sans-serif;
 	color: #FFE600;
}

div#text a
{
	color: #FFE600;
    text-decoration: none;
    cursor:pointer;
    font-weight:bold;
    font-style:italic;
}

div#text a:link
{
	color: #FFE600;
    text-decoration: none;
    cursor:pointer;
    font-weight:bold;
    font-style:italic;
}

div#text a:hover
{
	color: #000;
}

div#text1 /* text pages ---------------------------------------- */
{
	margin: 90px 0 0 0;
    padding: 0;
   	font: 16px Arial, Arial, Helvetica, sans-serif;
 	color: #FFE600;
}

div#text1 p
{
	margin: 0 50px 0 85px;
	padding: 10px 10px 10px 10px;
	font: 16px Arial, Arial, Helvetica, sans-serif;
    color: #FFE600;
}

div#text1 ul
{
    text-align:justify;
	margin: 0 50px 0 120px;
	padding: 10px 10px 10px 10px;
	font: 16px Arial, Arial, Helvetica, sans-serif;
 	color: #FFE600;
}

div#text1 li
{
    margin: 0 0 10px 0;
}

div#text1 a
{
	color: #FFE600;
    text-decoration: none;
    cursor:pointer;
    font-weight:bold;
    font-style:italic;
}

div#text1 a:link
{
	color: #FFE600;
    text-decoration: none;
    cursor:pointer;
    font-weight:bold;
    font-style:italic;
}

div#text1 a:hover
{
	color: #000;
}
div#text1b /* text pages productos ----------------------------- */
{
	margin: 90px 0 0 150px;
    padding: 0;
   	font: 16px Arial, Arial, Helvetica, sans-serif;
 	color: #FFE600;
}

div#text1b p
{
	margin: 0 50px 0 75px;
	padding: 10px 10px 10px 10px;
    text-align:justify;
	font: 16px Arial, Arial, Helvetica, sans-serif;
    color: #FFE600;
}

div#text1b ul
{
    text-align:justify;
	margin: 0 50px 0 120px;
	padding: 10px 10px 10px 10px;
	font: 16px Arial, Arial, Helvetica, sans-serif;
 	color: #FFE600;
}

div#text1b li
{
    margin: 0 0 10px 0;
}

div#text1b a
{
	color: #FFE600;
    text-decoration: none;
    cursor:pointer;
    font-weight:bold;
    font-style:italic;
}

div#text1b a:link
{
	color: #FFE600;
    text-decoration: none;
    cursor:pointer;
    font-weight:bold;
    font-style:italic;
}

div#text1b a:hover
{
	color: #000;
}

div#pic-prod
{
    position: relative;
    padding: 0;
    margin: 20px 0 0 150px;
}

div#text2 /* text page Services -------------------------------- */
{
	margin: 90px 0 0 0;
    padding: 0;
   	font: 16px Arial, Arial, Helvetica, sans-serif;
 	color: #FFE600;
}

div#text2 p
{
	margin: 0 50px 0 85px;
	padding: 10px 10px 10px 10px;
	font: 16px Arial, Arial, Helvetica, sans-serif;
    color: #FFE600;
}

div#text2 ul
{
    text-align:justify;
	margin: 0 50px 0 120px;
	padding: 10px 10px 10px 10px;
	font: 16px Arial, Arial, Helvetica, sans-serif;
 	color: #FFE600;
}

div#text2 li
{
    margin: 0 0 10px 0;
}

div#text2 a
{
	color: #FFE600;
    text-decoration: none;
    cursor:pointer;
    font-weight:bold;
    font-style:italic;
}

div#text2 a:link
{
	color: #FFE600;
    text-decoration: none;
    cursor:pointer;
    font-weight:bold;
    font-style:italic;
}

div#text2 a:hover
{
	color: #000;
}

/* Website Container PUB --------------------------------------- */

div#container-pub
{
	width: 980px;
	min-height: 560px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
	text-align: center;
	border: 2px solid #000;
	background: #666;
    font: 18px Arial, Arial, Helvetica, sans-serif;
    color: #FFE600;
}

div#container-pub a
{
    text-decoration: none;
    color: #FFE600;
    font-style:italic;
    font-weight:bold;
}

div#container-pub a:link
{
    color: #FFE600;
}

div#container-pub a:hover
{
   	color: #000;
}

/* text page pub 1/6 colonne gauche ---------------------------- */

div#textpub1 
{
    width:130px;
    min-height: 480px;
    margin: 0 0 0 15px;
    float: left;
    text-align:left;
    padding: 10px;
    font: 16px Arial, Arial, Helvetica, sans-serif;
 	color: #FFE600;
    border: 1px solid;
    border-color:#FFE600;
}

/* text page pub 2/6 a 6/6 ------------------------------------ */

div#textpub2, div#textpub3, div#textpub4, div#textpub5, div#textpub6 
{
    width:130px;
    min-height: 480px;
	margin: 0 0 0 7px;
    float:left;
	padding: 10px;
    font: 16px Arial, Arial, Helvetica, sans-serif;
 	color: #FFE600;
    border: 1px solid;
    border-color:#FFE600;
}

/* Contact form ------------------------------------------------ */

div#text5
{
    position: absolute;
    width: 860px;
    height: 50px;
    margin: 80px 0 0 50px;
	padding: 10px 10px 10px 10px;
   	font: 16px Arial, Arial, Helvetica, sans-serif;
    text-align:center;
 	color: #FFE600;
}

div#text5 a
{
    text-decoration: none;
    cursor:pointer;
    font-weight:bold;
    font-style:italic;
}

div#text5 a:link
{
	color: #FFE600;
    text-decoration: none;
    cursor:pointer;
    font-weight:bold;
    font-style:italic;
}

div#text5 a:hover
{
	color: #000;
}

div#datos1
{
    position: absolute;
    width: 380px;
    height: 300px;
	margin: 200px 0 0 50px;
	padding:  10px 10px 10px 10px;
   	font: 16px Arial, Arial, Helvetica, sans-serif;
    text-align:center;
 	color: #FFE600;
}

div#datos1 a, div#datos1 a:link
{
	color: #FFE600;
    text-decoration: none;
    cursor:pointer;
    font-weight:bold;
    font-style:italic;
}

div#datos1 a:hover
{
	color: #000;
}

/* ---- Contact form ------------------------------------------- */

div#form2
{
    position: absolute;
    width: 345px;
    height: 410px;
	margin: 150px 0 0 530px;
	padding: 15px 10px 10px 10px;
    border: 1px solid #EEE;
   	font: 16px Arial, Arial, Helvetica, sans-serif;
 	color: #FFE600;
}

form
{
    position:absolute;
    margin:0;
    padding-left:20px;
    background: none;
    color: #FFE600 ;
}

Form *
{
    font: 14px Arial, Arial, Helvetica, sans-serif;
}

LABEL
{
    margin: 0 10px 5px 0;
}

TEXTAREA
{
    margin: 0 10px 5px 0;
    width: 300px;
    height: 100px;
    border: none;
    background-color: #EEE;
}

INPUT
{
    margin: 0 10px 5px 0;
    border: none;
    background-color: #EEE;
    width: 300px;
}

FORM P
{
    clear: both;
    margin: 0;
}

FORM LABEL
{
    width: 12%;
    text-align: left;
}

#button-form1
{
    float:right;
    margin: 15px 40px 0 0;
    padding:0;
    width: auto;
    height: 20px;
    cursor: pointer;
    font-weight:bold;
    color: #FFE600;
    background-color: #000;
}

#button-form1:hover
{
    color: #000;
    background-color: #FFE600;
}

.alerte
{
    font-size: 14px;
}

.focus
{
    background: #FF8A00;
}

.focusr
{
    background: #FF6000;
}

/* ---- Contact form confirmation ------------------------------ */

div#text6
{
    position: absolute;
    width: 880px;
    height: 400px;
    margin: 100px 0 0 50px;
	padding: 10px 10px 10px 10px;
   	font: 16px Arial, Arial, Helvetica, sans-serif;
 	color: #FFE600;
}

#button-A, #button-B
{
    position:absolute;
    width: 90px;
    height: 20px;
    border:none;
    cursor: pointer;
    background-color: #000;
}
#button-A a, #button-B a
{
    display:block;
   	font: 14px Arial, Arial, Helvetica, sans-serif;
    font-weight:bold;
    color: #FFE600;
    text-decoration:none;
    text-align:center;
    line-height: 20px;
}

#button-A
{
    margin: 50px 0 0 335px;
}

#button-B
{
    margin: 50px 0 0 455px;
}

#button-A a:hover,#button-B a:hover
{
    color: #111;
    background-color: #FFE600;
    border: 1px solid #
}

p#home10, p#home10 a
{
   	font: 16px Arial, Arial, Helvetica, sans-serif;
    color: #FFE600;
    text-decoration:none;
    font-style:italic;
    font-weight:bold;
}

p#home10 a:hover
{
    color: #000;
}

/* All Pages - Footer / Copyright ------------------------------ */

p#footerindex
{
	margin: -18px 0 0 0;
	line-height: 15px;
	text-align: center;
	font-size: 10px;
    color: #EEE;
}

p#footerindex a
{
    color: #EEE;
    text-decoration: none;
    cursor:pointer;
}

p#footerindex a:link
{
	color: #EEE;
}

p#footerindex a:hover, p#footerindex a:active
{
	color: #000;
}

p#footer
{
	margin: 3px 0 0 0;
	line-height: 15px;
	text-align: center;
	font-size: 10px;
    color: #EEE;
}

p#footer a
{
    color: #EEE;
    text-decoration: none;
    cursor:pointer;
}

p#footer a:link
{
	color: #EEE;
}

p#footer a:hover, p#footer a:active
{
	color: #000;
}

/* All Pages - Footer / ad ------------------------------------- */

div#ad 
{
    position:relative;
    padding:0;
	margin: -10px 0 0 970px;
}

div#ad p
{
	line-height: 10px;
	text-align: center;
	font-size: 10px;
    color: #888;
}

div#ad a
{
    color: #888;
    text-decoration: none;
    cursor:default;
}

div#ad a:link
{
	color: #888;
}

div#ad a:hover, p#ad a:active
{
	color: #888;
}


/* --------------------------- END --------------------------------- */