@import url('https://fonts.googleapis.com/css?family=Fredoka+One');


html { height:100%; width:100%;} 
body { height:100%;} 
body     {font-size: 11px; color: #333333; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background-color:#DBDBDB; background-image:url(imagens/fundosite.jpg); background-repeat:repeat-x; padding: 0px 0px 0px 0px; background-attachment:fixed; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}


	.td-oops::before{content:"Oops!"; font-family: 'Fredoka One', cursive; color:#FFF; font-size:14px; letter-spacing:0px; border-radius:20px; padding:3px 5px 3px 5px; transition:background-color 0.2s ease;text-shadow:0px 2px #CA1971,2px 2px #CA1971,2px 0px #CA1971,2px -2px #CA1971,-2px 0px #CA1971,-2px -2px #CA1971,0px -2px #CA1971,-2px 2px #CA1971;}
	.td-oops > span {visibility: hidden;opacity:0;display:block;position:absolute; z-index:+1; width:200px; margin:20px 0 0 -70px; padding:7px; background-color:#D9DBC4;text-align:left;border-radius:3px;letter-spacing:1px;box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3);transition: visibility 0.2s, opacity 0.2s linear;}
	.td-oops > span::before {content:""; position:absolute; top:-8px; left:0; margin-left:calc(50% - 15px); border-bottom:10px solid #D9DBC4; border-left:10px solid transparent; border-right:10px solid transparent;}
	.td-oops:hover > span {visibility: visible; opacity:1;}
	.td-oops:hover::before{background-color:#CA1971; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3);}

	.td-edicao a {border-bottom:none;}
	.fa-pencil, .fa-trash {padding:2px; font-size:17px; border-radius:3px; transition:all 0.1s ease-in-out;}
	.fa-pencil:hover, .fa-trash:hover {color:#FFF;}
	.fa-pencil {color:green;}
	.fa-pencil:hover {background-color:green;}
	.fa-trash {color:red;}
	.fa-trash:hover {background-color:red;}


#tracadolayout {background-image:url(imagens/tracado.png); background-repeat:no-repeat; background-position:top center; height: 18px}
#tracadopopup {background-image:url(imagens/tracado.png); background-repeat:no-repeat; background-position:top center; height: 10px}

.conteudotabela {padding: 0px 10px 0px 10px}
.conteudotabelaprodutos {padding: 10px 10px 10px 10px}

input    {font-size: 11px; color: #333333; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
select   {font-size: 11px; color: #333333; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
textarea {font-size: 11px; color: #333333; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
table    {font-size: 11px; color: #000000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 16px;}

input          {border-right: #a1a1a1 1px solid; border-top: #a1a1a1 1px solid; border-left: #a1a1a1 1px solid; border-bottom: #a1a1a1 1px solid}
select         {border-right: #a1a1a1 1px solid; border-top: #a1a1a1 1px solid; border-left: #a1a1a1 1px solid; border-bottom: #a1a1a1 1px solid}
textarea       {border-right: #a1a1a1 1px solid; border-top: #a1a1a1 1px solid; border-left: #a1a1a1 1px solid; border-bottom: #a1a1a1 1px solid}

input    {margin: 0px; background-color: #f3f3f3; padding: 5px 10px 5px 10px;}
select   {margin: 0px; background-color: #f3f3f3; padding: 5px 10px 5px 10px;}
textarea {margin: 0px; background-color: #f3f3f3}

.table_borda   {border-right: #dfdfdf 5px solid; border-top: #dfdfdf 5px solid; border-left: #dfdfdf 5px solid; border-bottom: #dfdfdf 5px solid}
.table_borda2   {border-right: #c0c0c0 1px solid; border-top: #c0c0c0 1px solid; border-left: #c0c0c0 1px solid; border-bottom: #c0c0c0 1px solid}
.table_color   {border-right: #c0c0c0 1px solid; border-top: #c0c0c0 1px solid; border-left: #c0c0c0 1px solid; border-bottom: #808080 2px solid; background-color: #ffffff}
.table_color2   {border-right: #c0c0c0 1px solid; border-top: #c0c0c0 1px solid; border-left: #c0c0c0 1px solid; border-bottom: #808080 2px solid; background-color: #ffffff}
.table_fundo   {border-right: #cccccc 0px solid; border-left: #cccccc 0px solid}

hr        {color: #eaeaea; height: 1px}
.DF-alert {background-color:#EFEFC3}
.checkbox {border-right: #FFFFFF 1px solid; border-top: #FFFFFF 1px solid; border-left: #FFFFFF 1px solid; border-bottom: #FFFFFF 1px solid; background-color:#FFFFFF; padding: 0px 0px 0px 0px;}

a:link {text-decoration: none; color: #CA1971; border-bottom: 1px dotted #CA1971}
a:visited {text-decoration: none; color: #CA1971; border-bottom: 1px dotted #CA1971}
a:hover {text-decoration: none; color: #927292; border-bottom: 1px dotted #927292}
a:active {text-decoration: none; color: #927292; border-bottom: 1px dotted #927292}

.link-colecoes:link {text-decoration: none; color: #CA1971; border-bottom: 1px dotted #CA1971; font-weight:bold; font-size: 12px}
.link-colecoes:visited {text-decoration: none; color: #CA1971; border-bottom: 1px dotted #CA1971; font-weight:bold; font-size: 12px}
.link-colecoes:hover {text-decoration: none; color: #927292; border-bottom: 1px dotted #927292; font-weight:bold; font-size: 12px}
.link-colecoes:active {text-decoration: none; color: #927292; border-bottom: 1px dotted #927292; font-weight:bold; font-size: 12px}

.link-branco:link {text-decoration: none; color: #FFE691; border-bottom: 1px dotted #FFE691; font-weight:bold; font-size: 12px}
.link-branco:visited {text-decoration: none; color: #FFE691; border-bottom: 1px dotted #FFE691; font-weight:bold; font-size: 12px}
.link-branco:hover {text-decoration: none; color: #ffff00; border-bottom: 1px dotted #ffff00; font-weight:bold; font-size: 12px}
.link-branco:active {text-decoration: none; color: #ffff00; border-bottom: 1px dotted #ffff00; font-weight:bold; font-size: 12px}

.link-semborda:link {text-decoration: none; color: #ffffff; border-bottom: 0px dotted #ffffff; font-weight:bold; font-size: 12px}
.link-semborda:visited {text-decoration: none; color: #ffffff; border-bottom: 0px dotted #ffffff; font-weight:bold; font-size: 12px}
.link-semborda:hover {text-decoration: none; color: #ffffff; border-bottom: 0px dotted #ffffff; font-weight:bold; font-size: 12px}
.link-semborda:active {text-decoration: none; color: #ffffff; border-bottom: 0px dotted #ffffff; font-weight:bold; font-size: 12px}

.reservas {background-color:#F9F7AD; margin: 0px; padding: 5px 10px 5px 10px;}

.titulorosagrd {font-size: 20px; font-weight:bold; color:#CA1971; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
.tituloroxogrd {font-size: 20px; font-weight:bold; color:#927292; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}

.tituloroxopreco {font-size: 16px; font-weight:bold; color:#927292; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
.titulorosapreco {font-size: 16px; font-weight:bold; color:#CA1971; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
.titulopretopreco {font-size: 16px; font-weight:bold; color:#000000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
.titulopretopreco2 {font-size: 18px; font-weight:bold; color:#000000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
.titulopretopedido {font-size: 15px; font-weight:bold; color:#000000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}


.titulobrancomed {font-size: 12px; font-weight:bold; color:#ffffff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
.titulopretomed {font-size: 12px; font-weight:bold; color:#000000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
.titulorosamed {font-size: 12px; font-weight:bold; color:#CA1971; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
.tituloroxomed {font-size: 12px; font-weight:bold; color:#927292; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
.titulovermelhomed {font-size: 12px; font-weight:bold; color:red; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}

.titulopretomin {font-size: 9px; color:#000000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; line-height: 10px}
.titulopretomintop {font-size: 9px; color:#000000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; line-height: 20px}

.titulointranet {font-size: 25px; font-weight:bold; color:#A2275A}
.titulocadastro {font-size: 25px; font-weight:bold;}
.titulominhaloja {font-size: 22px; font-weight:bold;}
.tituloconfiguracoesiniciais {font-size: 14px; font-weight:bold;}

.link-branco {color: #FFFFFF}
.link-cinza {color: #666666}
.link-preto {color: #000000}

input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
	margin-top:10px;
	width:150px;
    background-color: green;
    color: #FFF;
    font-weight: bold;
    border-radius: 3px;
    padding: 10px;
    font-size: 1.5em;
    border: none;
    cursor: pointer;
    transition: background 0.2s ease;
    outline: none;
}

input[type="submit"]:hover {
    background-color: darkgreen;
}